Як використовувати принцип вирівнювання у макеті сторінки

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

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

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

Переваги вирівнювання у дизайні сторінки

Вирівнювання елементів на сторінці друку або веб-сторінці служить для:

  • Створити порядок і передати гармонію
  • Організувати елементи сторінки
  • Групові предмети
  • Створити візуальні зв'язки

Добре вирівнювання невидиме. Більшість читачів свідомо не помітять, що все вибудувано акуратно. Однак більшість глядачів помітять, коли елементи не вирівняні.

Типи вирівнювання макетів сторінок

  • Горизонтальне вирівнювання: при горизонтальному вирівнюванні ліві та праві поля точно або візуально рівні. Горизонтальне вирівнювання може бути по всій сторінці або у стовпчиках. Це не обов'язково означає вирівнювання за центром. Блок тексту ліворуч/нерівність праворуч можна вирівняти горизонтально. Навіть якщо окремі рядки тексту не ідеально вирівняні з кожного боку, ретельна увага до кількості пробілів в кінці рядка може призвести до візуально збалансованої кількості полів на кожній стороні блоку тексту.
  • Вертикальне вирівнювання: при вертикальному вирівнюванні верхнє і нижнє поля в точності або візуально рівні. Вертикальне вирівнювання може бути повною сторінкою або частинами сторінки.
  • Вирівнювання за краями: вирівнювання по краях вирівнює текст або об'єкти вздовж верхнього, нижнього, лівого або правого країв. Вирівнювання по лівому краю (яке називається нерівним правом) часто зустрічається з текстом у газетах і на веб-сторінках, тому що наші очі звикли бачити і читати текст таким чином.
  • Вирівнювання за центром: Вирівнювання по центру може бути горизонтальним, вертикальним або і тим, і іншим.
  • Візуальне або оптичне вирівнювання. Візуальне або оптичне вирівнювання усуває деякі проблеми, які можуть виникнути при інших типах вирівнювання через різну форму букв і графіки. При візуальному вирівнюванні об'єкти можуть бути не точно вирівняні, але на око вони виглядають вирівняними.

За допомогою вирівнювання

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

Для простих угод елементи можуть бути вирівняні за допомогою параметрів автоматичного вирівнювання у вашому програмному забезпеченні. Для більш складних макетів використання напрямних і сіток допомагає в точному розміщенні елементів.