50 Дизайн-термінів для недизайнерів від Uknow

Ця стаття стане у нагоді всім, кому цікава тема дизайну, хто хоче дізнатися про неї докладніше. Написана простою мовою для недизайнерів.

У дизайні, як і в будь-якій іншій професії, існують свої терміни. Так звана мова, яку можуть не зрозуміти люди з боку.

Ми розберемо 50 найпоширеніших термінів у сфері дизайну та спробуємо пояснити їх недизайнерською мовою для вас.

01. Типографія

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

02. Основний текст (Main Text, Body Copy)

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

03. Акцидентний текст (Display type)

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

04. Ієрархія

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

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

05. Кернінг

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

06. Трекінг

Трекінг регулює простір між літерами одразу у всій масі тексту. (На відміну від Кернінга, який регулює лише простір між двома конкретними символами). Трекінг використовується для зміни щільності та зовнішнього вигляду всього тексту.

07. Інтерліньяж

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

08. Висячі прийменники

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

09. Шрифт із засічками (Антиква, Serif)

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

10. Шрифт Без Засічок (Гротеск, Sans Serif)

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

11. Градієнт

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

12. Непрозорість (Opacity)

Ступінь прозорості елементу. Чим нижча непрозорість, тим прозоріший елемент.

13. Resolution

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

14. Контраст

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

15. Палітра

Певний набір кольорів, які ви обираєте для використання у вашому дизайні.

16. Монохромні кольори

Колірна схема, побудована тільки з одного кольору, включаючи світліші та темніші тони.

17. CMYK

Палітра заснована на чотирьох кольорах - блакитний, пурпуровий, жовтий та ключовий. (Cyan, Magenta, Yellow, Key), переважно використовується для цілей друку та друкарні. Колірна схема в даному випадку будується від білого до чорного, тому при додаванні більшої кількості кольорів результат стає темнішим.

28. RGB

Червоний, зелений і синій (Red, Green, Blue) – колірна модель, яка використовується на екранах, тому краще підходить для Інтернету та екранних інтерфейсів. RGB це адитивна палітра, означає, що при змішуванні кольорів, ми починаємо з чорного і завершуємо білим, в міру додавання кольору.

29. Айдентика (Фірмовий стиль)

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

30. Торгова марка

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

31. Скетч (Малюнок)

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

32. Модульна сітка

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

33. Lorem Ipsum

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

34. Текстура

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

35. Насиченість (Saturation)

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

36. Стокові зображення (фотографії)

Професійно зняті фотографії (картинки, графіка) доступні в Інтернеті для використання (з різними видами прав). Стокові фотографії зазвичай використовуються замість того, щоб наймати фотографа, або якщо дизайнер не може отримати доступ до зображень, які йому потрібні з його власного набору.

37. Правило третьої

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

38. Бренд

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

39. Теплі кольори

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

40. Холодні кольори

Кольори, які асоціюються із чимось холодним, такі як синій, фіолетовий, зелений тощо. Ці кольори, як правило, створюють спокійну та заспокійливу атмосферу.