Leksikon UX-UI kecil (bahagian 2)

 

 Setiap hari, atas tugasan, saya perlu bertukar-tukar dengan pelakon projek yang berbeza. Bergantung pada kedudukan dan selera untuk disiplin reka bentuk UX-UI, setiap orang mempunyai pengetahuan yang berbeza tentang istilah yang digunakan.

Sepanjang misi, saya telah menyusun sebilangan besar konsep dan ia adalah perbendaharaan kata yang saya ingin miliki semasa saya mula dan oleh itu saya telah disatukan semasa saya pergi bersama untuk membantu pelajar masa depan atau baru kepada digital.

Oleh itu saya telah menyediakan satu siri artikel untuk anda di mana setiap konsep akan diterangkan supaya anda boleh merujuknya.

Kami memulakan siri ini bulan lepas dengan bahagian pertama, kami meneruskannya dengan 19 tanggapan berikut.

#1 _Jenis halaman dan skrin

Templat (templat, susun atur dalam bahasa Inggeris)

Templat berfungsi sebagai dokumen rujukan yang menggunakan struktur elemen yang sama yang menyusunnya.

Sebagai contoh, di tapak media, kami akan membuat halaman standard untuk artikel yang akan diulang setiap kali. Teks dan imej akan mempunyai tempat yang ditetapkan.

Skrin percikan

Ini ialah skrin yang dipaparkan semasa membuka aplikasi atau semasa memuatkan data pada skrin.

Skrin ini membolehkan pengguna menunggu. Logo apl sering diserlahkan.

Onboarding

Langkah onboard diwakili oleh beberapa skrin untuk memperkenalkan produk atau ciri baharu kepada pengguna apabila mereka mengaksesnya buat kali pertama.

Ini merupakan langkah penting dalam pengalaman yang semakin banyak ditemui dalam alatan yang kami gunakan kerana ia membantu untuk membuat tanggapan pertama yang baik dan panduan kepada ciri utama.

Halaman arahan

Halaman pendaratan ialah halaman web tertentu. Pengguna mengaksesnya selepas mengklik pada iklan atau butang tindakan sebagai contoh. Objektifnya adalah untuk melancarkan kempen pemasaran untuk memasarkan produk atau perkhidmatan.

Pengguna boleh tiba di halaman pendaratan dengan merujuk rangkaian sosial, iklan di tapak atau e-mel.

#2 _Organisasi transversal

Header

Pengepala menetapkan bahagian atas halaman pada tapak web. Ia kebanyakannya melintang, iaitu ia terdapat pada sebahagian besar halaman tapak.
Ia mempunyai objektif berganda, untuk mengenal pasti syarikat dan membentangkan navigasi.

Bar sisi (bar tepi atau bar sisi dalam bahasa Inggeris)
Bar sisi membolehkan anda mempunyai sekumpulan navigasi atau tindakan kandungan pada sisi halaman.

Footer

Pengaki menandakan bahagian bawah tapak web. Seperti pengepala, ia ditemui secara serupa, sebagai peraturan umum, pada semua halaman.

Pengaki membolehkan anda memuktamadkan tapak. Oleh itu reka bentuknya adalah penting. Anda boleh merujuknya untuk pautan dan teks yang mesti dipaparkan pada semua halaman, seperti maklumat hubungan, peta tapak, notis undang-undang, dsb.

Serbuk roti

Serbuk roti membolehkan pengguna melihat lokasi semasa mereka dan melihat hierarki kandungan. Pengguna akan dapat kembali ke halaman yang dirujuk semasa navigasinya dengan lebih cepat.

Sepanduk wira

Sepanduk wira ialah bahagian halaman web yang merangkumi lebar penuh skrin.

Ia sering digunakan di bahagian atas halaman untuk memberi inspirasi kepada pengguna dan mencipta alam semesta.

#3 _Identiti jenama

Logo itu

Jenis logo sepadan dengan nama syarikat yang direka bentuk secara grafik untuk mewakilinya.

