12 термінів у веб-дизайні, які потрібно знати.

Щоб розуміти термінологію професійних веб-дизайнерів та говорити з ними однією мовою, рекомендуємо ознайомитись із цією статтею.

15 термінів - це далеко не весь список цікавих слів зі світу веб-дизайну, тому ми впроваджуватимемося в цю стихію поступово.

Векторна графіка (Vector Graphics)

Являє собою візуалізацію елементів з ліній та геометричних форм.

Вона використовується для створення інфографіки, іконок для сайту, логотипів.

Для зображень великих розмірів векторна графіка також підійде якнайкраще.



Растрова графіка (Bitmapped Graphics)

Це повноцінне зображення, яке ми звикли бачити довкола в інтернеті. Будь-яка фотографія є растровим зображенням.

Такий вид графіки при великому збільшенні є сіткою з кольорових пікселів (крапок) на екрані.



CMYK (Cyan, Magenta, Yellow, Key color)

Це 4-х кольорова палітра, що складається з блакитного, пурпурового, жовтого та чорного кольорів. Найпоширеніша схема використовується для кольорового друку на принтері.

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


RGB (Red, Green, Blue).

Ця колірна модель містить червоний, зелений і синій колір.

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


Адаптивний дизайн (Responsive Design).

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



Плоский дизайн.

У елементів із плоским дизайном немає об'єму, тіней, глибини.

Замість обсягу веб-дизайнерів використовують яскраві кольори, простоту форм, іконки.



Скевоморфізм (Skeuomorph).

Є запозиченням елементів дизайну з реальних фізичних об'єктів.

Цей принцип підтримував у дизайні Стів Джобс, який вважав скевоморфізм ідеальним рішенням для дизайну інновацій.

У старому дизайні iOS на iPhone цей вид дизайну відображається якнайкраще, а елементи та іконки меню, начебто натуральні і їх можна доторкнутися.



Метро-інтерфейс (Metro).

Акцент робиться на чудовій і великій типографії, яку легко сприймати та читати. Максимальна простота та ясність.

Цей стиль був розроблений у Microsoft і сьогодні використовується в операційній системі Windows.



Плитка (Style Tiles).

Стиль, який зародився із соціальної мережі Pinterest.

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


Довге прокручування (Long scrolling).

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


Текстури (Текстури).

Текстурні та фактурні елементи у веб-дизайні (у вигляді натурального дерева, металу чи абстракцій).

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



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