Дизайн и CSS Front-end Framework

Mon, 23 Sep 2013 20:48:12 +0300

В последнее время все большее влияние на дизайн сайтов оказывают используемые веб-мастерами Front-end Frameworks. Например, на этом сайте использовался Twitter Bootstrap 3, поэтому вы можете наблюдать некоторые стандартные элементы из него в интерфейсе. Да, и в самой подаче информации (особенно если вы глянете на код страниц).
И вот здесь и должно сыграть некое чувство прекрасного у веб-дизайнера, так как с одной стороны эти инструменты предоставляют прекрасный и готовый к употреблению шаблонный материал, а с другой стороны при все большем его распространении, появляется все больше сайтов «близнецов».
Наметанный глаз веб-мастера уже сразу узнает кнопочки и другие элементы наиболее часто употребляемых CSS Frameforks и, на мой взгляд, важно понимать, что задача веб-дизайнера в таком случае должна быть несколько иная, чем обычно. Ему нужно так сгруппировать, изменить и подать графическую и текстовую информацию, чтобы создать уникальное творение из ряда неуникальных вещей. Конечно можно изменить и сам код у CSS Frameforks до неузнаваемости, но это дополнительное время и подчас лишняя работа. Какой бы я выбрал путь решения?

Пять шагов к уникальному дизайну на CSS Front-end Framework

Выбрать CSS Framefork наиболее подходящий по функционалу и графике к реализуемому проекту.
Определится с блоками необходимой информации.
Разместить блоки на странице ( Grid system), так чтобы они максимально гармонировали и дополняли друг друга.
Нестандартно использовать функционал CSS Framefork для оформления блоков.
Добавить уникальные элементы.

Думаю больше всего вызывает вопросов последний пункт. Под «уникальными элементами» я понимаю те решения в оформлении страницы сайта, которые позволяют отличить ваш сайт от всех других (даже если это только логотип). Женщины могут пользоваться одинаковой косметикой, но с абсолютно разным результатом, так как у них разные лица и навыки в косметологии. Так и веб-дизайнеры могут пользоваться одинаковым инструментарием, но с разным результатом. Дизайнер должен понимать что где-то сайту нужно больше «теней», а где-то наоборот «румян». Возможно, нужно даже оставить «лицо» сайта как есть при удачном размещении его элементов, а не превращать его в «боевую раскраску». Сейчас, например, в дизайне пора минимализма и функциональности, поэтому старайтесь, как минимум, следовать моде, если не можете стать ее законодателем!

P.S. Думаю всем веб-мастерам для предложенного мною первого этапа будет полезна следующая ссылка.
Обновляемый список Front-end Framework

Блог: заметки с тегом framework

Дизайн и CSS Front-end Framework

Пять шагов к уникальному дизайну на CSS Front-end Framework