Всем привет!
На связи Сергей Карпов и Алексей Косарев— основатели агентства «KKcompany».
В этой статье мы расскажем, что такое макет сайта.
Макет сайта - это видимая пользователю часть сайта, включающая в себя все элементы дизайна сайта. Те блоки, навигации, области сайта и др. Макет создается дизайнером, как правило, с использованием программы fotoshop и предоставляется в формате . pdf. Макет сайта - это картинка, на основании которой, будет создаваться сайт, поэтому при его создании должны быть предусмотрены все области и элементы сайта.
На основании макета создается верстка сайта, т. е. из картинки представленной дизайнером, верстается html - страница, полностью соответствующая по внешнему виду макету.
Помимо внешнего вида существует много нюансов, которые необходимо учитывать при создании макета
- Макет не должен быть перегружен картинками, так как в итоге получится страница которая будет очень много весить (100 и более килобайт), что приведет к длительной ее загрузке, что в свою очередь, как правило приводит к тому, что клиент просто не дожидается окончания загрузки.
- Эстетический вид - неряшливо или неопрятно оформленный сайт не вызовет доверия посетителя. Поэтому не стоит употреблять шрифты слишком большого размера, огромные банеры и т. д.
- Использование флеша не рекомендуется, так как он плохо индексируется поисковиками, а ссылки с него и вовсе не индексируются, при необходимости лучше обойтись анимированным . gif. Так же к недостатку технологии флеш можно отнести достаточно большой его вес, что опять таки замедляет загрузку страницы.
- При вверстке макета должны быть учтены следующие элементы, которые встречаются на каждом сайте:
Навигации, их уровень вложенности, активные и неактивные элементы навигации. Оформление картинок, размещаемых в тексте Заголовки, как минимум три уровня Активные и неактивные ссылки Выделения в тексте (всегда возможна ситуация, что клиент хочет выделить какую-то часть текста) Дизайн табличных данных (Заголовки, элементы) Контактные данные (подразумевается стили вывода контактной информации, которую клиенту необходимо вывести в шапке или футере сайта) Логотип, если у клиента уже имеется свой логотип или фирменный стиль, то дизайн всего сайта должен находиться в той же цветовой гамме Иконка сайта (favicon. ico), это значок, который отображается слева от адресной строки браузера, также этот значок отображается в результатах выдачи поисковых машин слева от заголовка предлагаемой страницы
5. Эргономика сайта - области должны быть расположены таким образом, чтобы для вывода информации было достаточно места. Всегда лучше если все области необходимые клиенту отрисовываются именно на этапе создания макета, нежели добавляются уже после верстки и подключения сайта на систему управления.
6. Также на этапе создания макета желательно учесть все возможные расширения сайта, например:
Дизайн поисковой формы Дизайн форм (например формы обратной связи или заявки)
В заключение: чем более грамотно составлено техническое задание, на основании которого создается макет, тем более быстро и качественно будет создан сайт.
Хотите получить бесплатную консультацию по Вашему бизнесу и узнать, как Вы можете получать клиентов с помощью виртуального пространства?
Напишите нам в сообщения группы слово "Хочу сайт" без кавычек и получите бесплатную консультацию по оформлению и созданию сайтов и социальных сетей.
— Всегда с вами, команда «KKcompany».