Урок №1

Введение в профессию
Конспект

Веб-дизайнер и его задачи 22

Кто такой веб-дизайнер? 2
Задачи веб-дизайнера 2
Инструменты для работы 3
Что должен уметь хороший веб-дизайнер 3
Выводы 4

Веб-дизайнер и его задачи

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

Кто такой веб-дизайнер?

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

Рассмотрим на примере для лучшего понимания.

Сайт для тюнинга автомобилей - это пример макета, который нарисовал Антон. Как
видите, макет представляет собой набор страниц, на которые невозможно кликнуть,
потому что это просто картинка. Именно в этом и состоит суть работы дизайнера -
создать внешний вид сайта для того, чтобы разработчики в дальнейшем «оживили»
его и превратили в работающий полноценный проект.

Задачи веб-дизайнера
3 вида задач, которые могут встать перед веб-дизайнером:
1. Создать сайт “с нуля”. Представьте, что к вам пришел заказчик, у которого до этого
никогда не было сайта. Это означает, что вам придется разработать структуру сайта и
создать макет с нуля.
2. Редизайн сайта. Случай, когда к вам приходит заказчик, у которого уже есть сайт, но
он хочет обновить его дизайн, чтобы оставаться идти в ногу со временем.
3. Дизайн отдельных частей сайта (баннеры, например). В данном случае вы рисуете
не весь проект, а лишь отдельные его части - баннеры с акциями, скидками и т.д.

2 основные цели дизайнера, которые необходимо достигать на каждом проекте:

1
1. Решить задачу бизнеса или клиента. Первое, что вам нужно запомнить - это то, что
любой сайт создается для того, чтобы “продать” какую-то услугу или компанию, т.е.
продемонстрировать ее таким образом, чтобы заполучить новых клиентов через
интернет. Это означает, что когда к вам обратится заказчик за проектом, то вы в
первую очередь должны узнать, с какой целью сайт будет создаваться (например,
продать товар, прорекламировать услугу, продемонстрировать портфолио, рассказать
о деятельности компании). Эта цель достигается благодаря коммуникативным
навыкам дизайнера.
2. Аккуратно, грамотно и современно оформить дизайн-макет сайта. Эта цель
достигается благодаря навыкам, опыту и таланту веб-дизайнера. Он должен
продумать композиционное оформление разделов и страниц, подобрать фотографии,
шрифты и другие элементы сайта, отвечающие за эмоциональный окрас проекта.

Инструменты для работы

1. Adobe Photoshop. Это отличный софт, который использует бОльшая часть веб-
дизайнеров. Он прекрасен тем, что универсален в работе с растровой и векторной
графикой, а также обладает полным набором инструментов, позволяющим создавать
макеты сайтов.
Всю информацию о том, где и как скачать фотошоп, вы предоставим в домашнем
задании.
2. Редактор прототипов. Это специализированный ресурс, который позволяет быстро
и грамотно создавать прототипы для проектов. Более подробно мы с ним
познакомимся уже на следующем уроке.
3. Adobe Illustrator. Программа, которая позволяет создавать векторную графику любой
сложности - логотипы, иконки, иллюстрации и т.д.
4. Adobe InDesign. Софт, позволяющий быстро и аккуратно оформлять презентации и
печатные издания любых объемов.
5. Sketch (аналог Photoshop-а). Специализированный софт для создания макетов
сайтов и мобильных приложений. К сожалению, существует версия программы только
для Mac OS.

На первых порах вам будет достаточно для работы фотошопа и редактора

прототипов.

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

Что должен уметь хороший веб-дизайнер

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

2
2. Создавать прототипы. Умение создавать каркас для макета - это большой плюс в
работе дизайнера, потому что не каждый заказчик сможет вам сам описать примерную
структуру сайта или предоставить готовый прототип.
3. Придумывать стилистику сайта. Умение чувствовать и создавать стиль и атмосферу
макета для компании - это одно из ключевых умений дизайнера (шаблонные сайты
никогда не принесу заказчику прибыль, а вот поистине уникальный и творческий
подход к дизайну сможет привлечь новых клиентов).
4. Создавать аккуратные дизайн-макеты. По сути, это и есть квинтэссенция всех
навыков веб-дизайнера. Тут важно слово “аккуратные” - не забывайте, что с вашим
макетом в дальнейшем будут работать другие специалисты, чтобы превратить его в
сайт, а аккуратность и структурированность макета расскажут им о вашем
профессионализме.
5. Презентовать свои проекты. Умение оформить и подать готовый макет - это ваше
умение продать свои услуги как дизайнера. Если заказчику и другим людям нравится
ваш проект и его оформление, то это признак качества и попадания в цель.

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