STOLZ о графическом дизайне

Как же можно было забыть про это. Любой современный веб дизайн в данный момент должен уметь приспосабливаться к различным устройствам. Приспособление в визуальной части важно так же, как и в программной. Но здесь не о коде, а о дизайне.

Как и с чем — веб дизайн

Так как же заставить наш дизайн работать верно?

Использовать в данный момент удобные фреймворки: «Bootstrap», «Skeleton». На самом деле их много, эти самые популярные в моей работе. Но, возможно, вы создадите что-то своё или найдёте другое.

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

Обладать навыками работы в специализированных программах: «Figma», «Sketch», «Invision», «Adobe XD» и так далее.

Уметь взаимодействовать с «фронтэнд» разработкой, для этого понимать основы: «HTML», «CSS», «PHP», «Java», «React».

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

Самое главное — графический дизайн в подходе будет сильно отличаться от веб-дизайна. Миры этой сферы так же близки, как и далёкий друг от друга.

Многие «фронтэнд», «бэкэнд» разработчики не воспринимают дизайнеров как специалистов. Живут они в своём эфемерном мире: кода, баз данных. К этому стоит подготовиться. Хотя опять это не повсеместно, но стоит учитывать и такие моменты. Сдвиг в сторону дизайна происходит, но медленнее, чем развиваются языки программирования.

CGI — дизайн

История возникновения

В 1967 году, в Бельгии был выпущен фильм под названием «Колибри». Он стал первым фильмом, который был создан при помощи компьютерной анимации «GGI». Постепенно компьютерная графика развивалась. Сегодня, возможности компьютерной графики настолько высоки, что позволяют создавать персонажей, которых сложно отличить от реальных.

CGI («изображения, сгенерированные компьютером») — неподвижные и движущиеся изображения, сгенерированные при помощи трёхмерной компьютерной графики и использующиеся в изобразительном искусстве, печати, кинематографических спецэффектах, на телевидении и в симуляторах. (Википедия)

GGI-графика в рекламе

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

Виды GGI графики:

Изображения людей;

Предметная иллюстрация;

Ландшафты и пейзажи.

Ретушь фотографий

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

Предметная иллюстрация

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

Ландшафты и пейзажи

Здесь главное правильно подобрать красивый фон.

ЗD в GGI

3D редакторы позволяют создать реалистичную картинку любого изображения. Он не заменим, во время визуализации нереальных объектов.

Риггинг — инструмент «ЗD редактора», который настраивает движение скелета модели;

Композитинг — завершающий этап ролика. Момент, когда получается готовое видео.

VFX графика

«VFX» графика — это вид компьютерной графики. Он отличается от «CGI» графики тем, что в «CGI» графики весь объект создаётся при помощи графики. В «VFX» графике комбинируются реальные съёмки и спецэффекты.

Программы для создания

Существуют огромное количество программ для создания компьютерной графики. Наибольшей популярностью пользуются такие программы, как «Adobe After Effects», «Luxology Modo» и многие другие. Крупные студии, чаще всего используют собственные программы, не доступные для широкой публики.

Motion — дизайн

История возникновения