Terma-terma Industri Reka Bentuk Web untuk Clueless Client
Dalam industri reka bentuk web, kami menggunakan banyak istilah dalaman. Ini bukan sahaja sukar untuk bermula untuk pendatang baru, terutamanya pelanggan yang tidak terlibat dalam industri reka bentuk, tetapi menyampaikan makna mereka dengan betul kadang-kadang menjadi cabaran.
Dalam glosari ini, kami telah mengumpul 20 istilah reka bentuk web yang sering digunakan dan menambah penjelasan singkat kepada setiap orang, supaya sesiapa sahaja dapat melihat mereka dengan cepat dalam kes ketidakpastian. Jika anda mempunyai pelanggan yang benar-benar memerlukan kursus kemalangan dalam jargon reka bentuk web, kongsi artikel ini dengan mereka.
“Animasi”
Teknik reka bentuk web itu menambah gerakan kepada elemen pada skrin untuk menggambarkan perubahan atau untuk menarik perhatian pengguna.
Animasi adalah lebih kuat daripada peralihan, kerana mereka boleh melalui banyak keadaan berbeza antara titik awal dan akhir, oleh itu mereka boleh digunakan kesan yang lebih rumit.
“Breadcrumb”
A jenis navigasi yang memberitahu pengguna mengenai mereka lokasi sekarang di tapak.
Breadcrumbs mengandungi jalan di mana halaman semasa boleh dicapai dari laman utama, biasanya dalam format Laman Utama / Kategori / Halaman
. Setiap elemen laluan juga boleh diklik supaya pengguna dapat dengan cepat mengemudi hierarki tapak. Breadcrumbs biasanya dipaparkan di atas setiap halaman.
“Clutter”
Kesilapan reka bentuk web, penunjuk a halaman yang kurang direka.
Kami bercakap tentang halaman berantakan apabila pereka memerah terlalu banyak maklumat pada halaman yang sama tanpa menambah ruang putih yang cukup & kandungan penstrukturan yang betul. Halaman berantakan ada kebolehbacaan rendah, dan merosakkan pengalaman pengguna.
“Skema warna”
A koleksi warna harmoni digunakan untuk mencipta identiti jenama yang dikenali.
Biasanya skema warna yang sama adalah digunakan secara konsisten di seluruh tapak web jenama, aplikasi mudah alih, logo, dan bahan pemasaran. Skema warna boleh direka mengikut prinsip yang berlainan, terdapat skim warna monochromatic, analog, komplementer, triadic, dan lain-lain.
“Sebaliknya”
Teknik reka bentuk untuk menekankan perbezaan antara elemen yang mempunyai peranan atau makna yang berbeza.
Menggunakan warna pelengkap (bertentangan dengan roda warna) adalah cara yang paling terkenal untuk menyatakan kontras, bagaimanapun perbezaan visual dalam bentuk, gaya, tipografi, atau susun atur elemen halaman yang kita mahu berbeza juga boleh mencapai kesan yang berbeza.
“Empty State”
Keadaan tertentu laman web atau aplikasi apabila terdapat belum ada kandungan apa pun pada halaman tertentu, namun elemen reka bentuk adalah sudah di tempat mereka.
Negeri penggunaan pertama, seperti profil kosong adalah contoh biasa untuk halaman negeri kosong. Mereka memerlukan teknik reka bentuk tertentu (seperti reka bentuk onboarding) itu memaklumkan pengguna mengenai apa yang sepatutnya di halaman, dan menggalakkan mereka untuk melakukan aktiviti tertentu.
“Tata Letak Tetap”
A jenis susun atur di mana tapak dan elemennya gunakan lebar yang sama merentas semua resolusi, didefinisikan dalam nilai statik (biasanya piksel).
Cara tradisional untuk membina laman web. Jarang dipilih untuk laman web yang lebih baru, kerana tapak dengan susun atur tetap tidak boleh digunakan (boleh dibaca) pada skrin mudah alih. Untuk dapat diakses oleh pengguna mudah alih, banyak laman susun atur tetap menggunakan a tapak mudah alih menengah.
“Reka bentuk rata”
A UI bahasa reka bentuk itu memberi tumpuan kepada gaya yang bersih dan minimalis, dan menghilangkan tekstur, pola, kecerunan, dan kesan mewah lain yang rumit untuk membantu pengguna tumpuan yang lebih baik pada kandungan.
Reka bentuk rata telah dikritik kerana masalah kebolehgunaan yang berpunca daripada kekurangan tiga dimensi. Lebih matang Bahasa reka bentuk Flat 2.0, seperti reka bentuk Bahan Google, telah muncul sebagai respons, dan menambahkan kedalaman sedikit kembali kepada reka bentuk rata.
“Layout Fluid”
A jenis susun atur itu menggunakan unit relatif untuk menentukan lebar tapak dan elemennya.
Unit relatif paling kerap digunakan untuk susun atur bendalir adalah peratusan, tetapi ems dan rems juga boleh digunakan. Susun atur bendalir merensikan (membentang dan mengecut) seperti lebar perubahan viewport. Tidak seperti susun atur responsif, susun atur bendalir tidak menggunakan pertanyaan media. Juga dirujuk sebagai susun atur cecair.
“Lipat”
Bahagian bawah bahagian skrin yang kelihatan.
Istilah ini “di atas lipatan” merujuk kepada bahagian halaman web yang boleh dilihat pengunjung tanpa mengambil sebarang tindakan, sementara “di bawah lipatan” merujuk kepada seluruh halaman yang pengguna boleh hanya dicapai dengan berinteraksi dengan laman web ini - biasanya dengan menatal atau meleret (di telefon bimbit).
Ia disyorkan untuk diletakkan unsur penjenamaan (cth. logo), navigasi di tapak, dan menarik kandungan di atas lipatan untuk menjadikan pengguna dengan cepat memahami tujuan laman web dan berminat dengan yang lain kandungan.
“Degradasi Anggun”
Strategi reka bentuk web yang termasuk semua ciri lanjutan secara lalai di tapak, kemudian membuang atau menyederhanakan perkara yang tidak berfungsi pada pelayar lama, pada peranti yang kurang mampu, atau pada lebar jalur yang lebih rendah.
Fokus lebih banyak penampilan daripada kandungan. Di era mudah alih, peningkatan progresif telah menjadi strategi reka bentuk web utama untuk laman web baru, kemerosotan anggun terutama digunakan pada laman web yang lebih tua atau warisan.
“Imej Hero”
Satu besar banner imej ditempatkan di atas lipatan.
Imej pahlawan adalah berkualiti tinggi, biasanya gambar lebar lebar yang berkaitan dengan kandungan laman web ini. Di atas mereka, biasanya terdapat a pendek (satu atau dua baris) teks yang menyampaikan mesej kepada pengguna, dan a butang tindak-tindak yang memanggil mereka untuk mengambil tindakan tertentu, seperti membeli-belah atau mendaftar ke laman web ini.
“Halaman arahan”
Pada asalnya mana-mana halaman di mana a Pelawat dalam talian memasuki tapak. Baru-baru ini istilah ini agak digunakan untuk halaman mandiri yang direka untuk a tujuan perniagaan tertentu.
Misalnya, jika pengguna web mengikuti iklan spanduk mereka sering mendapati diri mereka di halaman pendaratan yang memanggil mereka untuk membeli produk yang berkaitan. Halaman pendaratan dengan a tumpuan tunggal dan a tindakan panggilan yang jelas cenderung untuk mencapai kadar penukaran yang lebih tinggi.
“Memuatkan Lazy”
Teknik untuk memuatkan imej dan kandungan statik yang lain, seperti video, hanya sejurus sebelum mereka dapat dilihat untuk pengguna.
Sekiranya laman web menggunakan pemalasan malas, hanya imej di atas lipatan dimuatkan terlebih dahulu, selebihnya hanya dimuat apabila (jika) pengguna menatal halaman. Lazimnya digunakan dalam reka bentuk responsif dan mudah alih seperti itu menjimatkan sumber. Contohnya, Google AMP mempercepatkan tapak mudah alih oleh sumber statik memuat malas secara lalai.
“Permintaan Media”
Ciri CSS yang dibuat reka bentuk web responsif mungkin dengan membolehkan pereka mencipta reka bentuk yang berbeza untuk dimensi peranti yang berbeza (lebar dan / atau ketinggian), orientasi (landskap atau potret), dan jenis media (cetakan, skrin, dll.).
Lazimnya, laman responsif mempunyai susun atur yang berasingan untuk desktop, tablet dan skrin mudah alih, breakpoints antara mereka adalah didefinisikan oleh pertanyaan media ditambah kepada CSS.
“Peningkatan Progresif”
Strategi reka bentuk web yang pertama menambah hanya elemen asas ke tapak, yang berfungsi pada mana-mana pelayar, jalur lebar, dan peranti. Ciri-ciri hadapan lebih maju (gaya dan interaktiviti) adalah dimuatkan dalam lapisan selepas itu.
Peningkatan progresif terutamanya memberi tumpuan kepada kandungan, hasil dalam laman web yang ada boleh diakses kepada setiap pengguna, oleh itu ia adalah cara utama untuk membina laman web dalam era mudah alih (berbanding dengan kemerosotan anggun).
“Reka bentuk responsif”
Pendekatan reka bentuk web untuk membuat laman web itu menyesuaikan diri dengan dimensi daripada jenis peranti yang berbeza (paling kerap mudah alih, tablet & desktop) dengan mereka bentuk susun atur yang berlainan dan gaya lain (cth. typography, saiz imej) untuk mereka.
Reka bentuk responsif menggunakan pelbagai teknik, seperti unit relatif, grid fleksibel, dan pertanyaan media untuk berkhidmat setiap pengguna dengan kandungan yang boleh digunakan, boleh dibaca dan boleh diakses. Kebanyakan laman web moden menggunakan reka bentuk responsif.
“Skeuomorphism”
Satu bahasa reka bentuk UI yang memanfaatkannya prinsip kebiasaan, dan menumpukan pada mencipta elemen reka bentuk yang menyerupai setaraf dunia sebenar mereka.
Contohnya butang yang kelihatan seperti butang hidup sebenar dengan menggunakan kesan seperti serong dan emboss, drop bayang-bayang, kecerunan, dan lain-lain. Sebelum reka bentuk rata menjadi dominan, skeuomorphism merupakan trend reka bentuk web yang terkemuka selama bertahun-tahun.
“Peralihan”
Teknik reka bentuk web untuk menggambarkan perubahan mudah apabila elemen pada skrin lancar berubah antara keadaan awal dan akhir.
Peralihan - tidak seperti animasi - tidak mempunyai antara negeri, hanya a titik permulaan dan akhir, oleh itu mereka harus digunakan perubahan halus, seperti untuk visualisasi nyatakan keadaan.
“Ruang Putih”
The ruang kosong antara unsur reka bentuk bersebelahan. Juga dirujuk sebagai ruang negatif.
Ruang putih membantu pengguna skim kandungan, dan visual menunjukkan hierarki kandungan. Ruang putih tidak semestinya putih tetapi menggunakan warna latar belakang tapak. Kekurangan ruang putih yang mencukupi membawa kepada a halaman berantakan.