Процесс создания веб-сайта может быть довольно
сложным, над его работой может работать несколько
человек (UX-Дизайнер, визуальный дизайнер, копирайтер)
и может требоваться огромное количество исследований,
если вы работаете над крупным проектом с огромным
бюджетом.
Мы сфокусируется на небольших проектах, в которых вы являетесь единственным дизайнером и несете ответственность за все аспекты дизайна. Хорошей идеей будет использовать прогрессивный процесс разработки, в котором каждый шаг будет отделен различными вехами. Это позволит вам остановиться в любой момент, вы сможете дать оценку вашей работе или получить согласование от клиента. Мой процесс требует создания руководства по стилю прежде чем перейти к созданию
дизайна интерфейса веб-сайта. Так вы будете точно знать, какие шрифты и цвета вам стоит использовать в вашем проекте и как быть более единообразным в создании файлов вашего дизайна.
Конечно, иногда вам надо будет возвращаться обратно на шаг и корректировать или обновлять что-то, но руководство по стилю поможет вам держать все в одном стиле.
Вот так выглядит мой процесс создания дизайна:
• Планирование
Описание проекта, требования и цели, которые помогут определиться с проектом, над которым вы работаете, прежде чем вы перейдете к креативной части создания дизайна. На этом шаге вам так же нужно принять несколько важных решений, о том, как работать над проектом, найти вашу целевую аудиторию, установить ключевые точки и создать карту сайта.
Для креативных людей очень соблазнительно выглядит возможность пропуска этого скучного шага и переход сразу в часть про дизайн. Но как только у вас появится больше опыта, вы поймете, как важно потратить немного времени и выполнить домашнюю работу.
• Мозговой штурм и наброски.
Это момент, когда вы ищите вдохновение, проводите небольшие исследования, делаете различные наброски и делаете заметки всех новых идей, которые приходят вам в голову. Дизайнеры думают образами, так что зарисовка идей поможет вам сохранить ваши мысли именно в том виде, в котором вы их представили.
• Типография.
Я верю в то, что типография является самым важным визуальным элементом каждого веб-сайта. Я обычно начинаю создание дизайна с типографии. На данном шаге вы определитесь с базовым стилем типографии в руководстве, которое вы будете использовать в качестве шпаргалки до конца проекта. Руководство по стилям включает в себя основные шрифты, которые вы выбрали и примеры их использования для заголовков и стилей параграфов. Некоторые проекты могут требовать довольно сложных руководств, так что потратьте время и поработайте над
типографией.
• Цвета.
Мы выберем основной цвет, вторичный цвет, цвет заднего фона и активные цвета для своего проекта и сохраним их в файле цветовой палитры. Тоже самое, что и с типографией, мы определим цветовую палитру, которая поможет нам поддерживать однородный дизайн во всех файлах.
• Прототип и макет.
В данном шаге вы планируете макеты всех основных веб-страниц и рисуете
прототипы, которые помогут визуализировать интерфейс веб-сайта и принять важные решения по поводу макета.
• Окончательный шаблон дизайна.
Пришло время соединить все элементы дизайна вместе и воспользоваться
руководством по типографическим стилям, цветовой палитрой, прототипами и создать ваш полноценный макет графического дизайна.
Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.
