акцентування
Акцентування - це підкреслення особливої важливості або значимості будь-якого елементу. Багато в чому воно тісно пов'язане, а то і збігається з поняттям ієрархії. Щоб дотримати в процесі створення сайту принцип акцентування, необхідно проаналізувати вміст сайту і з'ясувати, яка ієрархія елементів має місце в його вмісті. З'ясувавши це, ви можете створити сайт з грамотно реалізованої ієрархією.
Відмінний спосіб визначити, на чому потрібно зробити акцент - уявити собі перелік елементів, які потрібні на веб-сторінці. Потім необхідно прикинути, який буде порядок важливості цих елементів. Після цього, тримаючи в голові свої прикидки, можна приступати до створення дизайну, в якому візуальна ієрархія веб-сторінки буде відображати важливість елементів, певну вами раніше.
Одна з причин, за якими це так важливо, полягає в тому, що ви зможете уникнути акцентування на всьому відразу. Крім того, це дозволить уникнути пастки у вигляді так званої випадкової ієрархії. Завжди краще заздалегідь вирішити, які саме елементи матимуть пріоритет у візуальному плані, а не залишати його на волю випадку. Якщо ви намагаєтеся зробити акцент на всьому відразу, то в дійсності ви ні на чому не акцентуєте увагу користувача.
контрастування
Контрастування - це візуальна диференціація двох і більше елементів. Елементи з високим ступенем контрастування виглядають чіткими і відокремленими, в той час, як елементи з низьким ступенем контрастування здаються зливаються і мають тенденцію змішуватися в єдину масу. Існує безліч характеристик елементів дизайну, якими можна маніпулювати з метою досягнення необхідного ступеня контрастування елементів, включаючи колір, розмір, місце розташування, тип і товщину шрифту.
Якщо елементи дизайну будуть контрастувати між собою, це додасть візуальне різноманітність сайту і дозволить уникнути пересічності в його зовнішньому вигляді. Контрастування також дозволяє привертати увагу, забезпечуючи акцент на певних елементах.
Між основними принципами дизайну є взаємозв'язок, яка проявляється в тому, що контрастування зачіпає акцентування, зручність сприйняття та інші принципи дизайну. Найбільший вплив контрастування надає на візуальну ієрархію веб-сторінки, оскільки воно часто використовується для забезпечення бажаного акценту на конкретних елементах.
Таким чином, воно допомагає швидко привертати увагу до ключових елементів, наприклад до вмісту, елементам, що дозволяє утримувати певні дії, або до тексту, що дає зрозуміти, в чому полягає призначення сайту. Як і завжди, слід брати до уваги мету, переслідувану сайтом, щоб навмисно привертати увагу користувача до відповідних елементів за допомогою продуманого контрастування.
балансування
Принцип балансування крутиться навколо ідеї про те, як розподілені елементи в дизайні і як вони співвідносяться із загальним розподілом візуальної навантаження в рамках веб-сторінки. Від цього залежить те, наскільки врівноваженим виявиться дизайн в візуальному плані. Групування елементів в дизайні створює візуальне навантаження.
Зазвичай це навантаження врівноважується шляхом використання рівнозначною навантаження, що знаходиться на протилежній шальці «ваг», завдяки чому досягається баланс в дизайні. Якщо не зробити цього, то результатом буде відчуття неврівноваженості дизайну, хоча це не означає, що дизайн обов'язково буде поганим. Однак, добре збалансований дизайн створює тонке відчуття врівноваженості і, як правило, виявляється більш привабливим.
Баланс буває двох видів: симетричний і асиметричний. Симетричний баланс в дизайні досягається, коли ліва і права половини дизайну щодо тієї чи іншої осі є як би дзеркальними копіями один одного і несуть ідентичну візуальне навантаження. Як правила, це характерно для сайтів, де логотип і верхнє меню візуально розташовуються по центру.
Асиметричний баланс досягається, коли візуальна навантаження в рамках веб-сторінки рівномірно розподіляється по тій чи іншій осі, проте, окремі елементи двох складових дизайну не є дзеркально однаковими. До речі, мій сайт DesigNonstop є прикладів асиметричного балансу.
Балансування є одним з тонких аспектів дизайну, до якого багато хто з нас будуть вдаватися інстинктивно. Чи не виглядає ваш дизайн нібито перевернутим з ніг на голову? Чи не здається він неврівноваженим? Саме такі питання ви повинні задавати собі, щоб зрозуміти, чи є у вас недоліки в балансі.
вирівнювання
Вирівнювання - це впорядкування елементів таким чином, щоб вони максимально близько підступали до природних лініях або кордонів, які вони утворюють. Зробивши це, ви уніфіціруете елементи. Даний процес часто називають роботою з сіткою. Невирівняні елементи мають тенденцію відбиватися від загальної групи і вимагати уніфікації, до якої ми часто так прагнемо. До прикладів вирівняних елементів можна віднести розташовані по одній лінії заголовки двох стовпців, або ліві краю знаходяться один над одним елементів, вирівняних відносно один одного.
Ці приклади досить очевидні, однак на веб-сторінках можливі і набагато більш хитромудрі вирівнювання, які дозволяють домогтися уніфікованого і привабливого дизайну. Якщо вам доведеться зіткнутися із завданням, яка полягає в тому, щоб взяти існуючі на папері зразки дизайну і реалізувати їх в коді, то для вас особливо важливим буде знати про необхідність дотримання цього принципу.
При виконанні цього завдання часто виявляється стомлюючим і складним відтворити в дизайні вирівнювання, яке замислювалося спочатку. Однак проблема полягає не тільки в самій процедурі, але також і в тому, що ці деталі дуже легко випустити з уваги. Тому знання того, що необхідно дотримуватися принципу вирівнювання, є важливим для веб-розробника при реалізації дизайну в коді.
повторення
Повторення передбачає неодноразове використання в дизайні одних і тих же елементів різними способами. Дизайн, який містить повторення, стає уніфікованим. Повторення може виражатися в безлічі форм, включаючи використання того ж кольору, обрисів, ліній, шрифтів, зображень і загального підходу до стилізації.
Найчастіше дотримання цього принципу виявляється неминучим, оскільки якщо дизайн не включає в себе повторюваних елементів, то це зазвичай свідчить про те, що він позбавлений логічної зв'язаності. Повторення несе в собі таку величезну перевагу, як передбачуваність. Користувач очікує побачити вже знайомі йому речі, якщо в ключових елементах дизайну простежуються узгодженість і сталість.
Занадто часто буває так, що той чи інший сайт втрачає свою візуальну зв'язаність через те, що на кожній його сторінці дизайнер використовує абсолютно різні підходи до оформлення, замість того, щоб виробити якусь одну методику і брати її за основу.
зручність сприйняття
Сприйняття свого роду стежка, якою користувач дотримується при візуальному ознайомленні з елементами дизайну. Воно головним чином залежить від того, на чому дизайнер зробив акцент і в якій мірі він забезпечив контрастування елементів між собою. Фактично зручність сприйняття цілком залежатиме від того, як дизайнер скомпонував всі елементи сторінки.
Коли ви будете обдумувати, як забезпечити зручність сприйняття, не забувайте про природний порядок речей. Згідно з дослідженнями, люби схильні оглядати ті чи інші речі в передбачуваною манері. Зазвичай людина ковзає поглядом зліва направо і зверху вниз. Саме тому сайти, які нав'язують користувачам вивчення вмісту справа наліво, відштовхують тих, хто звик це робити зліва направо.
У тому, щоб йти проти природного порядку речей, немає нічого неправильного; потрібно лише приймати до уваги можливі наслідки такого рішення. Кожен сайт забезпечує для користувача певне сприйняття, яке може бути як зручним, так і незручним. Але як зрозуміти, що сайт не буде забезпечувати зручність сприйняття свого вмісту? Напевно перевагу матимуть ті сайти, які забезпечують плавний, комфортний і максимально природний процес сприйняття.
Сайт може мати складну структуру, але повинен забезпечувати природний і зручний підхід до сприйняття свого вмісту, щоб не доводилося стрибати поглядом по веб-сторінці. Сайт, який забезпечує зручне сприйняття, сприяє тому, щоб у людини виникло бажання ще раз пройтися поглядом по тому, що він вже подивився, тобто підтримувати у нього інтерес.
