Еда и напитки
Когда дело касается еды и напитков, становится немного свободнее. Стили намного более разнообразны, а образ может быть более выразительным и индивидуальным. Некоторые по-прежнему предпочитают легкую пряность иллюстраций, с усилением таких аспектов, как цвет и шрифт. Другие сайты этой категории делают иллюстрации намного более значимой частью дизайна.
Palais Kitchen, и Caleño придерживаются первой стратегии, используя линейные рисунки, соответствующие бренду.
Анимированные иллюстрации My Drink в винтажном стиле заменяют фотографии, и балансируют текст на домашней странице.
На сайте Melopeion Honey не так уж много иллюстраций, но много других визуальных элементов.
Monkey47 можно охарактеризовать как концептуальный сайт, на котором иллюстрации играют ключевую роль. Каждый раздел сайта просто очарователен благодаря иллюстрациям.
Финансы и корпоративные сайты
Финансовые услуги, финтех, корпоративные приложения и крупные корпоративные сайты чаще всего используют иллюстрации как способ очеловечить себя.
Такие организации придерживаются минималистического стиля, используют простые формы и небольшое количество иллюстраций. Иллюстрация первого экрана Acorns использует простой мотив дубовых листьев в сочетании с логотипом Acorns в виде желудя. Остальные иллюстрации также выполнены в зеленных корпоративных оттенках.
Дизайн сайта создает, типичное для новых компаний ощущение (компания Acorns была основана в 2014 году). Это то, как выглядят многие веб-ориентированные бренды в сфере финансов.
Более зрелые и традиционные организации используют иллюстрации для тех же целей. При этом области использования иллюстраций могут быть ограничены, как в случае с Danske Bank. Дизайн подчеркивает доступность продукта наличием иллюстраций в разделах “About us” и “Sustainability”.
Visa также ограничивается использованием иллюстрации в определенной области. Примером того является оформление раздела Visa Direct. В результате новая услуга выделяется на фоне всего, что предлагает Visa.
Еще один набирающий популярность подход в этой категории — это абстрактная графика. Абстракции особенно полезны, когда сложно показать, что предлагает сайт. Например, Instabase использует композиции геометрических фигур для привлечения интереса. Они выполнены в той же цветовой палитре, что и фавикон.
Одним из ключевых моментов использования иллюстраций на сайтах такого типа является достижение баланса между дружелюбным, человечным, доступным, и в то же время серьезным, надежным и безопасным. Если вы перегнете в сторону игривости, потенциальные клиенты не воспримут вас всерьез. На сайте Github в разделе “Enterprise” только несколько иллюстраций в достаточно приглушенных цветах. В отличие от домашней страницы, где на первом экране выразительный Octocat и более яркие иллюстрации.
UTOPIA
Сергей Костромин, 2013
Сделать зин на тему утопии стало спонтанным решением. Инициатор Сергей Костромин решил дать клич по друзьям и взглянуть на вопрос с разных сторон — для кого-то утопия является несуществующим местом или личная мечта, для кого-то это городская архитектура или обстановка, возможная только в постановочном фото. Среди присоединившихся оказались восемь авторов, среди которых оказались выпускник Школы им. Родченко Кирилл Савченков, член граффити-группировки Influx Илья Volum, музыкант группы Midnight Cobras и дизайнер Павел Миляков и украинский фотограф Саша Курмаз. Издавался зин с помощью проекта Nemakulatura, общедоступного сервиса, позволяющего самостоятельно создать и напечатать издание тиражом от 1 до 1000 экземпляров.
Шаг 4: Начинаем свой первый Zine Шаг 2: Сбор материалов
Материалы, которые вам понадобятся для размещения вашего первого журнала, должны включать то, как вы хотите его выложить. Вы можете сделать это с помощью компьютера, но где в этом удовольствие? Мы собираемся использовать нестареющую технологию «Cut and Paste». Делать вырезку — это вставка, безусловно, сложнее, чем использовать inDesign или какую-либо другую программу, но ощущение зина ручной разметки гораздо более сырое. Большинство профессиональных зинов используют в основном компьютерную разметку, но ваш зин может использовать смешанную технику. распечатывать текст и изображения и вставлять их в свои основные листы. Для вырезания и вставки зинов вам понадобится: -Бумага -Клей (используйте съемный клей-карандаш, если вы хотите иметь возможность изменить положение вещей) -Ножницы Ручки (Sharpies дают вам больше уличного доверия, маркеры Magnum заставляют вас потерять сознание) -X-Acto нож (опционально) Чтобы это выглядело еще аккуратнее, помогают следующие пункты: — стоковые изображения и картинки из других публикаций — пишущая машинка или стирать буквы — все в одном принтере, чтобы делать простые копии или увеличивать или уменьшать изображения.
Гостиничная индустрия и отдых
В этой категории пользователи больше хотят видеть фотографии, но иллюстрации также могут помочь. Фотография способна только показать, как что-то выглядит, в то время как иллюстрация может передать эмоции, связанные с потенциальным опытом.
Protos Car Rental использует несколько красивых и простых иллюстраций, чтобы подчеркнуть праздничный аспект своего бренда.
Comptoir Libanais сочетает фотографии с иллюстрациями, что создает особую индивидуальность.
У Hotel Frida тоже есть характер, а фантастические иллюстрации животных в викторианском стиле делают бренд необыкновенно оригинальным.
Highcourt использует упрощенные и стилизованные иллюстрации, которые дают более полное представление об интерьере здания, чем это сделала бы фотография.
На сайте The Neverlands используются не только иллюстрации, весь дизайн представляет собой захватывающий опыт, основанный на иллюстрациях.
Шаг 2: виды Zines
Хотя журналы сложно классифицировать, существует несколько свободных категорий журналов: Перзины — расшифровывается как «личный зин» — одни из самых популярных и продолжительных. Перзины сосредоточены на личных путешествиях и мыслях. Они обычно очень открыты для личности своих писателей и дают возможность писателю иметь дело с проблемами или делиться опытом Политический — эти зины только политические. Они сосредоточены на политике или мнениях, которые, по мнению авторов, должны быть выражены. Многие политические движения в Соединенных Штатах производят литературу таким образом благодаря легкости и гибкости. Музыка или сцена — обычно фокусируются на музыкальных событиях или «репортажах» определенной области или музыкального жанра. Они стремятся расширить охват событий в области и вдохновляют людей на это. Зины могут охватывать все или ни одну из этих категорий, это всего лишь несколько простых классификаторов для большого числа зинов. Если твой зин не поддается классификации, НЕ ПАНИКАЙ, ты просто так хорош …
Шаг 5: Начинаем свой первый Zine Шаг 3: Собираем Мастер Pt 1
Как только у вас появится представление о том, что вы хотите сделать, и о материалах, с помощью которых это можно сделать, самое время начать делать журнал. Зин, который вы вставляете вместе, будет известен как «Мастер». Позаботьтесь о своей мастер-копии на тот случай, если вы когда-нибудь захотите сделать перепечатку своего журнала. Вы можете решить сделать это любым размером или формой для своего мастера, однако лучше всего сделать это на белой бумаге с черными чернилами. Это позволит контенту отображаться намного лучше, когда вы делаете копии
Также важно знать о сопоставлении страниц. Хорошая идея — решить, как долго будет длиться ваш журнал, и взять столько страниц, сложить их и сделать свой макет таким образом
В противном случае процесс верстки может быть очень сложным и очень быстрым. Для этого мы используем лист бумаги размером 8,5х11, сложенный пополам.
Алексей Вахромов, Артем Стрижков, Ксения Шишкова, Михаил Соколов
2014
Зин собрали трое друзей-дизайнеров после поездки по Франции, Португалии, Швейцарии и Германии. Издание изготовили за неделю, распечатав фотографии с самыми впечатлившими их европейскими пейзажами, дополнив собственными иллюстрациями. У ребят есть собственная студия шелкографии, поэтому процесс технического производства был с удовольствием взят на свои плечи и был также интересен как и работа над контентом. Идея создания привязана к приятным эмоциями от просмотра старых родительских фотоальбомов и от осознания того, что твои дети никогда не станут изучать архив твоего Instagram. Купить зин можно в магазине Books & More в «Тайге»
JMB
Дмитрий Писоцкий, 2012
Объединив свой опыт в качестве работы арт-директором в брендинговом агентстве и весьма плодотворное увлечение фешн-фотографией, Дмитрий Писоцкий решил выпустить собственный журнал. В качестве контента были использованы проекты друзей — фото-портреты андеграундной России от Дмитрия Анисимова, работы художника Алексея Громова, репортаж из Морокко и обнаженная натура от Алены Кузьминой и фешн-съемки самого автора проекта. Работа над «букзином» шла очень долго потому что все, от верстки до согласования цветопроб, Писоцкий взял на себя. В итоге свет увидели 100 копий издания, разбивающего стереотипы о самиздате как о чем-то, собранном на коленке, и выглядящим как полноценный модный глянец высокого уровня. Купить журнал можно в магазине «Подписные издания»
Осознанный веб-дизайн
Сайты, рекламирующие экологически ответственные компании, натуральные средства по уходу за кожей, натуральные или органические продукты питания и напитки, веганские продукты, социальную ответственность и прочее, как правило, полагаются на иллюстрации, особенно если они относительно новые.
Довольно часто это делается в форме рисунков растений, которые незатейливо намекают на природу. Кроме этого, иллюстрации часто используются для ознакомления с информацией, чтобы она не воспринималась пользователями как чтение лекций.
Wild Souls избегает каких-либо примитивных намеков на эко ориентированность, и отчасти рандомно располагает свои иллюстрации.
Superfood Gin использует много растений в дизайне, а поскольку здесь речь идет о растительных ингредиентах, это очень удачная концепция.
Главная страница компании Capsul’in ничем особо не примечательна, но для продукта Zero Impact создан отдельный раздел с иллюстрациями, которые демонстрируют его уникальность.
Donate Responsibly использует иллюстрацию, чтобы объяснить людям, как благие намерения могут причинить непреднамеренный ущерб. Иллюстрации достаточно информативны и нейтральны.
Многие детские бренды используют иллюстрации, даже если в действительности целью являются взрослые, а не дети. Little Yawn Collective сочетает дружественный подход к ребенку, демонстрируя иллюстрации спящих животных и подчеркивая натуральность продукта.
Использование иллюстраций на сайтах
Иллюстрация может быть мощным инструментом в арсенале дизайнера, но ее бывает сложно правильно преподнести. Так случается потому, что иллюстрация вызывает эмоции, а эмоции субъективны.
Так же, как шрифт или цвет, иллюстрация требует правильного и осторожного обращения. Помните, что иногда меньше значит больше
А бывает и так, что от неправильного размещения отличной иллюстрации может случиться провал.
Это всего лишь выборка из широкого разнообразия стилей и категорий использования иллюстрации в сети, но мы надеемся, что эта информация поможет принять важные решения о том, как использовать иллюстрации в ваших последующих проектах.
Популярные типы иллюстраций в сети
Стили иллюстраций многочисленны и разнообразны, от простых контуров до подробных, полноцветных, реалистичных изображений. Также не существует никаких ограничений в количестве, используемых иллюстрация на сайте.
Каждый стиль вызывает определенные эмоции и отклик, поэтому очень важно осознанно подойти к выбору стиля иллюстрации. Прежде всего следует полагаться на предназначение сайта и то, какой характер вы хотите ему придать
Можно изучить рынок и посмотреть, какой тип иллюстраций больше всего подходит вашему продукту. Собственно, сейчас мы это и сделаем. Мы рассмотрим, как дизайнерам удается эффективно использовать иллюстрации в четырех категориях.
Шаг 8: Получи свой Zine там
Как только вы сделали несколько копий, пришло время выпустить свой зин в мир! Лучший способ начать это — подарить свои комментарии друзьям. Также хорошо пойти в небольшие музыкальные центры, инфошопы, книжные магазины или магазины звукозаписи, которые несут журналы, и спросить, не захотят ли они отнести ваши. Для получения списка инфошопов нажмите здесь. Зины обычно варьируются в цене от 1-3 долларов. Не ожидайте получить свой первый зин сразу во всех магазинах, чтобы стать хорошим зинестером, нужна практика! Вы также можете создать веб-сайт, который позволит людям, которые ищут журналы, найти вас и купить копии. Если вы действительно любите приключения, вы можете связаться с дистрибьюторами журналов и спросить, хотят ли они носить ваш журнал. Большой веб-сайт, подобный этому, — Microcosm Publishing. Для большего количества дистрибьюторов нажмите здесь. Zine Fests может быть интересным способом познакомиться с другими Zinesters и поделиться своей недавно найденной любовью к маленькой прессе. Некоторые из этих событий происходят каждый год, в том числе: — Сан-Франциско Зин Фест — Портленд Зин Симпозиум — Нью-Йорк Зин Фест Если вы хотите, чтобы ваш зин был рассмотрен огромной толпой zinesters, отправьте его по почте в Zine World, они довольно честны и конструктивны. Мир Зина также имеет список зинов, которые они рассматривают. Действительно хороший способ получить новые журналы и заставить людей читать ваши — это совершать сделки по журналам, отправляя кому-то одинаковое количество журналов. Из-за значимости зинов в нашей культуре, многие библиотеки в настоящее время открываются вокруг Соединенных Штатов. Список этих библиотек можно найти здесь.
Шаг 3: Начинаем свой первый Zine Шаг 1: Зачем нужен Zine?
Итак, вы хотите начать журнал? Большой! хотя первый шаг — определить, о чем будет ваш журнал.Это может быть настолько широким или целенаправленным, насколько вы хотите. Вы должны спросить себя, чего вы хотите достичь с помощью этого журнала: Хотите похвастаться перед друзьями и семьей своими классными рисунками? Ты хочешь написать обо всех классных группах твоего друга? Вы хотите вызвать революцию, чтобы заставить людей сажать фиолетовые персики? Что бы это ни было, сделай это! Мне легче иметь журнал, который немного сфокусирован и интересует вас. Зин, который мы собираемся сделать для примера, — «Моя любовь и страх перед роботами». Я люблю электронику, но я также смотрю слишком много фильмов-терминаторов ….
Зачем использовать иллюстрации на сайте?
Иллюстрации — это ценное средство для обозначения настроения, тона или голоса бренда.
Но не стоит путать иконки и иллюстрации только потому, что это изображения. Иконки — это символы, которые чаще всего должны стилистически соответствовать иллюстрациям. Символ — это упрощенное представление объекта, идеи или действия. Например, такое действие как «поиск» принято обозначать увеличительным стеклом.
Что касается иллюстраций, они способны передавать гораздо более сложные понятия. В частности, создавать эмоциональную связь с предполагаемой аудиторией. Также иллюстрации прекрасно справляются с передачей смысла без необходимости добавления текста. При правильном использовании иллюстрации придают индивидуальность даже самому простому и практичному сайту.
«Охранник справок не дает»
Олеся Щукина, Лина Хесина, 2010
К созданию «Охранника» приложило руку несколько петербургских авторов, позже ставших ответственными за материалы и внешний вид журналов «Афиша», «Мамин» и «Папин», а также сайта The Village. Первый номер был посвящен молоку. Темой второго стал круг, поэтому в номере можно найти материалы о самых больших колесах обозрения, часовом механизме и велокарта Европы. Благодаря хитрой верстке, его можно листать как обычной журнал, а также развернуть как большой плакат. Второй номер был переведен на немецкий. Зины были представлены на выставке российских иллюстраторов Ding Dong в Берлине.
