c

Tips Desain Web Responsif (RWD)

Tips Desain Web Responsif  : Situs web harus terlihat bagus tidak peduli perangkat apa yang dilihatnya. Dan itu harus berfungsi penuh dan mendapatkan pesan yang ingin disampaikan tanpa penyimpangan. Semua orang ingin membangun situs web dan kemudian secara ajaib membuatnya terlihat bagus di iPhone, Android, atau iPad. Tetapi hal-hal tidak bekerja semudah itu dan dibutuhkan banyak kesabaran dan dedikasi untuk keahlian Anda untuk melakukannya dengan benar.

Oh ada banyak buku tentang bagaimana melakukan desain web responsif dan Anda akan mendapatkan nilai dua sen Anda, tetapi Anda masih harus tahu apa yang Anda lakukan dan apa yang perlu Anda capai pada setiap tugas spesifik yang ditugaskan kepada Anda. Anda harus terlebih dahulu menentukan jenis aset apa yang akan Anda gunakan dan apa yang saya maksud dengan aset adalah, gambar, spanduk, webinar, dan ilustrasi atau apa pun yang pada dasarnya bukan teks yang Anda letakkan di halaman Anda. Aset membantu membuat atau menghancurkan situs web. Jika Anda menggunakannya dengan benar, Anda akan memiliki situs web yang sangat populer. Jika Anda salah menggunakannya, situs web Anda akan terlihat seperti sesuatu yang ketinggalan zaman dan tampak ketinggalan zaman.

Anda menggunakan aset yang Anda buat di Photoshop,

Anda perlu memastikan aset tersebut di ukur dengan benar di awal sebelum menentukan bagaimana Anda berencana menggunakannya di iPhone. Yang saya maksud dengan mengukur dengan benar adalah jika Anda tidak akan menggunakan semua byte itu pada gambar itu, lalu turunkan dan biarkan CSS Anda memberi gambar itu dimensinya dengan cara ini Anda akan dapat menetapkan ukuran yang berbeda berdasarkan di perangkat Anda. Jangan takut untuk bereksperimen, semua orang melakukannya. Anda tidak akan bisa melakukannya dengan benar pertama kali sebagian besar waktu pula.

Beberapa orang menjalankan cara lain ketika harus membuat situs web yang responsif. Mereka tidak ingin sakit kepala dan mereka benar-benar tidak ingin meluangkan waktu untuk melakukannya. Desainer Web itu pemalas, seorang guru yang pernah saya temui di kampus mengatakan kepada kami bahwa “Desainer web yang malas adalah perancang web yang baik.” Saya percaya ini benar, tetapi yang sebenarnya dia maksud adalah Anda harus membuat kode Anda terlebih dahulu, mengujinya, mengeluarkan bug, dan kemudian menggunakannya kembali sebanyak yang Anda inginkan. Desainer UX terbaik bekerja dengan cara ini.

Mereka akan memiliki goody bag of code untuk berbagai situasi dan hanya mengubahnya sedikit untuk situs web unik apa pun yang mereka buat. Tetapi ketika datang ke desain web responsif, semuanya sedikit lebih rumit. Anda perlu memutuskan bagaimana Anda akan membangun situs web. Apakah Anda akan membangun seluler terlebih dahulu atau desktop dan kemudian ada pertanyaan tentang berapa banyak kueri media yang Anda butuhkan. Anda juga perlu tahu bahwa jika Anda menggunakan lebih dari satu lembar gaya, Anda perlu memastikan bahwa setiap lembar gaya di atur untuk perangkat yang Anda inginkan agar situs web Anda terlihat.

Membangun desain yang fleksibel dapat menghemat banyak waktu Anda dalam hal membangun desain web yang responsif.

Persentase jauh lebih baik dalam hal ini karena gambar Anda dan aset lainnya akan sesuai dengan ukuran perangkat tetapi jangan lupa untuk memindahkan gambar Anda ke tempat yang Anda inginkan. Menempatkan lebar maksimal 320px untuk iPhone itu keren tetapi ketika seseorang memutar ponselnya, Anda ingin gambar atau aset dapat melompat tepat di tempat yang Anda inginkan seperti seharusnya dan kembali lagi.

mengalami kesulitan dengan ini ketika saya pertama kali mulai melakukan desain web responsif. Saya akan duduk di sana dan bertanya-tanya mengapa kueri media saya tidak berfungsi untuk berbagai perangkat. Saya akan menampar diri saya sendiri ketika melakukan layar android dan semuanya tampak benar, kemudian menggambar kosong ketika saya memeriksa pekerjaan saya di perangkat lain hanya untuk menemukan bahwa itu tidak terlihat seperti yang saya inginkan. Ini membutuhkan beberapa percobaan dan kesalahan dan beberapa buku bagus untuk membantu saya, tetapi itu banyak pekerjaan.

Akhirnya waspadalah terhadap desain out of the box yang mungkin di inginkan klien.

Selalu berpikir responsif setiap kali Anda mulai membuat gambar rangka dan jangan lupa untuk memastikan desain Anda ramah lintas browser. Anda dapat mendesain untuk perangkat apa pun, Anda hanya perlu tahu bagaimana Anda akan sampai di sana dan menghemat banyak waktu dan sakit hati. Terkadang Anda mungkin tidak ingin menggunakan semua aset halaman saat beralih ke perangkat yang lebih kecil seperti telepon. Katakanlah Anda memiliki formulir kontak yang sangat bagus. Anda telah membangun hal ini dengan sangat bagus dan memasukkan beberapa grafik manis di dalamnya juga, tetapi Anda tidak benar-benar perlu memiliki formulir di ponsel.

Anda akan mendapatkan lebih banyak dari hanya mengucapkan beberapa baris dan kemudian menambahkan alamat email Anda di semua perangkat Anda. Pada perangkat seluler atau hampir semua perangkat non-desktop ketika orang mengklik email Anda. Email itu akan terbuka di email apa pun yang mereka gunakan dan kemudian mereka. Dapat mengetik dan Anda masih bisa mendapatkan pesan yang Anda inginkan dari mereka. Sehingga menghemat Anda semua sekelompok sakit kepala. Sekarang katakanlah Anda benar-benar menginginkan formulir itu, jangan lupa untuk memeriksa bagian fokus formulir pada perangkat non-desktop.

Anda mungkin mengatur item formulir Anda dengan benar tetapi apa yang terjadi ketika seseorang.

Mulai mengisi formulir itu di ponsel mereka, apakah fokusnya meledak di semua tempat? Periksa pengaturan fokus Anda dan pastikan elemen formulir Anda tidak menyebar ke mana-mana. Oh, satu hal lagi, periksa kotak peringatan Anda, atau pengaturan validasi atau apa pun yang Anda buat. Seperti itu jika seseorang lupa mengisi sebagian formulir Anda, kotak peringatan Anda tidak akan terlihat tidak pada tempatnya secara genetik. Jadi itu hanya beberapa hal yang perlu di pikirkan ketika datang ke desain web responsif.