Isi
- 1 Berhentilah menjadi orang yang suka mengontrol
- 2 Picas ke piksel
- 3 RGB dan hex
- 4 Keterbacaan masih menjadi prioritas
- 5 Mulailah dalam lanskap
- 6 Maksimalkan gambar
- 7 Percobaan Typeface
- 8 Pelajari kembali grid
- 9 Tablet untuk disentuh
- 10 Jangan melampaui batas
1 Berhentilah menjadi orang yang suka mengontrol
Aturan nomor satu: pekerjaan desain digital Anda adalah tentang menyajikan informasi, tetapi cara informasi ini terlihat dan fungsinya adalah dua bidang yang terpisah. CSS ada untuk menjaga tampilan dan pemformatan informasi. Berhenti melihatnya sebagai musuh desainer dan anggap itu sebagai alat seperti Photoshop atau InDesign. Ini akan terbayar.
2 Picas ke piksel
Picas adalah ukuran fisik, dan ukuran titik adalah bagian standarnya. Tapi Anda mempelajarinya di perguruan tinggi dua dekade lalu, bukan? Lupakan saja. Dalam digital, semua dimensi bersifat relatif, jadi luangkan waktu untuk mempelajari mengapa Anda merujuk ke ruang kanvas Anda dalam piksel, dan mengapa jenis diukur dalam piksel dan persentase.
3 RGB dan hex
Jadi, Anda terbiasa bekerja dengan empat warna, spesial dan kelima. Lupakan juga tentang mereka. Warna adalah rintangan terbesar yang dihadapi desainer untuk beralih dari cetak ke digital, jadi pikirkan tentang nilai RGB dan hex. Sederhananya, nilai hex adalah kode enam angka yang mewakili warna RGB dalam mark-up, di mana hitam adalah # 000000, dengan nilai R, G dan B semuanya nol persen, dan putih adalah #ffffff dengan R, G dan B masing-masing 100 persen. Mudah, ya?
4 Keterbacaan masih menjadi prioritas
Kecuali Anda benar-benar mencoba untuk mengasingkan audiens Anda, pastikan bahwa keterbacaan adalah prioritas nomor satu. Ini berarti membuat teks cukup besar untuk dibaca, menggunakan font sistem dan tersemat yang sesuai untuk dibaca di monitor atau tablet dengan lampu latar, dan memberi ruang gambar untuk bernapas. Aturan praktis yang aman untuk mengubah picas menjadi ukuran titik adalah dengan menggandakannya dan menambahkan dua. Ini bekerja dengan baik untuk body copy yang didistribusikan ulang dari cetak ke perangkat tablet, misalnya.
5 Mulailah dalam lanskap
Terkadang Anda akan diminta untuk mendesain tata letak halaman digital dua kali: satu kali untuk penggunaan vertikal dan satu kali untuk horizontal, dengan dimensi halaman beralih di antara masing-masing. Selalu mulai dengan yang terakhir, karena ini sering kali memiliki kesesuaian yang lebih ketat daripada vertikal, dan oleh karena itu akan menentukan desain dan kesesuaian konten yang Anda kerjakan. Setelah Anda memakukan horizontal, bawa elemen utama dan furnitur halaman ke vertikal.
6 Maksimalkan gambar
Gambar selalu terlihat fantastis pada layar dengan cahaya latar, terutama pada tablet yang dikemas dengan piksel seperti iPad dan Kindle Fire. Manfaatkan ini semaksimal mungkin dengan menggunakan citra Anda sebesar mungkin. Jika Anda mengerjakan publikasi digital, gunakan gambar layar penuh untuk membuat jeda dramatis dalam artikel. Trik sebenarnya dari majalah digital adalah menciptakan kembali momen 'berhenti dan menatap' yang sangat efektif dalam media cetak.
7 Percobaan Typeface
Anda mungkin memiliki pustaka jenis huruf yang penuh dengan serif lempengan dan font tampilan yang dipesan lebih dahulu, tetapi ingatlah penggunaannya pada seluler dan desktop. Anda mungkin tidak dapat menggunakannya sebagai font judul atau dampak, tetapi untuk body copy, sebaiknya tetap menggunakan font sistem yang kokoh, terutama jika edisi digital Anda memungkinkan pengguna mengubah ukuran ukuran poin.
8 Pelajari kembali grid
Kisi desain editorial dan grafis didasarkan pada kolom, kotak, dan ruang negatif, yang digabungkan untuk membantu penyajian konten yang Anda kerjakan. Dalam bidang digital, kisi-kisi terletak pada hierarki horizontal dan juga hierarki menurun, terutama pada perangkat tablet di mana gesekan dari kiri ke kanan adalah metode kontinuitas yang umum. Pikirkan tentang bagaimana Anda dapat mengalirkan konten ke atas dan ke bawah serta dari kiri ke kanan.
9 Tablet untuk disentuh
Jangan meremehkan pengguna Anda dan menjejalkan ruang layar yang berharga dengan petunjuk dan ajakan bertindak yang memohon kepada mereka untuk 'sentuh di sini untuk lebih banyak konten'. Pengguna secara alami menyodok dan mendorong layar sentuh, jadi pandu mereka ke konten baru alih-alih memesannya. Anda seorang desainer, jadi buatlah serangkaian ikon yang sesuai - seperti simbol plus dan minus - yang menyampaikan fungsionalitas tanpa harus menjelaskannya.
10 Jangan melampaui batas
Hanya karena Anda dapat melakukan sesuatu secara digital yang tidak pernah dapat Anda lakukan dalam bentuk cetak, bukan berarti itu benar-benar diperlukan. Misalnya, halaman pembuka beranimasi untuk situs web yang membuat pemirsa tetap berkeliaran adalah setara digital dengan memuat di depan publikasi dengan iklan; Meskipun transisi halaman yang cerdas pada edisi tablet mungkin terlihat keren bagi Anda, transisi tersebut mengganggu proses membaca pengguna. Jika ragu, tinggalkan. Itulah yang kami katakan.
Semua ilustrasi oleh Evgenia Barinova