STOLZ о графическом дизайне
- Автор: Штольц Юлий
- Серия: STOLZ #2
- Год: 2021
- Язык: русский
- ISBN: 978-5-532-94029-1
- Жанр: Прочее домоводство
Электронная книга - «STOLZ о графическом дизайне». Краткое содержание книги:
Под совокупностью средств и методов интерфейса пользователя подразумеваются: Средства. вывода информации из устройства к пользователю. (Википедия)
Веб дизайн и визуальная часть
Как правило, сайт должен обладать цветовой темой, 3 или 5 цветов. Так же я предпочитаю иметь готовый логотип или «фавикон».
Favicon (сокр. от англ. FAVorite ICON — «значок для избранного») — значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы. (Википедия)
Будущий веб проект в данный момент обязан быть собран по требованиям, которые предъявляются к макету. Эти требования формируют кодеры, программисты или «фронтэнд» разработчики.
Фронтэнд (англ. frontend) — клиентская сторона пользовательского интерфейса к программно-аппаратной части сервиса. (Википедия)
Если быть проще, то «Bootstrap» и 12 колоночная система вёрстки упростит это взаимодействие. Дизайнер должен хотя бы прочитать об этом, прежде чем запускать «Figma» или «Adobe XD».
Bootstrap (также известен как Twitter Bootstrap) — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения. (Википедия)
Adobe Experience Design (Adobe XD) — программа для разработки интерфейсов от Adobe Systems. Поддерживает векторную графику и веб-вёрстку, и создаёт небольшие активные прототипы. (Википедия)
В данный момент, в «Адоби» проще входить новичкам, понимание интуитивное. Но и «Фигма» не столько сложна, сколько более обременяющая с настройками. Имея цвет, логотип, колонки и шрифт, можно начать творить шедевр…
Хотя понимание резиновой вёрстки дизайна…
Как же можно было забыть про это. Любой современный веб дизайн в данный момент должен уметь приспосабливаться к различным устройствам. Приспособление в визуальной части важно так же, как и в программной. Но здесь не о коде, а о дизайне.
Как и с чем — веб дизайн
Так как же заставить наш дизайн работать верно?
Использовать в данный момент удобные фреймворки: «Bootstrap», «Skeleton». На самом деле их много, эти самые популярные в моей работе. Но, возможно, вы создадите что-то своё или найдёте другое.
Вы должны использовать Skeleton, если вы приступаете к меньшему проекту или просто не чувствуете, что вам нужна вся полезность больших фреймворков. Скелет стилизует только несколько стандартных HTML-элементов и включает в себя сетку, но этого часто бывает более чем достаточно, чтобы начать работу. (getskeleton.com)
Обладать навыками работы в специализированных программах: «Figma», «Sketch», «Invision», «Adobe XD» и так далее.
Уметь взаимодействовать с «фронтэнд» разработкой, для этого понимать основы: «HTML», «CSS», «PHP», «Java», «React».
Иметь представление о проекте: целевая аудитория, визуальная основа, фокус группа, длительность проекта и его бюджет.
Самое главное — графический дизайн в подходе будет сильно отличаться от веб-дизайна. Миры этой сферы так же близки, как и далёкий друг от друга.
Многие «фронтэнд», «бэкэнд» разработчики не воспринимают дизайнеров как специалистов. Живут они в своём эфемерном мире: кода, баз данных. К этому стоит подготовиться. Хотя опять это не повсеместно, но стоит учитывать и такие моменты. Сдвиг в сторону дизайна происходит, но медленнее, чем развиваются языки программирования.
CGI — дизайн
История возникновения
В 1967 году, в Бельгии был выпущен фильм под названием «Колибри». Он стал первым фильмом, который был создан при помощи компьютерной анимации «GGI». Постепенно компьютерная графика развивалась. Сегодня, возможности компьютерной графики настолько высоки, что позволяют создавать персонажей, которых сложно отличить от реальных.
CGI («изображения, сгенерированные компьютером») — неподвижные и движущиеся изображения, сгенерированные при помощи трёхмерной компьютерной графики и использующиеся в изобразительном искусстве, печати, кинематографических спецэффектах, на телевидении и в симуляторах. (Википедия)
GGI-графика в рекламе
Компьютерная графика наиболее широкое распространение получила при создании рекламы. Благодаря возможности создать красивую картинку, с любыми персонажами и действиями. На «промостраницах», в полиграфии и роликах по телевизору, практически всегда используется компьютерная графика. Таким образом создаётся реалистичное красивое изображение, способное привлечь внимание потенциальных покупателей.