Көрерменнің көзін салу үшін көңіл аударыңыз
Веб-беттегі дизайндағы көңіл-күй, беттің негізгі нүктесі болып табылатын аумақты немесе нысанды жасайды. Бұл дизайндағы бір элементті ерекшелендірудің бір жолы. Фокус нүктесі дизайнның басқа элементтеріне қарағанда көбірек болуы мүмкін немесе жарқын түсті - олардың екеуі көзді тартуға бейім. Сіз веб-бетті жобалаған кезде, сөзді немесе сөз тіркесін таңдап, оны ерекшеленетін түс, қаріп немесе өлшемді тағайындау арқылы баса назар аударуыңызға болады, бірақ дизайныңызға ерекше назар аударудың көптеген басқа жолдары бар.
Дизайндағы көңіл аударуды қолдану
Үлкен қателіктердің дизайнерлерінің бірі - дизайндағы барлық нәрселерді ерекшелендіруге тырысу. Егер бәрі бірдей көңіл бөлінсе, онда дизайн толтырылған және шатастыратын немесе нашар көрінеді - скудалық және жағымсыз. Веб-дизайнда үйлестіру нүктесін жасау үшін, төмендегілерді пайдаланбаңыз:
- Жолдар: Контрасты бойынша көңіл бөлу. Егер бірнеше элементтер көлденең болса, бір тік элемент үйлесімді болады.
- Түсі: Егер дизайндағы элементтердің көбі қара немесе дыбыссыз болса, түсі бар кез келген зат көзді тартады.
- Пішіндер : Көптеген кескіндер дұрыс емес болған кезде геометриялық пішін ерекшеленеді.
- Жақындық: Бірнеше элементтер топтастырылғанда, біреуі топтан бөлек болғанда, көз бір элементке өтеді.
- Орналастыру: ерекше жағдайлар болғанымен, конструкция орталығында орналасқан элемент әдетте көзді тартады.
- Салмақ: Ауыр элемент көрерменнің назарын аударады.
- Қайталау: элементті енгізудің қарапайым сызбасы қайталанған кезде, көз қайталанатын элементті фокалды нүктеге жалғастырады.
- Контраст: Түстер мен сызықтармен жасалған контрасттардан басқа, контрастын өлшемі, құрылымы немесе қаріптерінің өзгеруі арқылы жасалуы мүмкін. Өзгерістер фокалды элементті ерекшелендіреді.
- Ақ кеңістік: ақ (немесе бос) кеңістіктің қоршалған элементі үйлесімдікке айналады.
Веб-дизайндағы иерархия
Иерархия өлшемі бойынша маңыздылығын көрсететін дизайн элементтерінің визуалды орналасуы. Ең маңызды элемент - ең маңыздысы; кем маңызды элементтер аз. Веб-дизайндарыңызда көрнекі иерархияны жасауға назар аударыңыз. HTML түзетулеріңізге семантикалық ағын жасау үшін жұмыс істесеңіз, бұл оңай, себебі веб-бетте сізде иерархия бар. Сіздің барлық дизайныңыз жасалуы керек, ең бастысы - H1 тақырыбы сияқты дұрыс элементті атап өту.
Таңбалаудағы иерархиямен қатар, келушінің көзі экранның жоғарғы сол жақ бұрышынан басталатын Z үлгісіндегі веб-бетті қарайтынын ескеріңіз. Бұл беттің жоғарғы сол жақ бұрышын компания логотипі сияқты маңызды элемент үшін жақсы орынға айналдырады. Жоғарғы оң жақ бұрыш маңызды ақпарат үшін екінші орынға ие.
Веб-дизайндағы көңіл аударуды қалай қосу керек
Веб-дизайндағы көңіл бөлінуі көптеген жолдармен жүзеге асырылуы мүмкін:
- Симптометриялық белгілерді кез-келген мәнерлерсіз де назар аудару үшін пайдаланыңыз.
- Қаріптерді немесе кескіндерді мөлшеріне өзгертіп, оларды жобалау кезінде атап өтіңіз.
- Қарама-қарсылықты қамтамасыз ету үшін контрастын түстерді пайдаланыңыз.
- Өлшемдердің саны. Бет немесе экрандағы үлкен сөз дереу назар аударады.
- Фокус нүктесін ақ кеңістікпен қоршаңыз.
- Назар аудару үшін сөзді немесе кескінді қайталаңыз.
Қай жерде бағынышты болу керек?
Мектептегі негізгі элементтерді поп жасау үшін дизайндағы басқа элементтерді өшірген кезде субдерживание пайда болады. Мысал ретінде қара және ақ фондағы фотосуреттерге орналастырылған жарқын түсті графика. Осындай әсер әсіресе үйлесімді фондағы артқы фонмен араласқан және оны ерекшелендіретін түстерді немесе түстерді пайдаланғанда пайда болады.