Портфолио: Иконки

Хабрахабр

Иконки для социальной сетиВеб 2.0 | Социальные сети | Хабрахабр

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

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

— Что самое главное в Хабрахабре?
— Карма?
— Хуярма! Самое главное в Хабре — контент! Логические выкладки дизайнеров

Было решено, что иконки должны быть не яркими, чтобы не делать Хабраленту слишком пестрой и не отвлекать от топиков. Эта панель задала общий стиль:

Хабрапанель

Мелкие иконки не имеют теней, зато некоторые из них имеют разные состояния. Иконки топиков, которые покрупнее, отбрасывают едва заметные тени.

Иконки топиков

Разработчикам Хабра иконки понравились и мы продолжили работу. Были нарисованы иконки для блогов и компаний.

Иконки блогов и компаний

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

Хабраиндикатор

Эта иконка вызвала большой интерес среди Хабралюдей. Одним показалось, что это мина для миномета, другим — что это дирижабль. Устойчивого названия пока нет, кто-то называет эту штуку «Хабрабомба», кто-то «Хабражабль», а кто-то просто «Бомба».

Далее мы нарисовали иконки для тулбара на странице создания нового топика:

Иконка подписки

Если увеличить иконку «вставить картинку», то мы четко видим поляроидный снимок неопознанного летающего объекта, вокруг которого на Хабре ходит немало легенд.

НЛО

В старом Хабре метафорой подписки на блог был электрический шнур с вилкой. Мы воспользовались этой идеей, но сделали иконку более понятной и объединили её с функцией «информация о блоге».

Иконки для тулбара топика

Нам очень понравилось работать над этим проектом, надеемся, что мы смогли угодить даже самым требовательным и строгим хабралюдям.

Участники проекта

Связанные записи

Условия использования

Картинки предназначены только для оценки качества работы компании Турбомилк. Права на их использование принадлежат нашим клиентам.

Наши услуги

Много компаний по всему миру уже стали нашими клиентами и остались довольны качеством работы. Мы предлагаем следующие услуги:

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

Если вы заинтересованы в наших услугах или хотите что-нибудь спросить, напишите нам по адресу: info@turbomilk.com

Иконки

Qt
Иконки для разработчиков мобильных приложений

Webka
Иконка приложения для социальных сетей

Badoo
Иконки мобильных знакомств для iPhone

Календарь Событий
Лучший календарь в Appstore

Promethean
Симпатичные аватары для обучающей программы

Intuit QuickBooks for Mac 2011
Иконки для финансового приложения под Mac OS

Partouche
Большие иконки про спорт и азартные игры

Бейджи для Хабра
Бейджи для социальной сети с элементами ролевых игр

Accela Mobile Office
Деловые иконки для мобильных чиновников

Oversun-Scalaxy
Иконки для сервиса по предоставлению хостинга и вычислений

Begun
Пиктограммы для лидера рынка контекстной рекламы

Intuit Customer Manager
Иконки в оригинальном стиле со специальным руководством

GraphicRiver Web Set Icons
Набор иконок для веб-сервисов в трех размерах

Holdet.dk
Иконки для спортивного игрового портала

Livejournal.app
Иконка приложения для iPhone

Хабрахабр
Иконки для социальной сети

Ingeniux
Иконки для CMS

Edopter
Крупные иконки-иллюстрации для социальной сети

Автокадабра
Иконки для всех автомобилей на свете

mIRC
Новые иконки для старого доброго IRC-клиента

Metrics
Иконки для разработчиков компьютерных игр

Storebrand
Мини-иллюстрации неземной красоты

Belkin Network USB Hub
Иконки устройства в стиле Windows Vista

ArrowModel
Реалистичные иконки для скоринговой среды

ЭМА
Цельнометаллические пиктограммы для РСДУ2

DiabeteSense
Карамельные иконки с низким содержанием сахара

Интерфейсы

Персонажи

Логотипы

Веб-дизайн