8 поширених помилок в дизайні (і як їх уникнути)

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

Наведемо вісім поширених помилок в оформленні візуального повідомлення і як їх уникнути.

1. Бездоганна симетрія

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

2. Недостатньо білого простору

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

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

Отже, вдосконалюйте біле простір, давайте можливість заголовків, підписів, параграфами і іншим елементам сторінки «дихати». Білий простір створює контраст, проводжає погляд глядача в необхідному напрямку, встановлює акуратну візуальну ієрархію.

3. Недостатньо повторюваності

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

Але слід уникати перенасичення сторінки повторюваними елементами, в іншому випадку є ймовірність втомити аудиторію і викликати у неї роздратування.

4. Центрування тексту

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

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

Необхідно використовувати відносно великих блоків тексту, вирівнювання по лівому або правому краю. У разі веб-дизайну прийом центрування тексту краще залишити для заголовків і коротких підписів, цитат.

5. Занадто багато тексту на одному рядку

Читання великого обсягу тексту, сформованого в безліч довгих рядків викликає втому очей. Вміст куди простіше читати і засвоювати, якщо він організований з дотриманням оптимальної довжини рядка. Останнє залежить від відступів, розмірів і типу шрифту. Як правило людині комфортно читати текст, довжина рядків якого 10 сантиметрів, що дорівнює 45-70 символів, включаючи пробіли, при розмірі шрифту 11-13 пікселів.

6. Невдалий кернінг

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

7. Перебір зі шрифтами і кольором

Контраст — це важлива і вагома правило в дизайні для підтримки композиційної рівноваги макета. Користувач переживає емоційне враження, помічаючи незвичайні моменти оформлення, контраст додає фокусу і не допускає, щоб дизайн виглядав нудно і плоско.
Для виділення трансльованого повідомлення можна вибирати і варіювати різноманітні кольори, шрифти, текстури, розміри і форми — головне, не перестаратися.
Приміром, останнє, що хотілося б бачити на посадковій сторінці або брошурі — це безладна суміш шрифтів. Це не тільки руйнує дизайн макета і виглядає відштовхуюче, але ще й не дозволяє зосередитися на контенті. Експерименти з вибором шрифтів повинні обмежуватися 2-3 гарнітурами, сочитающихся з дизайном конкретного проекту.
Теж справедливо і щодо підбору кольорів: надлишок кольорів створює враження кричущої, гнітючої і дешевої несмаку. Обмежуйтеся 2-4 квітами, і завжди враховуйте розбірливість тексту на обраних кольорах.

8. Використання растрових зображень

Растрові зображення — це сітка пікселів, це типові файли форматів: jpg/jpeg, tiff, gif, bmp, and png. Вони залежать від дозволу, тому, збільшуючи растрове зображення, воно стає нерівними і нечіткими. У свою чергу, векторні об'єкти масштабованих і їх можна збільшити без втрати якості зображення, їх лінії будуть залишатися чіткими і різкими, як на екрані так і в пресі.

висновок

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

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.