Saytın xarakterini ilk saniyədə rənglər və şriftlər yaradır. Amma dizaynda əsas sual «gözəldirmi?» deyil, «oxunurmu və istifadəçini düzgün yönləndirirmi?» sualıdır. Aşağıdakı qaydalar həm gözəl, həm də işlək sayt üçün əsasdır.
Rəng: az və məqsədli
- Brend rəngindən başlayın. Loqonun və brend kitabçasının rəngləri saytın da əsasıdır (bax: Brend kitabçası nədir).
- 60–30–10 qaydası. Təxminən 60% əsas fon (çox vaxt ağ və ya açıq), 30% köməkçi rəng (bloklar, başlıqlar), 10% vurğu rəngi (düymələr, vacib elementlər).
- Vurğu rəngini qoruyun. Əsas düymənin rəngi başqa yerdə az istifadə olunsun — onda göz düyməni dərhal tapır.
- Rəngin mənası. Yaşıl «uğur/təsdiq», qırmızı «xəta/xəbərdarlıq» kimi qəbul olunur — bunları dekor üçün işlətməyin.
Kontrast: oxunaqlılığın şərti
Açıq boz fonda açıq boz mətn dizaynerin ekranında zərif görünür, günəş altında telefonda isə oxunmur. Beynəlxalq əlçatanlıq standartı (WCAG) adi mətn üçün mətnlə fon arasında ən azı 4,5:1, böyük başlıqlar üçün 3:1 kontrast tövsiyə edir. Brauzerin tərtibatçı alətləri və pulsuz onlayn kontrast yoxlayıcıları bunu bir saniyədə ölçür.
Şrift: iki kifayətdir
- Ən çox iki şrift ailəsi — biri başlıqlar, biri mətn üçün. Və ya bir ailənin fərqli qalınlıqları.
- Mətn ölçüsü. Telefonda əsas mətn 16 pikseldən kiçik olmasın; sətir arası ölçünün təxminən 1,5 qatı oxumağı rahatlaşdırır.
- Sətir uzunluğu. Geniş ekranda bir sətirdə 60–80 simvol rahat oxunur; ekran boyu uzanan sətirlər yorur.
- Dekorativ şriftlər yalnız loqo və böyük başlıqlar üçündür — mətndə oxunmur.
Azərbaycan hərfləri: ən çox unudulan yoxlama
Hər şrift ə, ğ, ı, ö, ü, ç, ş hərflərini dəstəkləmir. Dəstəkləmədikdə brauzer həmin hərfləri başqa şriftlə göstərir və mətnin ortasında «yamaq» kimi fərqli hərflər görünür. Xüsusilə «ə» hərfi bir çox şriftdə yoxdur. Şrift seçərkən «Ədəbiyyat, ğ, ı, ş, ç» kimi bir sınaq cümləsi yazıb baxın.
Sürət də dizaynın bir hissəsidir
Hər əlavə şrift və qalınlıq səhifəyə fayl əlavə edir. Yalnız istifadə olunan qalınlıqları yükləyin; şrift yüklənənə qədər mətn görünməz qalmasın. Ətraflı: Core Web Vitals sadə dildə.
Qaranlıq rejim
İstifadəçilərin bir hissəsi telefonda qaranlıq rejimdən istifadə edir. Sayt bunu dəstəkləyirsə, rənglər ayrıca seçilməlidir: sadəcə «tərsinə çevirmək» çox vaxt yorucu kontrast yaradır və loqonun da tünd fon üçün versiyası lazım olur.
Qısa yoxlama siyahısı
- Əsas düymə səhifədə dərhal seçilir;
- Mətn kontrastı ən azı 4,5:1-dir;
- Telefonda mətn 16 pikseldən kiçik deyil;
- İki şrift ailəsindən çox istifadə olunmur;
- Bütün Azərbaycan hərfləri eyni şriftlə görünür.
Saytınızın dizaynını yeniləmək və ya UI/UX dizayn sifariş etmək istəyirsinizsə, dizayn xidmətlərimizə baxın.
