12 терминов в веб-дизайне, которые нужно знать.

8 Декабря 2015

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

 

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

 

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

 

Представляет собой визуализацию элементов из линий и геометрических форм.

 

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

 

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

 

 

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

 

Это полноценное изображение, которое мы привыкли видеть вокруг в интернете. Любая фотография является растровым изображением.

 

Такой вид графики при большом увеличении представляет собой сетку из цветных пикселей (точек) на экране.

 

 

CMYK (Cyan, Magenta, Yellow, Key color)

 

Это 4-х цветная палитра, состоящая из голубого, пурпурного, желтого и черного цветов. Самая распространенная схема используемая для цветной печати на принтере.

 

Стоит отметить, что в этой цветовой модели используются противоположные исходным цвета (для красного - голубой, для зеленого - пурпурный, для синего - желтый).

 

RGB (Red, Green, Blue).

 

В этой цветовой модели содержится красный, зеленый и синий цвет.

 

Она является самой распространенной в цифровой графике, применяется на всех мониторах и цветных дисплеях.

 

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

 

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

 

 

Плоский дизайн (Flat design).

 

У элементов с плоским дизайном нет объема, теней, глубины.

 

Вместо объема веб-дизайнеры используют яркие цвета, простоту форм, иконки.

 

 

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

 

Представляет собой заимствование элементов дизайна из реальных физических объектов.

 

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

 

В старом дизайне iOS на iPhone этот вид дизайна отражается наилучшим образом, а элементы и иконки меню, как будто натуральные и их можно потрогать.

 

 

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

 

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

 

Этот стиль был разработан в Microsoft и по сегодняшний день используется в операционной системе Windows.

 

 

Плитка (Style Tiles).

 

Стиль, который зародился из социальной сети Pinterest.

 

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

 

Длинная прокрутка (Long scrolling).

 

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

 

Текстуры (Тexture).

 

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

 

С помощью текстур можно придавать глубину и объем, экспериментировать и проявлять свой креатив.

 

 

Mockup (Макет).

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

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

Понравилась статья? – Поделитесь ссылкой::