İzləyicinin gözünü çəkmək üçün Vurgu istifadə edin
Veb səhifə dizaynında vurğulamaq səhifə üçün mərkəz nöqtəsi olan bir sahə və ya obyekt yaradır. Dizaynda bir ünsürü fərqləndirmək üçün bir yoldur. Odak noktası dizaynın digər elementlərindən və ya parlaq rəngdən daha böyük ola bilər - hər ikisi gözü çəkməyə meyllidir. Bir veb səhifəni hazırladığınız zaman, bir söz və ya sözcük seçərək və onu fərqləndirən bir rəng, yazı tipi və ya ölçüsünü seçməklə diqqətinizi əlavə edə bilərsiniz, lakin dizaynınıza diqqəti cəlb etmək üçün başqa bir çox yol var.
Tasarımda Dikkat Kullanma
Ən böyük səhvlər dizaynerlərindən biri dizaynda hər şeyi etməyə üstünlük verməkdir. Hər şey bərabər olduğunda, dizayn məşğul və çaşqın və ya daha pis - darıxdırıcı və zövqsiz görünür. Bir web dizaynında bir təməl nöqtə yaratmaq üçün aşağıdakılardan istifadə etməyin:
- Lines: əksinə vurğulayır. Bir neçə element üfüqi olarsa, bir şaquli element odak noktasına çevrilir.
- Rəng: Dizayndakı ən çox elementlər qaranlıq və ya səssiz olsa, rəngli hər hansı bir obyekt gözü cəlb edir.
- Şekiller: Çoxlu şekiller düzensiz olduğunda, həndəsi bir forma gözə çarpır.
- Yaxınlıq: Bir neçə maddə qruplaşdırıldığı zaman, biri isə qrupdan ayrıdır, göz bir elementə keçir.
- Yerləşdirmə: Istisnalar mövcud olsa da, dizaynın mərkəzinə yerləşdirilən bir element, adətən, gözü çəkir.
- Ağırlıq: Ağır bir element, izləyicinin diqqətini çəkir.
- Tekrarlama: Element elementi üçün sadə bir qrafik təkrar edildikdə, göz təkrarlanan elementi odak noktasına yönəldir.
- Kontrast: rəng və xəttlərdən yaranan kontrastlara əlavə olaraq, kontrast ölçüsü, toxuması və ya font dəyişiklikləri ilə yarana bilər. Dəyişiklik fokus elementin öhdəsindən gəlməsinə səbəb olur.
- White Space: Ağ (və ya boş) kosmik ilə əhatə olunan element odak noktası olur.
Web dizaynında hiyerarxiya
Hiyerarşi ölçüsü ilə əhəmiyyətini ifadə edən dizayn elementlərinin əyani şəkildə təşkil edilməsidir. Ən böyük element ən vacibdir; daha az əhəmiyyətli elementlər daha kiçikdir. Veb dizaynlarınıza vizual iyerarxiya yaratmağa odaklanın. HTML formatlaşdırmağınıza semantik bir axın yaratmaq üçün işlədiyiniz halda bu asandır, çünki veb-səhifəniz artıq hiyerarxiyaya malikdir. Bütün dizaynınızın ən vacib elementi - H1 başlığı kimi düzgün elementi vurğulamaq lazımdır.
Formatlaşdırma hiyerarşisi ilə yanaşı, bir qonağın gözünün ekranın yuxarı sol küncündə başlayan bir Z nüsxəsində bir səhifəni görür. Bu, səhifənin yuxarı sol küncünü şirkət loqosu kimi mühüm bir maddə üçün yaxşı bir yer təşkil edir. Sağ üst küncündə vacib məlumatlar üçün ikinci ən yaxşı yerləşdirmə mövqeyi.
Veb dizaynlarında əhəmiyyətini necə əlavə etmək olar?
Veb dizaynda vurğulanmaq bir çox yollarla həyata keçirilə bilər:
- Hər hansı bir üslub olmadan da vurğulamaq üçün semantik markupdan istifadə edin.
- Dizaynda vurğulamaq və ya vurğulamaq üçün şriftlərin və ya şəkillərin ölçüsünü dəyişdirin.
- Vurgunun təmin edilməsi üçün əks rənglərdən istifadə edin.
- Ölçü sayar. Səhifə və ya ekranda böyük bir söz dərhal diqqəti çəkir.
- Fokus nöqtəsini ağ yerlə əhatə edin.
- Diqqət etmək üçün bir söz və ya görüntüyü təkrarlayın.
Müstəqillik harada yerləşdirilir?
Subordinasiya, odak noktasının açılmasını təmin etmək üçün dizayndakı digər elementləri söndürdükdə baş verir. Bir nümunə qara və ağ fon fotoşəkili ilə əlaqəli bir parlaq rəngli qrafikdir. Səssiz rənglər və ya odak noktasının arkasındaki arka plana uyan renkler kullanırken, eyni etkiyi ortaya çıkarır.