создание и продвижение сайтов

О проекте

Мы рады приветствовать на нашем портале pastukhova.com! Наша компания предлагает комплексные услуги по созданию интернет-сайтов с уникальным дизайном и интерфейсом. Удобные и изящные сайты-визитки и мощный многофункциональные порталы – мы можем всё! На нашем сайте представлены бесплатные готовые шаблоны сайтов, полезные статьи и советы из области сайтостроения, а также последние новости IT-индустрии и интернет-технологий. Веб-дизайн – это целое искусство, в котором есть своим мастера, ценители и бездарности. Последних лучше обходить стороной.

Реклама

webmarket / Советы

Дизайн сайтов: Как упростить рабочий процесс дизайнера и веб-технолога

Разработчикам со стажем известно, что на различных этапах работы над проектом – от дизайна до программирования – попадаются похожие или даже одинаковые элементы оформления и интерфейса. Но все когда-то начинали с нуля: читали статьи, слушали старших товарищей или приходили к такому выводу самостоятельно. Осознание этого явления и стремление оптимизировать работу значительно сократит время рутинных операций, позволив уделить больше внимания на новые идеи и творческую составляющую процесса.

К повторяющимся элементам можно отнести:

  • информационные блоки (новости, реклама, акции),
  • формы (регистрация, авторизация, опрос, поиск, подписка, обратная связь),
  • иконки и маркеры (домой, карта сайта, почта, элементы оформления списков),
  • структура (шаблоны страниц, папки),
  • скрипты (вывод даты и времени, меню, фотоальбомы, счетчики и обработчики событий).

Формат элементов на большинстве сайтов тоже стандартен. Люди привыкают воспринимать информацию в определенном виде, и заново изобретать велосипед обычно не требуется.

К примеру, если это новость или статья, то помимо основного текста часто встречается заголовок, дата написания, указание автора или первоисточника и ссылка на комментарии. В последнее время популярность набирают теги, т.е. ключевые слова, описывающие содержание или тематику статьи.

На основе этого списка не составит труда нарисовать макет в графическом редакторе или сделать модуль с html-тегами и таблицей стилей для вставки на сайт, после чего останется только добавить подходящие для конкретного оформления атрибуты, графику и текст. Как вариант:

.article {}
h3.name {}
.article_date {}
.text {}
.author {}
.comment {}
.tag {}

<div class="article">
<h3 class="name"></h3>
<p class="article_date"></p>
<p class="text"></p>
<p class="author"></p>
<p class="comment"></p>
<p class="tag"></p>
</div>

По такому же принципу собирается каркас будущего документа: doctype, meta-теги, title, ключевые слова, прилинкованные файлы стилей и скриптов, шапка, блок меню, 1-3 основных колонки контента, футер с копирайтом и счетчиками.

Не забывайте давать файлам, классам, функциям и переменным осмысленные имена для сокращения времени поиска, особенно если вы работаете в команде – далеко не все смогут разобраться в понятных вам аббревиатурах.

В основе каждого сайта, при условии, что это не готовая сборка по шаблону, лежит макет, который рисует дизайнер. Изучение тематики будущего сайта уже дает пищу для ума, но порой этого бывает недостаточно. Если больше идей в голове нет, попробуйте посмотреть иллюстрированные каталоги и фотоальбомы, посетить выставки, прочитать историю сферы деятельности и развития компании, уловить взаимосвязи, которые могут стать ключевыми элементами дизайна.

Полезно сохранять и периодически просматривать ссылки на сайты и портфолио различных студий, художников и фотографов, которые являются неиссякаемым источником вдохновения и мотивируют вас на дальнейшее развитие.

Также имеет смысл добавлять в отдельный файл ссылки на интересующие вас библиотеки скриптов, галереи иконок, логотипов и клипарта, готовые шаблоны, тематические статьи и обзоры.

Когда все находится под рукой, вам не придется каждый раз обходить все известные форумы и каталоги в поисках нужных материалов.


Дата публикации: 25.11.2009

email: info@pastukhova.com
copyright © 2003-2007 www.pastukhova.com
Rambler's Top100