Sayt dizayn nümunələri

Mündəricat:

Sayt dizayn nümunələri
Sayt dizayn nümunələri
Anonim

Rəqəmlərə və hesablamalara getməyək, çünki internetdə artıq neçə saytın olduğunu müəyyən etmək mümkün deyil. Hər gün minlərlə, hətta yüz minlərlə sayt uğursuz olur və onların yerində yeniləri yaranır. Uğursuzluqların səbəbi nədir? Niyə insanlar sayta girib dərhal onu tərk edirlər? Cavab sadə və gözünüzün qabağındadır - bu saytın dizaynıdır.

Cəlb effekti

Razılaşın, hər kəsin gündən-günə ziyarət edilən müəyyən saytlar dəsti var. Əminəm ki, əlfəcin qoyulanların əksəriyyəti filmlər, kitablar, xəbərlər, oyunlar və s. olan sevimli saytlardır. Nə üçün bir sayt tapdıqdan sonra başqa oxşarı tapmağa çalışmırıq, bu daha yaxşı ola bilər? Cavab sadədir! Əlfəcin qoyduğumuz saytlardan istifadə etmək rahatdır - belə saytlar adətən elementlərin, kateqoriyaların rahat düzülüşünə və gözü qıcıqlandırmayan xoş dizayna malikdir. Bu, düzgün tərtib edilmiş sayta bir dəfə baş çəkmək - onu tərk etmək "cəlb effektidir"artıq istəmirəm.

Ticarət platforması nümunəsinə baxaq iki sayt:

Nümunə saytlar
Nümunə saytlar

Şübhəsiz və şübhəsiz ki, 1 nömrəli sayt mümkün qədər tez bağlanmaq, 2 nömrəli sayt isə əksinə, uzanmaq istəyir. Bu niyə baş verir? Birinci saytda, təsadüfi yerləşdirilmiş məhsula əlavə olaraq, ikinci sayt haqqında demək mümkün olmayan bir rəng həddindən artıq doyma var. Belə bir gözəl atalar sözü var: “Geyiminə görə görüşür, ağlına görə yola salarlar” bu, saytlara da aiddir, yalnız p altar əvəzinə dizayn, ağıl əvəzinə naviqasiya quruluşu var. Ziyarətçi sayta daxil olduqdan sonra ilk gördüyü rəng sxemi olur və yalnız bundan sonra daxili naviqasiyaya və saytın strukturuna diqqət yetirir.

Rəng qavrayışı

Rəng seçərkən əsas qayda həddindən artıq olmamaqdır. Bəzən hətta iki və ya üç düzgün seçilmiş rəng kifayətdir, bunun bariz nümunəsi fb.ru saytıdır. Bir çox veb-dizayner öz html saytını tərtib etmək üçün "təhlükəsiz" rənglər cədvəlindən istifadə edir.

Təhlükəsiz rənglər cədvəli
Təhlükəsiz rənglər cədvəli

Safe, ona görə çağırılıb ki, burada göstərilən bütün rənglər tamamilə bütün istifadəçilər tərəfindən eyni şəkildə ötürüləcək. Saytda dizayn yaradılarkən bu rənglərin standart olduğunu söyləmək olar.

Rəng Uyğunluğu

Hər rəngin özünəməxsus "dost" rəngi var - bu, onun ən yaxşı uyğunlaşdığı rəngdir. Təkəri yenidən kəşf etməyə və seçimlə təcrübə aparmağa ehtiyac yoxdur, hər şey çoxdan icad edilib və ictimai mülkiyyətdədir. Rəngləri seçmək üçün rəng çarxları istifadə olunur. Itten. Aşağıdakı şəkildə 2 uyğun rəng üçün rəng çarxı göstərilir.

Tamamlayıcı rəng birləşməsi
Tamamlayıcı rəng birləşməsi

