![Optimize for interactivity using Web Vitals (FID/TBT)](https://i.ytimg.com/vi/WxYpdw5ELrU/hqdefault.jpg)
Kandungan
- Merapatkan jurang
- Buat mereka berhubung
- 01. MailChimp
- 02. Ruang Squarespace
- 03. Saya Menembak Dia
- 04. Rumah
- 05. Taman permainan
Selalunya apabila kita memulakan kerja reka bentuk laman web baru, kita fokus untuk membuat semua aset visual yang ada di dalam aplikasi reka bentuk kita.
Kami bermula dengan bentuk dan fon, kemudian beralih ke memikirkan warna - atau apa sahaja yang anda lakukan sebagai proses pemikiran anda. Tetapi anda juga boleh memulakan dengan perkara dari dunia nyata. Mungkin anda mempunyai beberapa gambaran hebat yang dihasilkan dari pemotretan, atau mungkin ada sesuatu yang menarik dari pejabat pelanggan anda atau meja anda sendiri yang patut digunakan sebagai elemen reka bentuk.
Merapatkan jurang
Ideanya adalah untuk menarik perhatian pengunjung dari penyemak imbas dan membuat mereka mula memikirkan syarikat atau produk di belakang laman web sebagai entiti atau perkara langsung. Ini dapat membantu memanusiakan apa yang anda rancang, dan merapatkan jurang antara orang dengan produk atau perkhidmatan dengan cepat. Menggunakan elemen dunia nyata sebagai titik fokus atau bahkan sebagai petunjuk visual yang mendasari dalam kerja anda adalah cara terbaik untuk membangunnya dan mencapai beberapa matlamat penjenamaan yang kukuh secara keseluruhan.
Menggunakan metafora desktop bukanlah perkara baru, tetapi terdapat beberapa pelancaran laman web produk baru-baru ini yang bergantung padanya untuk menolong calon pelanggan memasuki mentaliti penggunaan produk. Desktop adalah tempat di mana kebanyakan kita duduk seharian dan merupakan sesuatu yang dapat kita kaitkan dengan segera. Membantu pelanggan membayangkan diri mereka menggunakan produk anda membina kepercayaan dan pemahaman sebelum mereka meninggalkan laman utama.
Buat mereka berhubung
Cara yang baik untuk membuat pelanggan membuat pembelian atau memutuskan untuk menyewa syarikat anda adalah dengan membuat mereka berhubung dengan anda secara peribadi. Menunjukkan gambar pejabat anda, atau orang-orang di syarikat anda yang melakukan kerja yang mereka akan menyewa anda dapat membantu ini dengan segera.
Berikut adalah lima contoh untuk melihat ...
01. MailChimp
Aplikasi pemasaran e-mel MailChimp menggunakan elemen desktop untuk membantu pelanggan bergaul dengan aplikasi pada tahap manusia dan mengaitkan diri mereka dengan jenama.
02. Ruang Squarespace
Platform blog Squarespace secara visual menggunakan metafora desktop untuk menempatkan pelanggan ke persekitarannya menggunakan aplikasi.
03. Saya Menembak Dia
Firma reka bentuk I Shot Him () menggunakan gambar logo di bingkai gambar sebagai gambar pahlawan utama, serta menenun gambar pasukannya melakukan sesuatu di seluruh laman web untuk membantu menghubungkan anda dengan mereka secara peribadi.
04. Rumah
Laman web e-dagang fesyen House menggunakan foto orang yang kelihatan seperti pelanggan sasaran yang menggunakan produk untuk membentuk hubungan dengan produk. Ini bukan perkara baru, tetapi ini adalah contoh hebatnya sebagai elemen reka bentuk utama dalam imej wira.
05. Taman permainan
Firma reka bentuk Playground benar-benar menggunakan gambar pejabat mereka yang besar sehingga anda dapat melihatnya di tempat kerja.
Perkataan: Gene Crawford
Projek Gene Crawford merangkumi www.unmatchedstyle.com dan persidangan seperti www.convergese.com. Artikel ini mula-mula muncul dalam edisi majalah net 246.