Contoh reka bentuk tapak

Isi kandungan:

Contoh reka bentuk tapak
Contoh reka bentuk tapak
Anonim

Mari kita tidak pergi ke nombor dan pengiraan, kerana adalah mustahil untuk menentukan bilangan tapak yang sudah wujud di Internet. Setiap hari, beribu-ribu, jika tidak ratusan ribu tapak gagal dan yang baru muncul di tempat mereka. Apakah sebab kegagalan? Mengapa orang pergi ke tapak dan segera meninggalkannya? Jawapannya mudah dan di depan mata anda - ini adalah reka bentuk tapak.

Kesan tarikan

Setuju, setiap orang mempunyai set tapak tertentu yang dilawati hari demi hari. Saya pasti bahawa kebanyakan yang ditanda halaman adalah tapak kegemaran dengan filem, buku, berita, permainan, dll. Mengapa, selepas mencari satu tapak, kami tidak cuba mencari tapak lain yang serupa, yang mungkin lebih baik? Jawapannya mudah! Tapak yang kami tandai adalah mudah untuk digunakan - tapak sedemikian biasanya mempunyai susunan elemen, kategori dan reka bentuk yang menyenangkan yang tidak merengsakan mata. Ini ialah "kesan tarikan", melawat tapak yang direka dengan betul sekali - meninggalkannyatidak mahu lagi.

Mari kita lihat contoh platform dagangan dua tapak:

Contoh tapak
Contoh tapak

Tidak dinafikan dan tidak dinafikan, tapak nombor 1 mahu ditutup secepat mungkin, dan tapak nombor 2, sebaliknya, mahu berlarutan. Kenapa ini terjadi? Di tapak pertama, sebagai tambahan kepada produk yang terletak secara rawak, terdapat juga oversaturation warna, yang tidak boleh dikatakan mengenai tapak kedua. Terdapat peribahasa yang begitu indah: "Mereka bertemu dengan pakaian mereka, tetapi melihat mereka dengan fikiran mereka", ia juga boleh digunakan untuk tapak, hanya sebagai ganti pakaian ada reka bentuk, dan bukannya minda terdapat struktur navigasi. Pelawat, setelah memasuki tapak, perkara pertama yang dilihatnya ialah skema warna, dan hanya kemudian memberi perhatian kepada navigasi dalaman dan struktur tapak.

Persepsi warna

Peraturan utama semasa memilih warna adalah jangan berlebihan. Kadang-kadang walaupun dua atau tiga warna yang dipilih dengan betul adalah lebih daripada mencukupi, contoh yang jelas tentang ini ialah tapak fb.ru. Ramai pereka web menggunakan jadual warna "selamat" untuk mereka bentuk tapak html mereka.

Jadual warna selamat
Jadual warna selamat

Selamat dipanggil kerana semua warna yang dipaparkan di sini akan dihantar oleh semua pengguna dengan cara yang sama. Warna ini boleh dikatakan sebagai standard semasa membuat reka bentuk di tapak.

Keserasian Warna

Setiap warna mempunyai warna "mesra" tersendiri - inilah warna yang paling sesuai. Tidak perlu mencipta semula roda dan bereksperimen dengan pemilihan, semuanya telah lama dicipta dan berada dalam domain awam. Roda warna digunakan untuk memilih warna. Itten. Imej di bawah menunjukkan roda warna untuk memadankan 2 warna padanan.

Kombinasi warna pelengkap
Kombinasi warna pelengkap

T. iaitu warna bertentangan di dalam bulatan dianggap paling serasi. Jika anda perlu memilih 3 warna yang sepadan, roda warna juga digunakan, hanya garisan susunan warna akan ditukar.

Triad - gabungan 3 warna
Triad - gabungan 3 warna

Dan terdapat banyak kalangan sedemikian, anda boleh memilih lebih banyak warna padan. Contohnya, empat.

Tetrad - gabungan empat warna
Tetrad - gabungan empat warna

Memilih warna dengan cara ini melalui bulatan Itten, gabungan warna maksimum akan dicapai dan reka bentuk tapak yang menarik secara visual akan diperolehi. Lebih banyak bulatan warna boleh didapati dalam talian. Mari kita menyimpang sedikit daripada topik utama, kerana saya ingin memberitahu anda bahawa roda warna Itten ini digunakan walaupun oleh pereka profesional dari dunia fesyen, iaitu semasa mencipta pakaian berjenama, kaedah padanan warna ini digunakan.

Struktur tapak dalaman

Jika lebih kurang semuanya menjadi jelas dengan persepsi warna, maka masih ada satu lagi penunjuk penting sebagai struktur dalaman tapak atau dengan kata lain - "kebolehgunaan". Tidak cukup hanya untuk memilih warna yang betul di tapak, seperti yang ditunjukkan oleh amalan - pada reka bentuk tapak yang indah anda tidak akan pergi jauh. Struktur tapak yang betul adalah seperti bingkai rumah, jika ia tidak dirancang dengan betul, maka ia akan menyusahkan untuk mengemudi di sekelilingnya.

