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

О каком вопросе всегда забывают заказчики и умалчивают исполнители при разработке сайта? Какой вопрос является самым большим камнем преткновения при сдаче готового заказа? Какая самая большая головная боль мастеров-самоучек? Ответ прост – дизайн.

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

Конечно, на практике все не так просто, иначе и проблем бы не было. Например, классическая «беда», т.е. таблица HTML цветов. Ни один графический редактор не работает с ней в своем нормальном режиме, ее нужно подключать специально. В результате, начинающие дизайнеры (или просто не знакомые с особенностями работы с веб-графикой) могут сделать дизайн страницы, который в браузере будет выглядеть, мягко говоря, не совсем так, как задумывалось. А все потому, что без искажений браузеры отображают только 216 цветов, которые и желательно использовать, игнорируя остальные.

Разработка дизайна сайта таит в себе множество подводных камней. Помимо уже упомянутых проблем с цветом, новичку придется держать в голове еще ряд моментов.

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

Некоторые элементы оформления вообще делаются не с помощью графических программ, а путем задания параметров CSS-таблиц, которые являются частью самого языка HTML, т.е. визуальные эффекты задаются программным путем.

Веб-дизайнеру приходится всегда держать в уме эту двойственность разработки – визуальную и программную, в этом особая сложность данной работы.

При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Таблица HTML цветов, коллажи и другие тонкости дизайна веб-страниц


Расскажи друзьям интересные новости:



- Установить на свой сайт блок социальных закладок