Tod — Thu, 29 Dec 2011 10:27:37 +0000

Если вы внимательно изучите какую-нибудь подборку современных образцов веб-дизайна, вам будет очевиден один тренд – иллюстрации в моде. Они получили настолько широкое распространение, что мы просто обязаны поговорить об этом явлении подробно! Для написания стать вдохновение черпалось из заметки The use of illustration in web design надеюсь вам будет интересно почитать.

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

Тематические иллюстрации

Тематические иллюстрации создают или усиливают определенную атмосферу. Сюжет такой иллюстрации обычно тесно связан с тематикой сайта. Рассмотрим несколько примеров:

Get my boss to North Cape (http://www.bikingboss.com/)

Иллюстрация развивает основную идею иGet my boss to North Cape. Она не только украшает, но и несет функционально-смысловую нагрузку, подчеркивая то, чему собственно и посвящен этот проект – босс поспорил с подчиненным на то что если они наберут 5000 лайков, тот должен будет отправиться в долгий путь.

Launch Kit (http://getlaunchkit.com/)

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

Atelier Anonyme Design (http://www.anonyme.in/)

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

Иллюстрация с персонажем

Еще одно получившее сегодня широкое распространение явление — это иллюстрация с персонажем. Для реализации этой задумки дизайнеру необходим придумать специального иллюстрированного персонажа (или персонажей). Зачастую это вымышленный герой, с которым посетитель впоследствии должен ассоциировать сайт. Рассмотрим примеры.

inkFinder (http://inkfinder.com/en/)

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

The Evnt (http://2011.theevnt.com/)

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

Big Eye Creative (http://www.bigeyecreative.com/)

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

Иллюстрированные украшения

Данный вид иллюстрации в веб-дизайне носит декоративный характер. Это просто украшение, декорация, не более того. В принципе. и такой вариант имеет право на существования – красивые сайты также запоминаются как и проекты с “идейными” иллюстрациями. Несколько примеров:

1000 WP Themes (http://wp1000.envato.com/)

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

Coca-Cola History (http://www.cocacola.pt/historiasfelizesparacomer/)

Иллюстрации на одном из проектов Coca-Cola созданы исключительно для того чтобы украсить, разнообразить и сделать дизайн более современным и модным. На картинке изображены реальные вещи, но обыграны таким образом дабы вписаться в общий внешний вид сайта.

Metaphiziks (http://www.metaphiziks.com/)

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

Иллюстрированый текст (шрифт)

Шрифт нарисованный руками никогда не сравнится с «машинным». Рукописные фразы и предложения всегда по-своему уникальны, чем умело и пользуются многие современные дизайнеры. Решение во многих случаях достаточно выгодное и полезное для общего впечатления от дизайна сайта, кроме того это возможность создания уникальных (оригинальных) элементов. (Пользуясь случаем хочу заметить что в Дизайн Мании есть отдельный раздел про шрифты – там найдете парочку интересных вариантов)

Rangus (http://www.rangus.co.uk/)

На мой взгляд очень яркий и удачный пример использования иллюстрированного текста. Обратите внимание так же на интересную анимацию (поводите указателям мыши по разным эллементам). Кстати, Rangus можно так же приводить в пример, как дизайн содержащий иллюстрацию-персонаж.

Joey Lomanto (http://blog.joeylomanto.com/imitation-in-web-design)

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

Информативный иллюстрации

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

Bookish (https://booki.sh/)

На главной странице этого сайта иллюстрация определяет суть каждого из элементов дизайна. Отдельные “блоки” дополняются иллюстрацией не просто для красоты, а изображение (что более важно) объясняет назначение элемента. С таким подходом можно даже не особо вчитываться в описание дабы понять что где находится – картинка в левом нижнем углу, где расположены мобильные телефоны и планшеты, самое яркое тому подтверждение.

Vitality City (https://www.vitalitycity.com/)

Покрутите «глобус» на Vitality City и вы поймете, что данная иллюстрация не модный «аксессуар», а элемент со смысловой нагрузкой – получилась оригинальная иллюстрированная навигация.

Uklizenodoma (http://uklizenodoma.cz/)

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

Иллюстрация-противоядие (antidote)

Это последний, но очень интересный вид иллюстрации, о котором я хочу сегодня рассказать. Поясню что означает сие странное название. Иногда необходимо чтобы иллюстрация отвлекала, в первую очередь от технологической сути интерфейса и позволяла мыслить более интуитивно. Задача “иллюстрации-противоядия” именно в этом.

Shipment App (http://shipmentapp.com/)

Иллюстрация в данном случае сродни произведению искусства – создает незабываемый образ, который определенно заставляет забыть о том, что вы вообще посетили веб-страницу.

Egopop (http://www.egopop.net/)

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

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

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

Теги: веб-дизайн, дизайнеру, иллюстрации, лучшие дизайны сайтов, стили веб-дизайна, тенденции дизайна

Интересные статьи по теме

Tod — Sun, 23 May 2010 13:28:56 +0000

Помню, когда первый раз попал во вселенную World of Warcraft, эмоции восхищения от увиденного на экране монитора просто зашкаливали до предела. Это была игра не похожая ни на одну другую из всех, в которые довелось играть, это был совершенно новый подход и реализация компьютерной игры. Вместе с некоторыми другими играми World of Warcraft, думаю, можно считать родоначальниками жанра MMORPG (массовые онлайн RPG). Даже не смотря на то, что до ее выхода были другие попытки связать многих геймеров в одном игровом онлайновом мире, считаю, что World of Warcraft (и, наверное Linage) дали громадный толчок развитию жанра и превращению его в то, что можно увидеть сегодня.

Если честно, World of Warcraft я бы сравнил с iPhone – очень красивая, самодостаточная, удобная и уникальная в своем роде вещь, после появления которой рынок полностью изменился. После выхода игры и телефона, мы можем наблюдать активизацию других разработчиков и выход множества копий, желающих повторить успех оригинала или заполучить своего пользователя в новом жанре.

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

Для того чтобы хоть чуточку прочувствовать красоты мира World of Warcraft и окунуться в его атмосферу, предлагаю посмотреть следующие красивые иллюстрации игры.

(чуть больше картинок можно глянуть здесь)

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

P.S. Постовой. Заказ и аренда форд транзит от компании АвтоФарер (13 мест).
Биоконтроль – хорошая ветклиника и ветеринарный центр для ваших домашних питомцев.
Доска объявлений Slando категории спецтехника – продажа б/у спецтехники в Киеве и Киевской области.

Теги: вдохновение, изображения, иллюстрации, компьютерные игры, красиво, фентези

Интересные статьи по теме

Tod — Tue, 22 Dec 2009 18:08:27 +0000

Зима – одновременно одна из самых красивых и холодных пор года, возможно, в этом контрасте ее прелесть и привлекательность. Зимний период это ведь не только вьюги, метели и снегопады (которые могут завораживать), еще это горячих шоколад, сноуборды и лыжи, новогодние праздники, а уж какое это счастье и забава для детей, думаю, говорить не нужно. Жаль, правда, что не всегда и не везде в наши дни можно наблюдать эту саму зиму – выглядываешь в окно в средине декабря, а там светит солнышко и сухо. Вот и приходится себя вдохновлять скачивая разные зимние картинки или даже зимние обои на рабочий стол. Хотя в последнее время зима наконец-то дала о себе знать, вызывая порой даже чрезвычайные ситуации в больших городах.

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

Как я уже сказал выше, данная публикация должна вам помочь возродить и вспомнить дух зимнего веселья или что-то в этом роде. За все следует благодарить автора этой замечательной статьи, где собраны 45 разных красочные зимние картинки, иллюстрации, некоторые их них можно скачать и установить для своего компьютера красивые зимние обои на рабочий стол. В общем, хватит пламенных речей, смотрим и получаем удовольствие:)

Красивые зимние картинки, иллюстрации

Winter Illustration (зимняя иллюстрация)

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

Winter Friends (зимние друзья)

Красивый такой праздничный снеговик:) Картинка идеально подходит для какой-то открытки.

Athansor

Потрясающая по реализации работа, автор – настоящий художник.

I Love Snow (я люблю снег)

Милая зимняя картинка, почему-то сразу подумалось об открытке тоже.

La fille de la neige

Просто очень красивая и атмосферная зимняя картинка.

Winter Sun (зимнее солнце)

Прямо снежная королева, детализация просто впечатляет.

Winter Tears (зимние слезы)

Немного грустная, но очень красивая зимняя иллюстрация.

Winter’s Kiss (поцелуй зимы)

Красивая зимняя иллюстрация.

Winter (зима)

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

Зимние обои на рабочий стол

Зимние картинки – штука хорошая, но нет ничего более действенного в плане вдохновения и пробуждения праздничного настроения как зимние обои на рабочий стол.

Lost in winter (потерявшаяся зимой).

Приятная такая светлая картинка с большими снежинками.

Winter Season (зимняя пора) – скачать можно 1024px × 768px (увы, только маленькие обои)

Такой пейзаж никого не оставит равнодушным, а установив эти зимние обои на рабочий стол будете вспоминать лыжный сезон еще долго:)

Central Park in Winter, New York City – скачать 1600px × 1200px.

Знаменитый центральный парк, думаю, все видели в детстве фильм “один дома 2″ :)

Winter Dream (зимняя мечта) – скачать можно в 2560px × 1024px для двух мониторов.

Эти большие зимние обои можно использовать и на одном мониторе – разрешение спокойно позволяет вырезать часть изображения.

Snow Path (снежная дорога) – формат 2560px × 1024px для двух мониторов.

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

Winter (зима) – скачать 1680px × 1050px.

Еще одни заснеженные горы – хорошее решение для обоев а рабочий стол.

Frosty snowman (морозный снеговик), скачать 1600px × 1200px

Siberian Winter 4 (сибирская зима 4:) – скачать 1600px × 1200px.

Помнится когда-то давно-давно на одним из первых компов у меня была подобная заставка.

Winter Wallpaper (зимние обои) – скачать можно в 1600px × 1200px и других разрешениях.

Один из лучших вариантов – здесь вам и пейзаж, и снега, и елочки, и солнышко. Красота…

Winter Wallpaper (зимние обои) – скачать 1680px × 1050px и другие форматы.

Очень красивые зимние обои высокого качества.

Winter Star Filled Skies – скачать можно в максимальном размере 3008px × 1960px.

Северное сияние – просто мистическая и очень красивая картинка.

Надеюсь подборка красивые зимние картинки и обои на рабочий стол вам не только понравилась, то и пригодилась. Хорошей вам зимы и праздников!

P.S. Постовой. Не можете выучить английский? Наши курсы английского языка. Ваш успех в изучении иностранного языка.
Нужен красивый теспок на подарок? Купите телескоп у нас. Мы выберем именно нужный телескоп под ваши нужды.

Теги: вдохновение, зима, зимние фотографии, иллюстрации, красиво, обои, праздники

Интересные статьи по теме

Tod — Thu, 15 Oct 2009 10:24:53 +0000

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

50 потрясающих картинок про военное дело, батальные сцены.

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

Остальные потрясающие иллюстрации здесь.

100 экземпляров фотографии в стиле гранж Grunge

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

Остальные фотографии в стиле гранж здесь. После просмотра всей сотни слегка «тягостные» ощущения какие-то. Если смотреть такое минут 10-20 можно впасть в депрессию или апатию, наверное.

50 сногсшибательных примеров концептуальных картинок

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

Остальные концепт картинки здесь. По-моему, изображения выглядят классно.

Теги: вдохновение, гранж, иллюстрации, красиво, мрачная фотография, фотографии

Интересные статьи по теме

Tod — Sat, 25 Oct 2008 13:02:25 +0000

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

Я лишь расскажу об одном удивительном разделе на этом сайте под название ArtPacks. Это своего образа сборники Арта, фотографий, музыки и даже видео, собранные по одной тематики. Всего на данный момент есть 8 сборников:

Последний релиз называется 30-ый век.

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

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

Про последнюю выставку я так и не понял, будут ли еще сборники непонятно. А пока посмотрим некоторые работы, что впечатлили меня больше всего:

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

P.S. Реальный способ как избавиться от автоматического спама на 99%!

Кому цветы , кому носки – забавная рекламная акция от Lenor.

Теги: будущее, вдохновение, графика, дизайн студии, иллюстрации, работы дизайнеров