Порядок разработки дизайна для сайта Обновлено: 09/06/2018

Приветствую вас друзья!
Здесь и сейчас я постараюсь максимально емко и понятно для тех кто ничего не понимает в сайтах объяснить как и с чего нужно начинать разработку дизайна сайта. Поехали…

Первый шаг:
МЫ должны определить информационную модель будущего сайта, а так же решить как удобнее и грамотнее сформировать графическую модель будущего дизайна.
Цели бывают разные, черные… белые… красные… ах да, это не сюда.

Цели:
– Продажа товаров или предоставление услуг
Тут главным аспектов является, максимально удобное перемещение по каталогу товаров или услуг, а так же провоцирование посетителя на покупку.
– Информационный ресурс
Тут важна сочная и вкусная графика, супер увлекательный контент, который поднимет и удержит поведенческий фактор вашего ресурса.

Целевая аудитория:
МЫ должны определить кто ваш среднестатистический клиент/посетитель? Что ему нужно? Какие проблемы мы должны для него решить?
Я прекрасно понимаю, что например на мой ресурс может зайти Ваш БАТЯ а так же первоклассник Коля, но несмотря на это, у моего сайта присутствие среднестатистическая целевая аудитория, она нам и нужна.

В моем случае, это мужчины 70% и женщины 30%. Ну так повелось, что читают меня люди которые занимаются бизнесом, мужчин больше в этом деле. И возраст от 25-37, но это не показатель что 50 летний директор нефтебазы не придет ко мне за моими услугами.

Создание и проектирования модулей для главной страницы будущего сайта:
– Название компании/сайта
– Структура меню (хотя бы один или несколько блоков)
– Логотип
– Контентный блок для примера
– Другие дополнительные блоки (рекламные баннеры, текста или графика)

Анализ конкурентов:
Всем нужны топовые позиции, всем нужны клиенты. Получается что Яндекс и Гугл это решалы того какой сайт *авно а какой крутой. Так давайте и обратимся к ним за помощью, возьмем ТОП 10 сайтов с Яндекса и Гугла, и сделаем анализ, как выглядят сайты в вашей нише которые заняли ТОП 10 в поисковых системах.
По итогу, берем лучшее от всех клиентов, худшее оставляем им, нам не жалко!

Модульная сетка:
Это визуальное разбитие структуры страницы, на определенные зоны.

Сайты визитки чаще всего используют простую 2 или 3 колоночную сетку.
Сложные сайты или интернет магазины, используют разработанную под себя сетку.
Для пример можете представить ее как страницу газеты.

Популярным форматом размера экрана считается 1024 на 768 пикселей.
Соотношение колонок двух колоночной сетки – 20% на 80%, 30% на 70%, 40% на 60%.
Соотношение колонок трех колоночной сетки – 20% на 60% на 20%.

Все остальное даже не предсказать, тут вы Ван Гог — рисуйте, режьте, творите, только уши свои не трогайте =)))

Дополнительные рекомендации по дизайну для разных типов сайтов я написал тут.

Добавить комментарий