дизайн | Библия веб-разработчика

Авг 30, 2010

Веб-фишки :: Часть 1

Все нестандартное, скрытое или запретное всегда привлекает к себе чрезмерное внимание. Отсюда популярность вирусных роликов, новых креативных веб-разработок и, конечно-же, неявно зашитых в интерфейсе сайта приколов — веб-фишек. Достаточно вспомнить «Секретный уровень» Яндекса при переходе на 404-ю страницу или нецензурную версию сайта «Евросети» от Лебедева. Такие штуки рождают бурные обсуждения в блогах, форумах, социальных сетях и в твиттере, создавая естественную ссылочную массу на ресурс и прибавляя ему популярность.

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

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

http://balagan.atilekt.com
Включаем погромче звук, кликаем на логотип вцентре и набираем на клавиатуре «dsfox». Превед!
http://www.yahoo.com/
Кливаем на восклицательный знак в логотипе и внимально слушаем.
http://rem-dom.info
Кликаем три раза на строителя внизу слева и ловим кирпичи. В обеденный перерыв можно попытаться поставить рекорд.
http://kuhni-na-zakaz.ru
Кликаем на «Получи скидку» в шапке сайта, играем и зарабатываем скидки.
http://www.completo.ru
Пять раз потяните вверх-вниз шторку и получите приз за упорство.
http://okmedia.ru
Переходим в раздел «Виртуальный менеджер» и просим всякие неприличные вещи, типа «покажи сиськи», «покажи попу» и т.д.
http://simpleart.com.ua
Наводим курсор на логотип и через пару секунд наблюдаем транформации на столе дизайнера.
http://www.fishingspb.ru
Кликаем три раза на рыбаке в лодке чтобы рабалка стала немного веселей.
http://559.tut.ua
Только для взрослых. Кликаем на человечка с телефоном и наблюдаем умопомрачительный стриптиз.
http://av-moskovsky.ru
Щелкаем десять раз пультом по телевизору на флешке в правом нижнем углу чтобы пораздражать медведа.

У вас есть ссылки на новые веб-фишки? Постите их в камменты, будем собирать коллекцию вместе.

Май 3, 2010

View Comments

26 необычных, но очень креативных визитных карточек

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

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

Май 2, 2010

View Comments

26 бесплатных прогрессивных шрифтов

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

Rounded

Cube 02

Paranoid

Май 1, 2010

View Comments

70+ нереально крутых приемов в типографике

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

Steampunk Typography by Alex Beltechi

Type Treat – Created By Alex Beltechi

What Makes Great Partnership? – By Oscar Wilson

Сен 12, 2009

View Comments

Свежие и качественные дизайны онлайн-магазинов

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

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

Свежие и качественные дизайны онлайн-магазинов

Madsen Cycles

Сен 11, 2009

View Comments

Самые креативные магазины в интернете

Времена, когда онлайн-магазины были скучными и непривлекательными, безвозвратно ушли. Чтобы привлечь внимание клиентов, веб-дизайнеры готовы предложить проекты, создающие на сайте атмосферу, соответствующую его тематике. Так, например, магазин антиквариата разрабатывается в ретро-стиле, тогда как магазин, рассчитанный на молодежную публику – в ярких цветах и современном стиле. Кроме того, в разработке е-магазинов применяются технологии Flash и JavaScript, которые в последнее время становятся все более популярными.

Ниже я представляю 45 примеров креативных и необычных проектов интернет-магазинов. Креативность отнюдь не означает, что проект будет успешен, ведь нетрадиционные решения часто увеличивают время загрузки страниц и усложняют задачу пользователя достичь своей конечной цели – сделать покупку. Тем не менее, как же представить свои товары отличным от конкурентов способом и как спроектировать действительно уникальный интернет-магазин? Давайте узнаем.

Сейчас популярными являются такие фишки, как фон со структурой дерева, различные коллажи, текстуры, рукописный текст и grunge. Стали гораздо реже использоваться отражения, тени и другие элементы времен яркого Web 2.0, однако, дизайнеры футболок и детских товаров могут не согласиться с этим мнением. Хочется отметить, что мы не связаны ни с одним из магазинов, представленных ниже, и никаким образом их не рекламируем.

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

Ну что ж, поехали!

ShopComposition

ShopComposition использует скользящую навигацию в верхней части сайта. Пользователи могут выбрать ту информацию, которую они хотели бы увидеть. В магазин интегрирован блог и другие дополнительные модули (такие как фото дня), призванные привлекать внимание посетителей. На сайте широко используется JavaScript.

Май 1, 2009

View Comments

Дизайним с утилитами

Ура

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

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