T. yəni dairənin içindəki əks rəng ən uyğun olan sayılır. 3 uyğun rəng seçmək lazımdırsa, rəng çarxından da istifadə olunur, yalnız rəng düzümü xətti artıq dəyişdiriləcək.

Triad - 3 rəngin birləşməsi
Triad - 3 rəngin birləşməsi

Və belə dairələr çoxdur, siz daha çox uyğun rəng seçə bilərsiniz. Məsələn, dörd.

Tetrad - dörd rəngin birləşməsi
Tetrad - dörd rəngin birləşməsi

İtten dairələri vasitəsilə rəngləri bu şəkildə seçməklə rənglərin maksimum kombinasiyası əldə olunacaq və saytın vizual olaraq xoş dizaynı əldə ediləcək. Daha çox rəngli dairələri onlayn tapa bilərsiniz. Əsas mövzudan bir az kənara çıxaq, çünki nəzərinizə çatdırmaq istəyirəm ki, bu Itten rəngli çarxlardan hətta moda dünyasının peşəkar dizaynerləri də istifadə edirlər, yəni dizayner p altarları yaratarkən bu rəng uyğunlaşdırma üsulundan istifadə olunur.

Daxili sayt strukturu

Rəng qavrayışı ilə az-çox hər şey aydınlaşdısa, deməli, saytın daxili strukturu və ya başqa sözlə desək, daha bir vacib göstərici qalır - “istifadəyə yararlılıq”. Təcrübədən göründüyü kimi saytda düzgün rəngləri seçmək kifayət deyil - saytın gözəl dizaynında uzağa getməyəcəksiniz. Saytın düzgün quruluşu evin çərçivəsinə bənzəyir, əgər düzgün planlaşdırılmayıbsa, onda onun ətrafında hərəkət etmək əlverişsiz olacaq.

Bütün naviqasiya elementlərini əvvəlcədən düşünmək lazımdır və daha da yaxşısı - yazmaq lazımdır. StrukturSayt, ilk növbədə, ziyarətçilər üçün başa düşülən və rahat olmalıdır. Bir çox saytlar ziyarətçilərini itirirlər, çünki sonuncular sayta daxil olarkən harada və nəyin yerləşdiyini başa düşmürlər. Kütləvi düymələrlə qarışmağa və bir sıra funksionallığı asmağa ehtiyac yoxdur. Həmişə ziyarətçinin gözü ilə baxmaq lazımdır, əgər istifadəçi hansısa funksiyaya ehtiyac duymursa, onu aradan qaldırmaq daha yaxşıdır. Yenə də veb-sayt dizaynının parlaq və düzgün nümunəsi, bütün bölmələrin ziyarətçi üçün başa düşülən və əlverişli şəkildə yerləşdiyi Fb.ru veb-saytıdır.

Ən böyük səhv

Orta təhlilə görə, 15-30 saniyə ərzində saytda lazım olan bölmə və ya məlumatı tapa bilməyən istifadəçi bu bölmənin və ya məlumatın saytda olmadığına inanır və resursu tərk edir. Əksər hallarda əbədi. Dəhşətli naviqasiyaya malik saytın əsas nümunəsi:

Səhv sayt naviqasiyası
Səhv sayt naviqasiyası

Sizcə, axtarışdan deyil, sadəcə əsas səhifəyə keçməklə belə resursda lazımi məlumatı tapmaq mümkündürmü? Məncə yox. Yenə də hər hansı bir ziyarətçini çaşqınlıq və çaşqınlığa salacaq rəng doyması və anlaşılmaz naviqasiyanın bolluğu. Bu cür səhvlərə yol verməmək üçün bütün bölmələri qruplaşdırmaq və hər bir ziyarətçi üçün başa düşülən ayrıca naviqasiya menyusuna qoymaq lazımdır.

Qeydiyyat forması

Saytda digər mühüm və qorxulu faktor qeydiyyat formasıdır. Bəziləri qeydiyyat pəncərəsində demək olar ki, böyük nənə məlumatlarını toplamağa çalışır.

