Вам напевно відомо, що для того, щоб створити сайт на Wix не потрібен багатий досвід в роботі з дизайном. Але хіба вам не було б цікаво побувати в шкірі справжнього дизайнера? Якщо ви хочете говорити на одній мові з веб-дизайнерами, розуміти сенс написаного в дизайнерських блогах або вразити друзів на вечірці своїми знаннями, ось 15 термінів зі світу веб-дизайну, які допоможуть вам зійти за свого.
Читаємо і запам'ятовуємо:
1. Вектори. векторна графіка - це візуальні елементи, що складаються з геометричних форм на противагу піксельним точкам. Перевага векторної графіки над растровими зображеннями, що складаються з пікселів, полягає в тому, що її простіше використовувати в роботі з зображеннями великих розмірів. Технічно вектори складаються з розтягнутих ліній, проведених від точки до точки. Хоча на думку в першу чергу приходять квадрати і трикутники, в дійсності з векторної графіки можна створювати безліч зображень. Найчастіше її використовують при створенні логотипів, іконок і в дизайні інфографіки.
2. Растрові зображення. на відміну від векторів, растрові зображення складаються з пікселів - маленьких кольорових крапок, сумно відомими завдяки комп'ютерним іграм 80-х. Растрові зображення завжди залежать від дозволу екрану. При сильному збільшенні растрового зображення можна буде побачити точки, з яких воно складається. До слова, кожна зроблена вами фотографія є растровим зображенням.
3. CMYK. розшифровується як назва квітів «блакитний, пурпурний, жовтий і чорний» і є найпоширенішою колірною схемою, що використовується для друку. З цих чотирьох кольорів складаються чорнило для принтерів. Їх різні комбінації створюють колірний діапазон, який ви можете побачити на друку.
4. RGB: колірна модель «червоний, зелений, синій». Якщо CMYK використовується для друку, то RGB - це найпоширеніша модель в цифровий графіку. На відміну від принтерів, комп'ютерні монітори використовують червоний, зелений і синій кольори в своїй палітрі. Саме тому RGB є основною моделлю, використовуваної веб-дизайнерами.
5. Адаптивний дизайн. «До чого може адаптуватися дизайн?» - запитаєте ви. До виду використовуваного пристрою, відповімо ми. Зі збільшенням використання мобільних пристроїв адаптивний дизайн - дизайн, який дозволяє сайтам ідеально вписуватися в екрани будь-яких пристроїв, - став ключовим моментом у створенні сайтів. Якщо ви задумалися про адаптацію вашого сайту під мобільні пристрої (а про це варто задуматися), то передове рішення Wix для створення мобільної версії сайту вам обов'язково стане в нагоді. І так, це абсолютно безкоштовно.
6. Плоский дизайн: філософія дизайну, в основі якої лежить простота і функціональність. Говорячи буквально, у елементів, створених за принципом «плоского дизайну», немає обсягу. У ньому відсутні техніки, спрямовані на надання глибини і об'ємності: немає градієнтів, тіней, текстур і відблисків, які надають об'єкту реалістичний вигляд. Замість надання об'єму, плоский дизайн звертається до основ графіки - яскравим кольорам, простих форм, кнопок і іконка.
7. скевоморфізм. по суті, скевоморфізм є протилежністю плоского дизайну. Згадайте дизайн старих «осей» Apple, що складався з додатків і іконок, які виглядали так, ніби були взяті з реальності (компас, кіоск, календар і т.д.). Ось у чому суть скевоморфізм. Але після декількох років широкої популярності скевоморфізм, схоже, приходить кінець.
8. Метро-інтерфейс. також відомий як «дизайнерський мову Microsoft», був розроблений Microsoft і сьогодні використовується в багатьох продуктах компанії. Натхненням для його створення послужили дорожні знаки, і його завдання - бути таким же простим і зрозумілим. Головне тут - думати про дизайн як про робочому просторі, а не як про твір мистецтва.
10. Верхня половина смуги. це дуже важливий термін для дизайнерів і маркетологів, які працюють з онлайн платформами. Його взято з лексикону старомодних друкованих газет, в яких найважливіші новини розміщувалися в «верхній половині смуги», щоб читачі помічали їх в першу чергу. У дизайні «верхня частина смуги» означає ту частину екрану, яка повністю видна без прокрутки вниз. В ідеалі найважливіша частина вашого контенту повинна розміщуватися там.
11. Довга прокрутка. може це і звучить як назва середньовічної тортури, в дійсності довга прокрутка - це один із самих останніх трендів в світі веб-дизайну. Термін в общем-то говорить сам за себе і означає структуру, де довгі сторінки вимагають постійної прокрутки вниз. У такого типу дизайну є багато переваг, дізнатися про які ви можете тут.
12.Cайт-візитка (або однієї сторінки сайт): більшість користувачів інтернету вже звикли до того, що сайт складається з декількох сторінок, між якими можна легко переміщатися за допомогою навігаційного меню. Односторінковий сайт має буквально одну сторінку. Існує багато причин, за якими власник сайту може віддати перевагу лише однієї сторінки дизайн багатосторінковим. Однак розробка односторінкового дизайну вимагає чимало планування і продумування, щоб домогтися ефективного розподілу контенту. На щастя, в Wix можна знайти багато односторінкових шаблонів. де все було продумано заздалегідь.
13. Негативний простір. або «білі плями»: термін, що позначає вільний простір, утворене між елементами на сторінці, всередині або навколо них. «Білі плями» НЕ використовуються як окремий елемент, а лише служать обрамленням в структурі сайту. Вони добрі не тільки з естетичної точки зору, але і допомагають у поліпшенні зручності користування сайтом.
14. Текстура. текстури, найчастіше використовуються у вигляді фону, є повторювані малюнки, що допомагають створити певну атмосферу на сайті. Наприклад, фон з червоної цегли на сайті піцерії. Текстури можуть бути ледь помітними або помітними, в залежності від тематики та стилю вашого сайту.