Kami selalunya akan menggunakan fon atau bentuk yang akan kami sesuaikan untuk menyampaikan identiti dan nilai syarikat.

logo Google

Tanda logo (= lencana dalam bahasa Perancis)

Tanda logo biasanya tidak termasuk nama syarikat. Ini adalah perwakilan yang lebih abstrak yang akan membantu mengukuhkan identiti sesebuah syarikat.

Kami sering menggunakan piktogram yang sangat jelas yang akan membolehkan pembaca mengenal pasti sifat syarikat. Lebih-lebih lagi, selalunya tanda logo yang digunakan pada objek (barangan), pakaian dan elemen pengiklanan lain.

Tanda logo Google

logo

Logo merujuk kepada semua jenis lambang yang boleh mewakili jenama. Jadi kedua-dua logotypes dan logomarks.

Sesetengah logo adalah kedua-duanya pada masa yang sama, logo UX Republic sebagai contoh. Ia mengandungi kedua-dua elemen teks yang digayakan dan elemen grafik. Bergantung pada penggunaan, kami akan menemui sama ada logotype, lencana atau gabungan 2.

Logo UX Republic

Favicon

Ini ialah ikon yang muncul dalam tab dan pautan yang ditambahkan pada kegemaran dalam pelayar web.
Perkataan favicon ialah penguncupan daripada istilah "kegemaran" dan "ikon". Ia ialah elemen grafik yang direka untuk mengenal pasti tapak dengan lebih mudah dalam senarai dan bar kegemaran pelayar web anda.

Palet warna

Palet warna biasanya dibahagikan kepada beberapa kumpulan:

● Warna primer dan sekunder

● Warna kelabu

● Warna status (berjaya, amaran, dsb.)

Palet warna memungkinkan untuk mencipta alam semesta jenama dan membimbing pengguna mengenai inspirasinya.

Dengan mentakrifkan palet, kami memastikan untuk membawa konsistensi dan kehomogenan kepada laluan untuk mengoptimumkan pengalaman pengguna.

 

#4 _Tipografi

Polis

Fon menetapkan pelbagai jenis aksara tipografi yang mempunyai reka bentuk tertentu (huruf, nombor, tanda baca, dll.).

Fon mempunyai 5 ciri yang boleh diubah secara individu:

● keluarga

● gemuk

● bentuk atau gaya

● saiz (badan)

● huruf besar (huruf besar, huruf kecil)

fon

Ia ialah satu set aksara daripada fon yang sama mempunyai keluarga yang sama, berat yang sama, saiz yang sama dan bentuk yang sama. Sebagai contoh, di UX Republic kami menggunakan fon Montserrat.

Keluarga tipografi

Terdapat 5 keluarga:

●  Serif : yang termasuk fon serif (contoh: Times New Roman, Georgia, Garamond…)

●  Sans serif : atau fon sans serif (cth. Helvetica, Montserrat, Myriad…)

●  Kursif: yang merupakan fon yang mensimulasikan tulisan tangan (cth: Tulisan Tangan Lucida, tetapi juga Comic Sans MS (dan ya!))

●  Fantasi: fon hiasan yang lebih eksotik (cth. Impact, Fraktur…)

●  MPV: fon lebar tetap (lebar digunakan untuk setiap aksara) (cth. Courier New, Lucida Console, dsb.)

# Kesimpulan

Kita bertemu lagi untuk siri seterusnya, yang ketiga dan terakhir, di mana kita akan melihat bersama-sama 3 tema utama: grid dan jarak, pemberitahuan dan makluman dan akhirnya jenis menu yang berbeza di web.

Jika anda pernah terlepas bahagian pertama siri ini, saya menjemput anda untuk berunding pautan ini.

Jika anda ingin mendalami pengetahuan anda dan mengamalkan reka bentuk antara muka web, pusat latihan UX Republic menawarkan latihan "Reka Bentuk UI, asas-asasnya". Berikut adalah pautan untuk maklumat lanjut.

 

 

Alexa CUELLAR, Pereka UX @UX-Republic

Sumber imej:
– https://undraw.co/

Latihan kami seterusnya