Səhv qeydiyyat forması
Səhv qeydiyyat forması

Belə qeydiyyat formalarıİnternet yalnız evlərdə görünməyə başlayandan əvvəl dəbdə idi. Bu gün İnternet istifadəçisi ehtiyac duyduğu məlumatı ən qısa zamanda tapmaq istəyir və uzun qeydiyyat formaları, saytın əla dizaynına baxmayaraq, 99% dəf edəcək. Bu günün standartlarına uyğun ideal qeydiyyat forması aşağıda göstərilmişdir.

Düzgün qeydiyyat forması
Düzgün qeydiyyat forması

Bu məlumat kifayət etməsə belə, qeydiyyatdan sonra heç kim ziyarətçidən bunu tələb etməkdən narahat deyil. Bu yanaşma daha çox iş ərizəsi formasına bənzəyən qeydiyyat formasından daha sadiq və səmimi hesab olunur.

Veb sayt şablonları

Bir çox saytlar indi pulsuz sayt dizaynını təmin edən müasir CMS sistemlərində yaradılır. Lakin pulsuz dizayn (şablonlar) heç bir vizual dizayn daşımır, ona görə də sayt sahibi onu heç bir şəkildə dəyişməyə çalışmazsa, o zaman belə sayt axtarışda yox olur.

Onlar əsasında öz veb saytınızı yerləşdirməyi təklif edən bütün İnternet portallarını da qeyd etmək lazımdır. Bu halda həm müsbət, həm də mənfi cəhətlər var:

  • Birinci və bəlkə də yeganə artı sadəlikdir. Sayt çərçivəsi artıq, bir qayda olaraq, təcrübəli dizaynerlər tərəfindən bu cür resurslar əsasında modelləşdirilmişdir, saytın dizaynı müəyyən tələblər və qaydalar altında gətirilir. Yalnız onu tematik materialla doldurmaq və ilk ziyarətçiləri gözləmək qalır. Buna görə də, bu cür xidmətlərin sadəliyi və rahatlığı yeni başlayanları cəlb edir. Amma sayt ciddi inkişaf və rəqabət üçün qurulmuşsaaxtarış sistemlərində ilk 1-ci yerdədirsə, belə bir xidmətdən imtina etmək daha yaxşıdır.
  • Mənfi cəhətlərdən - təqdim olunan şablonlar əksər hallarda redaktə edilə və ya dəyişdirilə bilməz, siz həmişə təqdim olunan şablondan istifadə etməli olacaqsınız. Monotonluq, ən başında danışdığımız əsas çatışmazlıqdır, çünki hər bir sayt fərdi olmalı və digərlərindən görünüşü ilə fərqlənməlidir. Çoxlu məhdudiyyətlər var ki, onları təsvir etmək qeyri-mümkündür, çünki hər bir belə xidmətin öz xüsusiyyətləri var.

Yekun hissə

Bu materialda təsvir olunan hər şey özünü "əsas təlimat" kimi göstərmir, siz həmişə və hətta hər şeyi öz qaydanızda edə bilərsiniz - bu, sadəcə olaraq ən çox yayılmış qaydalar və səhvlər toplusudur. Ancaq burada rəng qavrayışı və saytın daxili quruluşu şəklində təsvir edilən ən vacib məqamlar saytın dizaynı üçün standartdır. Yanlış seçilmiş rənglər sayta yeni daxil olan hər hansı bir ziyarətçini qorxutacaq və kateqoriyaların və sayt elementlərinin savadsız dizaynı ona naviqasiya etməyə və lazımi məlumatları tapmağa imkan verməyəcək. Bu məqamlara maksimum diqqət yetirilməlidir və yuxarıda qeyd edildiyi kimi, siz həmişə istənilən sayta tərtibatçının gözü ilə deyil, ziyarətçinin gözü ilə baxmalısınız.

Tövsiyə: