A- A+

Создание логотипов для web 2.0

Хотя и не существует какого-то определённого стандарта, определяющего стилистику Web 2.0, определённые тенденции проследить можно. В сайтах новой волны применяются самые современные web-технологии, также зачастую их концепция строится на построении социальных сетей. Но куда более важный отличительный признак таких сайтов — внешний вид: их интерфейс прост и дружелюбен, активно использует заголовки и слоганы, набранные крупным шрифтом. Цвета — яркие и жизнерадостные: много небесно-голубого, оранжевого и "официального" цвета web 2.0, ядовито-зелёного.

Крупнейшее собрание логотипов web 2.0 можно увидеть здесь. А мы попробуем проанализировать, какие шрифты и приёмы были использованы при создании ряда таких логотипов.


Фрагмент полотна «Логотипы web 2.0» :)

«Мягкие» логтипы

Явная тенденция в новых логотипах — использование гарнитур со скруглёнными краями, в основном VAG Rounded (Rundschrift), Helvetica Rounded, Arial Rounded, Bryant и FF Cocon. Все они придают логотипу современно выглядящую теплоту и дружелюбность, тем самым помогая смягчить название, звучащее холодно или жестковато. Несколько примеров:

ClipShack — сервис для размещения видео.
Шрифты: VAG Rounded и VAG Light Obliqued
Zimbra — календарь-планировщик для совместной работы.
Шрифт: VAG Rounded Light
Wayfaring — персонифицированные Google Maps.
Шрифт: VAG Rounded (жирность увеличена за счёт белого абриса)
Kajeet — компания сотовой связи.
Шрифт: VAG Rounded (изменён символ "j")
Zopa — сервис-посредник между кредиторами и заёмщиками.
Шрифт: идентичный Frankfurter Medium или Bryant Bold Alt
Pando — сервис обмена файлами.
Шрифт: идентичный Bryant Medium Alt
MySpace — социальная сеть.
Шрифт: Arial Rounded Bold и Bell Gothic Black
TracksLife — своя база данных.
Шрифт: Arial Rounded Bold
Eventful — календарь-планировщик для совместной работы.
Шрифт: Arial Rounded Bold
Spongecell — календарь-планировщик для совместной работы.
Шрифт: Arial Rounded Extra Bold
Skype — интернет-телефон.
Шрифт: Helvetica Rounded Bold
Shozu — сервис для хранения фото.
Шрифт: FF Cocon Bold
Tabblo и Tabblog — сервис для хранения фото.
Шрифт: FF Cocon Bold

Футуристические логотипы

В оформлении некоторых сайтов буквально отражается технологичность Web 2.0. Пиксельные шрифты, жёсткие края и сверхупрощённые формы характерны для ряда появившихся в последнее время интернет-стартапов:

Last.fm — музыкально-социальная сеть.
Шрифт: ITC Ronda (модифицированный)
Photobucket — хранение фото.
Шрифт: Digital Sans Medium
Plazes — гео-закладки.
Шрифт: Base 9 Regular SC
NewsGator — RSS-сборщик.
Шрифт: ITC Bauhaus Medium
ReminderFeed — напоминание о событиях через RSS.
Шрифт: FF Dot Matrix Two Regular
Technorati — поиск по блогам.
Шрифт: FF Dot Matrix Two Regular
TagWorld — социальная сеть.
Шрифт: Handel Gothic Bold
ShoutWire — размещение новостей.
Шрифт: Agency Bold

Логтипы в классическом стиле

Во многих логотипах web 2.0 ставка сделана на проверенные гарнитуры: Trade, News Gothic, Frutiger, Avenir, Interstate, FF Meta, FF DIN и вездесущая Helvetica.

Xanga — интернет-сообщество.
Шрифты: Trade Gothic No. 2 Bold and Light
Xanga — сервис управления RSS-подписками.
Шрифт: Trade Gothic Bold
Newsvine — публикация новостей.
Шрифты: FF Meta Bold, FF Meta Bold Book
Standpoint — обмен слухами.
Шрифт: FF DIN Medium
DropSend — сервис файлового обмена.
Шрифт: Frutiger Bold
Flickr — сервис для публикации фото.
Шрифт: Frutiger Black
Shutterfly — сервис для публикации фото.
Шрифт: основан на Avenir Heavy
9rules — web-дизайн.
Шрифт: Helvetica Bold
Podzinger — поиск по подкастам.
Шрифт: Interstate Black
Campfire — инструмент общения в группах.
Шрифт: Interstate Regular
YouTube — публикация видео.
Шрифт: Alternate Gothic No. Two
Bloglines — сбор новостей.
Шрифт: ITC Officina Bold
Weblogs,Inc. — блоги.
Шрифт: Syntax Bold
Wikipedia — бесплатная онлайновая энциклопедия.
Шрифт: Hoefler Text

Новая классика

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

SocialText — провайдер вики-приложений.
Шрифт: Lisboa Sans
SocialText — социальная сеть.
Шрифт: Klavika (доработанный)


Оригинал статьи на английском языке
Создать закладку в (наведите курсор на иконку снизу)
MemoriМистер Вонг (mister-wong.ru)БобрДобр (BobrDobr.ru)МоёМесто.ru (MoeMesto.ru)RUmarkz (RuMarkz.ru)del.icio.us (http://del.icio.us)Digg!