Блог команды Prime Design

В моей голове давно крутилось множество размышлений по поводу web-дизайна: с чего начинать, по какому пути идти, на чем ставить приоритеты при обучении web-дизайну. Пришло время собрать все мысли воедино и написать статью, которую я озаглавил как "Веб-дизайн, руководство для начинающих"

Итак, начну с минимальных требований: будем считать что вы обладаете хорошим чувством вкуса, умеете маломальски рисовать и свободно владеете компьютером.

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

1) Этап 1 - "текстовый дизайн" или информационный - пожалуй самый важный для веба, поскольку большая часть информации в нем представлена в виде текстов, поэтому их грамотное размещение является первоосновной задачей веб-дизайнера. Тем более нынче моден Веб2Ноль - собсно супервоплощение текстового дизайна.
вот, на мой взгляд, наиболее важные "уроки" на этом этапе - то чем нужно постоянно и методично заниматься:
- аналитика - просматривать десятки информационных сайтов хорошего качества каждый день. Выделять типичные информационные блоки на странице, такие как новостные блоки(дата, заголовок, текст), списки поиска (ключевые слова, текст), блоки форм поиска, общую визуальную структуру сайта (к примеру: трехблочный горизонтальный сайт с горизонтальным футером и навигацией). Выделять для себя наиболее удачные решения в плане размера шрифта, его жирности, его положению относительно других текстов, отступов, сравнивать с другими сайтами.
- изучение юзабильности - это лежит в основе грамотного размещения текста (нужно смоделировать типичный ход мысли пользователя сайта, все должно быть под рукой, удобно и логически расположено). Изучать юзабильность проще всего при просмотре других сайтов.
- практика текстового дизайна - рисование в среде Photoshop главной страницы и типичных страниц вымышленного сайта. При этом нужно использовать только прямоугольники (в качестве фона, если нужно) и текст (исключительно системным шрифтом, без сглаживания, любого размера, цвета, жирности, при этом используя исключительно Arial, Verdana, Times, Tahoma). Главное тренировка создания удобных восприятию типичный сайтовых блоков, состоящих только из текста, без картинок.
-изучение особенностей html верстки - нужно знать минимум о html верстке, чтобы не создавать проблем верстальщику. Нужно знать о тех элементах, которые не поддаются визуальному изменению.

2) Этап 1 - "концептуализация сайта" - то с  чего начинается создания дизайна сайта. Цель этапа - научиться ставить грамотно дизайн задачу, что обеспечит быструю работу и конкретное решение. Не секрет, что грамотный веб-дизайнер, прежде чем начать что то рисовать, подумает, а для чего нужен тот или иной сайт, какая ИДЕЯ должна лежать в основе сайта, у него есть множество инструментов для ее воплощения, работа с фонами, картинки, иллюстрации, flash.
- аналитика - нужно просматривать десятки сайтов, для выявлении их идей
- критика - уже обладая веб-опытом нужно критиковать разные сайты, аргументируя свои заявления. Это поможет при формирования собственного стиля
- практика концептуализации - создание идеи и концепции сайтов, формирование дизайн задачи вымышленых организаций совершенно различного профиля (сайт рок-группы, строительной компании, сети магазинов, сотового оператора, торгашей швеллерами, завода пластиковых бутылок и пр. пр. пр.)

3) Этап 3 - "Практика Больших Тематических Проектов" - На этом этапе уже накоплен большой опыт веб работ. Теперь необходимо научиться самостоятельно разрабатывать большие и сложные проекты, тем самым совмещая работу дизайнера и арт-директора.
- знакомство с профессиональными возможностями других специалистов, просмотр портфолио иллюстраторов, дизайнеров, флешеров, копирайтеров - безжалостная критика, и выделение из общей массы действительно классных специалистов. Рекомендую проекты free-lance weblance и прочие прочие прочие
- подготовка БТП - проработка концепции, идеи; составление общего плана сайта; выделение всех информационных элементов присутствующих на сайте; составление дизайн задачи для каждой страницы сайта; построение конкретной задачи другим специалистам (иллюстраторам, иконщикам, флешерам, если необходимо)
-формирование собственного взгляда на веб-дизайн

Вот, на мой взгляд, квинтэссенция веб-дизайн обучения.

Теги: Prime Design, web дизайн, Веб-дизайн, руководство