Semua elemen navigasi perlu difikirkan lebih awal, dan lebih baik lagi - ditulis. StrukturTapak ini haruslah, pertama sekali, boleh difahami dan mudah untuk pelawat. Banyak laman web kehilangan pelawat mereka hanya kerana yang terakhir, apabila memasuki laman web, tidak faham di mana dan apa yang terletak. Tidak perlu bersepah dengan banyak butang dan menggantung banyak fungsi. Anda sentiasa perlu melihat melalui mata pelawat, jika pengguna tidak memerlukan beberapa fungsi, maka lebih baik untuk mengeluarkannya. Sekali lagi, contoh reka bentuk tapak web yang terang dan betul ialah tapak web Fb.ru, di mana semua bahagian diletakkan dalam cara yang boleh difahami dan mudah untuk pelawat.

Kesilapan terbesar

Menurut analisis purata, pengguna yang tidak dapat mencari bahagian atau maklumat yang diperlukan di tapak dalam masa 15-30 saat percaya bahawa bahagian atau maklumat ini tiada di tapak dan meninggalkan sumber. Dalam kebanyakan kes selama-lamanya. Contoh utama tapak dengan navigasi yang mengerikan:

Navigasi tapak yang buruk
Navigasi tapak yang buruk

Adakah anda fikir adalah mungkin untuk mencari maklumat yang diperlukan tentang sumber sedemikian dengan pergi bukan dari carian, tetapi hanya ke halaman utama? Saya rasa tidak. Sekali lagi, ketepuan warna dan banyak navigasi yang tidak dapat difahami, yang akan meletakkan mana-mana pelawat ke dalam pingsan dan kebingungan. Untuk mengelakkan kesilapan sedemikian, adalah perlu untuk mengumpulkan semua bahagian dan meletakkannya dalam menu navigasi yang berasingan, yang boleh difahami oleh setiap pelawat.

Borang pendaftaran

Satu lagi faktor penting dan menakutkan di laman web ini ialah borang pendaftaran. Ada yang cuba mengumpul data hampir nenek moyang dalam tetingkap pendaftaran.

Borang pendaftaran yang salah
Borang pendaftaran yang salah

Borang pendaftaran sedemikianadalah bergaya sebelum ini, apabila Internet hanya mula muncul di rumah. Hari ini, pengguna Internet ingin mencari maklumat yang dia perlukan secepat mungkin, dan borang pendaftaran yang panjang, walaupun reka bentuk tapak yang sangat baik, berkemungkinan 99% ditolak. Borang pendaftaran yang ideal mengikut piawaian hari ini ditunjukkan di bawah.

Borang pendaftaran yang betul
Borang pendaftaran yang betul

Walaupun maklumat ini tidak mencukupi, maka tiada siapa yang bersusah payah memintanya kemudian daripada pelawat, selepas proses pendaftaran. Pendekatan ini dianggap lebih setia dan mesra daripada borang pendaftaran, yang lebih seperti borang permohonan kerja.

Templat tapak web

Banyak tapak kini sedang dibuat pada sistem CMS moden yang menyediakan reka bentuk tapak percuma. Tetapi reka bentuk percuma (templat) tidak membawa sebarang reka bentuk visual, jadi jika pemilik tapak tidak cuba mengubahnya dalam apa jua cara, maka tapak sedemikian hilang dalam carian.

Adalah juga bernilai menyebut keseluruhan portal Internet yang menawarkan untuk menggunakan tapak web anda sendiri berdasarkannya. Dalam kes ini, terdapat kebaikan dan keburukan:

  • Yang pertama dan mungkin satu-satunya kelebihan ialah kesederhanaan. Bingkai tapak sudah, sebagai peraturan, dimodelkan pada sumber sedemikian oleh pereka berpengalaman, reka bentuk tapak itu dibawa di bawah keperluan dan peraturan tertentu. Ia kekal hanya untuk mengisinya dengan bahan tematik dan menunggu pelawat pertama. Oleh itu, kesederhanaan dan kemudahan perkhidmatan sedemikian menarik perhatian pemula. Tetapi jika tapak itu disediakan untuk pembangunan dan persaingan yang serius untukteratas dalam enjin carian, maka adalah lebih baik untuk menolak perkhidmatan sedemikian.
  • Daripada tolak - templat yang disediakan dalam kebanyakan kes tidak boleh diedit atau ditukar, anda perlu menggunakan templat yang disediakan sepanjang masa. Monotony adalah kelemahan utama, yang kita bincangkan pada awalnya, kerana setiap tapak mestilah individu dan berbeza dalam penampilan daripada yang lain. Banyak sekatan yang mustahil untuk diterangkan kerana setiap perkhidmatan sedemikian mempunyainya sendiri.

Bahagian akhir

Semua yang diterangkan dalam bahan ini tidak berpura-pura menjadi "arahan utama", anda sentiasa boleh dan malah perlu melakukan semuanya dengan cara anda sendiri - ini hanyalah satu set peraturan dan kesilapan yang paling biasa. Tetapi perkara yang paling penting, yang diterangkan di sini dalam bentuk persepsi warna dan struktur dalaman tapak, adalah standard untuk mereka bentuk tapak. Warna yang dipilih secara salah akan menakutkan mana-mana pelawat yang baru memasuki tapak, dan reka bentuk kategori dan elemen tapak yang buta huruf tidak akan membenarkannya menavigasi dan mencari maklumat yang diperlukan. Perkara ini harus diberi perhatian maksimum dan, seperti yang dinyatakan di atas, anda harus sentiasa melihat mana-mana tapak melalui mata pelawat, dan bukan melalui mata pembangun.

Disyorkan: