kursus komputer yang bagus di medan - Membuat situs web menjadi semakin kompleks dan biasanya bukan pekerjaan satu orang. Penting untuk memastikan bahwa desain konsisten dan dioptimalkan untuk memenuhi tujuan bisnis dan menciptakan pengalaman yang menyenangkan bagi pengguna.
Salah satu cara untuk memastikan bahwa tim berada di halaman yang sama ketika mendesain bagian-bagian terpisah dari situs web atau menyimpan desain dari pengembang adalah untuk membuat dokumentasi desain atau panduan gaya desain web.
Sangat bermanfaat untuk memiliki panduan gaya untuk menciptakan pengalaman kohesif di antara halaman yang berbeda. Juga membantu memastikan bahwa pengembangan di masa mendatang atau produksi pihak ketiga akan mengikuti pedoman merek dan akan dianggap sebagai bagian dari keseluruhan merek.
Luke Clum telah menyentuh permukaan menggunakan panduan gaya sebagai langkah pertama Anda dalam desain web tahun lalu dan saya ingin melihat lebih mendalam tentang cara membuat panduan gaya desain web yang dapat digunakan untuk proyek Anda.
Apa itu Panduan Gaya?
Panduan gaya adalah kumpulan elemen yang dirancang sebelumnya, grafik dan desainer aturan atau pengembang harus mengikuti untuk memastikan bahwa potongan situs web yang terpisah akan konsisten dan akan menciptakan pengalaman yang kohesif di bagian akhir.
panduan gaya airbnb
Toolkit UI Airbnb - Web oleh Derek Bradley
Mengapa Penting?
Ini sangat penting ketika beberapa desainer bekerja di situs web atau aplikasi web besar untuk memastikan bahwa mereka tidak menafsirkan terlalu banyak dan tidak mengubah atau menyesuaikan gaya berdasarkan preferensi pribadi. Dalam pengembangan, memiliki elemen yang didefinisikan dari situs web memudahkan pengembang untuk menggunakan kembali elemen-elemen ini. Selain itu, ini dapat mempermudah karena mereka akan mendapatkan elemen apa yang harus mereka kode dan akan melihat dengan tepat bagaimana mereka harus melihat dari awal.
Tonjolkan audiens Anda dengan situs web animasi dan presentasi web.
Dengan Slide, kami tidak membuat Anda memulai dari batu tulis kosong. Yang harus Anda lakukan adalah memilih elemen yang paling Anda sukai dan menggabungkannya. Setiap slide telah dibuat dengan hati-hati untuk memenuhi tiga kriteria utama: estetika, fungsi dan kegunaan. Dengan cara itu Anda tahu setiap elemen bekerja sama dengan mulus sambil meningkatkan dampak dari konten Anda.
Untuk membuat pengembang hidup lebih mudah, adalah tugas desainer untuk menyertakan semua interaksi yang mungkin seperti melayang-layang, klik, kunjungi, dan negara bagian lain untuk tombol, judul, tautan, dll.
Membuat Panduan Gaya Desain Web
1. Pelajari Merek
Pertama, Anda perlu mempelajari merek tersebut sehingga Anda memahami apa artinya. Kenali cerita di balik merek, amati tim dan temukan visi, misi, dan nilai-nilai perusahaan. Penting untuk menggali lebih dalam merek sehingga panduan gaya yang Anda hasilkan secara visual dan emosional akan mewakili organisasi.
Jika Anda seorang desainer yang tidak dapat mengode, cukup buka Photoshop dan berikan judul dokumen Anda dan deskripsi singkat tentang dokumen itu dan untuk apa dokumen itu.
Jika Anda bisa membuat kode, lebih baik untuk membuat dokumen html dengan aset yang sudah dikodekan sehingga dapat dengan mudah digunakan kembali.
2. Definisikan Tipografi
Menurut Oliver Reichenstein, tipografi adalah 95 persen desain web.
Anda harus mendapatkan tipografi yang tepat karena ini adalah salah satu alat komunikasi paling penting antara pengunjung dan situs web Anda.
Tetapkan hierarki dan identifikasi. Ada jenis judul: h1, h2, h3, h4, h5 dan h6. Kemudian body copy, variasi tebal dan miring. Pikirkan tentang salinan kustom yang akan digunakan untuk tautan yang lebih kecil, teks intro dan sebagainya. Berikan font keluarga, berat dan warna.
0 comentários: