Шаблонна сітка — один з найкращих і найпростіших засобів, які можна використовувати для створення якісного дизайну сайту.

Людське око, насправді, дуже чутливе до змін в розбивці елементів і здатне помітити найдрібніші відхилення. Тому важливо не лише ідеально, до пікселя, розташовувати елементи дизайну, а й постійно дотримуватися цієї чіткості.

Шаблонна сітка

Вирівнювання, як і розбивка, має свій вплив на візуальне сприйняття. Правильне й постійне розташування елементів дає можливість прямим чистим лініям, уявним чи справжнім, йти в напрямку всієї довжини і ширини сайту. Рівні безперервні лінії візуально приємні та безперешкодно ведуть за собою погляд.


В ідеалі, великі ділянки тексту повинні бути вирівняні по лівому краю. Такий текст допомагає зробити чітку лінію і створює легко помітні інформаційні колонки, розмежовані одна від одної, якщо їх кілька.

Текст, вирівняний по центру, створює нечіткий край з кожної сторони і його складно читати у великих колонках. Тому вирівнювання по центру варто використовувати для коротких рядків.

Вирівнювання по правому краю, зазвичай, складно сприймається, тому його використовувати слід дуже обережно.

Як приклад вирівнювання і використання шаблонної сітки, можна звернути увагу на сторінку Design Without Frontiers (дизайн без кордонів). Для того, щоб показати вирівнювання, дизайнери, в цікавий спосіб, змоделювали напрямні лінії графічного редактора.

Вам також буде цікаво: