Рисованный сайт: онлайн журнал о дизайне, уроки.

Содержание

онлайн журнал о дизайне, уроки.

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

Web-проекты

автор: Оксана Девочкина

24 July 2012 года

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

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

redemptionmaddie.com

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

candccoffee.com

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

hugsformonsters. com

Тут все просто — насыщенный фактурный фон, шрифт в меню и иллюстрация вместо баннера. В критику можно лишь сказать, что шапка слишком высокая для обычных экранов, и не хватает кнопки призыва к действию, например, Hire Me.

kutztown.edu

Сайт для Университета Коммуникативного Дизайна. Охристый фон, акварельные лессировки, которые легко имитируются в Photoshop, меню, будто из записки маньяка, графитовые следы, мятая бумага и корешки книг говорят о принадлежности факультета в дизайн-графике.

robbinwaldemar.com

Арт-директоры создали для себя минималистичное монохромное решение. Модно и забавно.

wingcheng.com

Интересное решение портфолио на развернутом молескине.

jessewillmon.com

Еще один рисованный пример монохромного портфолио

twodesigners. be

deborahcavenaugh.com

Художница перенасытила страницу акварельными и гуашевыми картинками, однако это хорошая идея того, как преобразить самый обыкновенный сайт с помощью одного фона. А какие рисованные сайты знаете вы?

Рисованный стиль веб дизайна

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

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

Несмотря на всю атмосферу «творческого беспорядка», которая свойственна рисованному стилю, дизайн сайтов должен соответствовать всем требованиям юзабилити. Часто, здесь используется интересный прием, когда посредством необычной графики внимание посетителя акцентируется на необходимом контенте, к примеру, акционном предложении. Здесь не используется колончатая структура, а элементы группируются несколько хаотично. Например, меню сайта может находиться не в верхней части страницы, а внизу, причем кнопки могут не содержать надписей, а иметь вид каких-либо изображений. К слову, на такие сайты достаточно часто добавляют различные анимированные объекты или даже приветственные видео.

Цветовая палитра страниц в рисованном стиле широчайшая и ограничивается лишь фантазией заказчика и дизайнера. Яркие, кричащие тона, нарисованные «от руки» элементы в сочетании с фотографиями и 3D изображениями, мультипликационные герои, комиксы и тому подобное. Тем не менее, необходимо избегать излишеств, в частности, слишком большого количества изображений, анимации и прочих отвлекающих факторов, ведь сайт должен выглядеть как единая композиция, а не как набор картинок и случайного текста. Как правило, для страницы выбирают одно центральное изображение, которое и диктует цветовую гамму и может дополняться небольшими элементами.

Особого внимания заслуживают шрифты, которые применяются в рисованном стиле. Здесь широко применяются «рукописные» шрифты, с точными, выверенными линиями или наоборот, сделанные нарочито небрежно, со множеством дополнительных деталей, и тому подобное. Необходимо отметить, что на сайтах в таком стиле редко применяется один шрифт. Как правило, дизайнер выбирает несколько основных, которые используются для меню, заголовков и текстового наполнения.

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