Привет. Сегодня опишу свой подход к создаю графических элементов для сайта. Дам пару советов и покажу реальные примеры макетов.
Я всегда отрисовываю свои идеи для программиста, чтобы не объяснять на пальцах, что мне от него нужно. Использую для этого магический чистый лист А4, шариковую ручку и программу фотошоп. Для примера разберу следующую задачу:
Нужен нарисовать дизайн для типа контента "Новости". Он покажет верстальщику, как на сайте должен отображаться материал в списке новостей.
Сначала рисуем от руки
Нужно включить фантазию, если она осталась к концу рабочего дня. ;) Набрасываем варианты из головы, в тоже время смотрим как подобное реализовано на других сайтах. Не стоит полагаться только на свой вкус! Современные тенденции в веб-дизайн постоянно меняются. В итоге у нас на бумаге будет много маленьких макетов. На этом этапе я перехожу к графическому редактору.
Теперь создаем макеты в фотошоп
Начинаем создавать макеты в фотошоп. Стараемся не залипнуть над какой-то мелочью. На данном этапе нужно создать как можно больше графических-макетов. Наиболее удачные на наш взгляд варианты примеряем к основному макету. Таким простым способом прорабатываем все страницы сайта. В итоге у нас накапливается большая база макетов из которых, мы как из конструктора и будем строить наш дизайн сайта.
Сохраним все наработки
Бывает, что итоговый вариант меня не устраивает. Для этого я храню все наработки и могу сделать рокировку, либо уже вручную внести изменения. Так же, чтобы упростить жизнь, лучше сразу определиться с цветовой палитрой. Если работать без готовой палитры, на финальном этапе придется переработать абсолютно все макеты.
На разработку одной страницы сайта, уходит примерно 1-3 дня. А дизайн макет всего проекта может занять 1-2 месяца. В будущих статьях покажу какие у мня накопились наработки по моему стартапу. Не пропусти.
Я пишу каждый день, поэтому подпишись на канал, чтобы не пропустить полезные статьи о бизнесе, веб-диайне и стартапах. Понравилась статья? Поставить лайк. С удовольствием отвечу на вопросы в комментариях.