Існують правила веб-дизайну, щоб допомогти вам створити веб-сайт, який працює універсально. Елементи теорії дизайну з уроків, які викладаються в класі, завжди дотримуються основних правил.
Однак у деяких випадках краще їх зламати.
Відбулися значні зміни в правилах зв’язування веб-сайту. Щоб надати веб-сайтам сучаснішого вигляду, можливо, вам доведеться відмовитися від деяких правил і вибрати щось інше. Ось три правила, які веб-дизайнер може порушити, не вчинивши серйозного гріха.
Використання Sans Serif
Більшість веб-дизайнерів віддають перевагу використанню шрифту без зарубок у всьому дизайні веб-сайтів – хороша новина полягає в тому, що вам не потрібно цього дотримуватися. Стилі новинок і сценаріїв також можуть працювати на веб-сайтах, якщо ви виберете гарнітуру, яка не погіршить читабельність.
Якоб Нільсен з Nielsen Norman Group підтвердив зміну правил типографіки в дизайні веб-сайтів. У минулому правилом було вибирати шрифт без засічок.
Обґрунтуванням цього правила є той факт, що раніше екрани неправильно відтворювали засічки, тому літери виходили розмитими. Нові рекомендації не рекомендують єдиний шрифт для дизайну веб-сайту.
Існує невелика різниця між читанням без засічок і зарубками. Тепер вам потрібно зробити вибір, виходячи з настрою, який передає гарнітура та ваш бренд.
Хоча ви вільні вибирати потрібний шрифт, завжди враховуйте можливість читання. Ось деякі пункти, які повинен враховувати кожен веб-дизайнер:
- Виберіть рівномірний удар зі звичайною або середньою вагою. Читати тонкий або дуже легкий шрифт важко.
- Середня висота підходить, не вибирайте високі або дуже худі літери.
- Завжди враховуйте достатню та послідовну відстань, обмежуйте виступи та лігатури.
- Вишукані гарнітури підходять для невеликих блоків тексту, і вони повинні мати певну мету.
- Без зарубок і засічок – найкращі варіанти для великих блоків тексту. Виберіть гарнітуру з літерами, які ви можете читати без труднощів.
Жирні фони
Раніше основним кольором фону для веб-сайтів був білий і нейтральні кольори. Це вже не так.
Яскраві та сміливі фони стають все більш популярними, і це може справити перше враження на користувачів. Вибираючи яскравіші яскраві кольори, ваш веб-сайт стає цікавішим.
Великі компанії починають використовувати колір, щоб зробити веб-сайт більш привабливим, і користувачі, схоже, позитивно відгукуються про цей тип веб-дизайну.
Ще одне правило щодо кольорів, якого дотримується веб-дизайнер, — це обмеження колірної палітри. Чудово дотримуватися своєї чіткої колірної схеми, щоб мати послідовність. Тим не менш, ви завжди можете додати колір для окремих проектів.
Більше кольорів більше не є липким, і веб-сайти компаній великих фірм використовують більш барвисті веб-сайти, щоб покращити взаємодію з клієнтами.
Деякі речі, які варто розглянути, включають:
- Накладання фото
- Яскравий колір заголовка
- Відхід від нейтралів
- Яскравіші кольори для кнопок із закликом до дії
- Використання наведення курсора з блокуванням кольорів
Прагніть до ідеальної симетрії
Ветерани веб-дизайнери наполягали на створенні веб-сайтів із збалансованістю та гармонією через симетрію. Якщо ви сучасний веб-дизайнер, деякі концепції можуть здатися вам занадто нудними та безпечними.
Асиметрія привертає увагу і стає цікавішою для користувачів. Створіть баланс, використовуючи простір та інші елементи для досягнення мети.
Усе ще можна досягти відчуття гармонії без симетричних елементів за допомогою цих порад:
- Поєднуйте важкі елементи з пробілами. Створити гармонію, змінюючи елемент і простір можливо.
- Використовуйте важкі елементи ліворуч, щоб сприяти руху очей читача до правого боку веб-сайту.
- Створіть фокусну точку за допомогою кольору.
- Використовуйте сітку, щоб допомогти вам організувати потік дизайну веб-сайту.
Не забудьте врахувати вагу сайту. Асиметричний дизайн сайту не повинен бути однобоким. Навіть якщо елементи не віддзеркалюють один одного, читач повинен мати можливість переміщатися між ними зміст з легкістю.
Використання статичних елементів як контейнера для асиметричного елемента також може спрацювати.
Висновок
Правила дизайну розвиваються, і їх порушення не є тяжким гріхом, якщо тільки результати не будуть катастрофічними. Кожен веб-дизайнер повинен зосередитися на меті дизайну, щоб зробити правильний вибір.
Звичайно, це не єдине, що вам потрібно враховувати. Є більше найкращих практик дизайну веб-сайтів для веб-розробників якщо ви хочете покращити взаємодію з користувачем.
Якщо порушення правила покращить зовнішній вигляд веб-сайту, не вагайтесь і дійте. Подумайте про зручність використання та функціональність. Якщо зміни все покращують, поруште правило.
Не соромтеся розпочати серйозні зміни, спробувавши щось нове, якщо у вас є чітка мета, чому вам потрібно порушити правило. Хто знає, ваш дизайн можна похвалити за успішне порушення правила?
Пов'язана стаття: "Сіднейські веб-дизайнери розкривають 9 важливих особливостей кожного хорошого веб-сайту"