Как создавались иконки для Суперхабра

[@ZDN]

спасибо вам! Всё очень нравится!

[@Neltis]

Что сказать — у вас получилось!

[@sk1p]

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

[@kortunov]

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

[@sunburn]

А мне подобная идея просто очень понравилась!

[@nForce]

Спасибо за иконки!
Сейчас у Хабра есть свой стиль.

[@kortunov]

Кстати, обрати внимание — твой ник на макете плашки :)

[@nForce]

Ага, и я засветился :)

[@kortunov]

ой! не заметил этот коммент. вошел в историю! :)

[@kortunov]

В каком смысле? Ты про тэг или про что?

[@Sabiko]

Вы не переживайте, я тоже сначала Кортунова с Котыревым перепутала и слегка подвисла^^'
Просто такие штуки, прежде чем спрашивать, сначала проверять надо. Хотя в итоге, по-моему, для турбомилка вышло очень даже лестно=)

[@kortunov]

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

[@kalin]

«Хабраиндикатор» выглядит понятно и со смыслом. Пулю не все понимали и видели.

[@jGroger]

Мне нравятся :)
Читабельно и не напрягает глаза;) — что часами позволяет быть на хабре и все без усталости!!! :))

[@GreenAngel]

В целом отличная работа.
Но вот по потронам я скучаю…

[@neoroma]

что за патроны?

я отправился на internet archive чтобы вспомнить но ничего не нашел.

[@lasthero]

надо быть залогиненым, чтобы увидеть патроны.

[@rgaliull]

отправился по ссылке и увидел каким был хабр всего лишь два года назад. Другим. Изменения касаемо дизайна мне нравятся. :)

[@GreenAngel]

Вместо авиационных бомб были патроны, в новости они почему-то названы пулями.

[@Okspen]

для некоторых патроны и пули — одно и то же :)

[@vladalv]

Иконки на хабре прекрасны.
За исключением вот этих: clip2net.com/clip/m7473/1220870872-clip-1kb.jpg

[@kortunov]

Это классические Хабраиконки, разработчики проекта попросили их не трогать, дабы сохранить преемственность.

[@TimeKiller]

Поймал себя на том что пытаюсь поднять карму на картинке))).

[@avenu]

Ну реально на аэростат похоже :)

[@FuriCuri]

Э… Это оказывается бомба? Я сразу увидел в этом зепелин. Бомба она ведь обычно вниз направлена. Да и идея с зепелином (человеком парящим) лучше оружия, имхо.

[@kortunov]

Каждый волен видеть в этой картинке своё. Это даже хорошо, что так получилось. Никаких «канонизаций» не планируется :)

[@nrdcp]

Вот это новость. Я был совершенно уверен, что это рыбка нарисована (ну типа человек моего уровня — маленькая рыбёшка, и в зависимости от кармы значок меняется)

[@Poliakov]

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

[@depb]

хабрактулху

[@kortunov]

На камбалу похоже! :)

[@depb]

Они сёстры

[@int80h]

а с чем связано то, что иконки для тулбара создания нового топика созданы для англоговоряших пользователей? зачем все эти B, U, S, I? неужели из-за тегов?

[@kortunov]

Замечание абсолютно верное! Это произошло именно из-за тегов. Так как сделано сейчас — копромис. Сначала я нарисовал русские буквы Ж, К, Ч и был собою доволен. Но потом я понял, что нужно делать английские буквы, так как редактор не визуальный. Тоесть получается, что нажимаем мы «Ж», но текст не становится жирным, а лишь появляется тег {b}. Чтобы избежать путаницы, пришлось использовать английские обозначения. Если на хабре появится визуальный редактор текста, то можно будет использовать русские буквы.

[@praan]

идея с вилкой и проводами в блогах очень понравилась :)

[@mente]

— Карма?
— Хуярма!

Истина! Люди, не забывайте, что на хабре главное

[@noita_kronk]

Спасибо, иконки все выдержанные, вполне понятные и не отвлекают от работы с ресурсом.

[@ilyas]

турбомилк молодцы!

[@Alendos]

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

[@ytriffy]

Смотрится на ура.

[@maxism]

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

Хорошая работа, Спасибо!

[@inpills]

Да. Работа проделана на отлично. Что ещё можно было ожидать от команды кортунова ;)

[@firstbyte]

А мне вообще авиабомба торпедой кажется :)

[@art_t]

Свои задачи иконки выполняют, и вполне симпатичные.

[@Qkish]

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

[@Hitryi_Pryanik]

Стало лучше. Аккуратно всё. Единственное с чем не согласен: иконка «уволиться» не является антиподом «стать сотрудником», ну и «стать поклонником» и «разлюбить» тоже не в идеале. С остальным порядок. Понятные иконки, запоминаемые. Объединение вилки с инфой — это прикольно в том плане, что наделили функцией подключаемый комп. Но по логике вещей если он отключён, то инфа о блоге должна быть недоступна ))) Ну ладно, эт мелочь.

[@yaroslavpat]

Ребята, вы большие молодцы!

[@rtm]

дешевый пиар

[@WimWenders]

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

Так где здесь дешевый пиар?

P.S. Про Турбомилк многие хабрапользователи итак знают.

[@rtm]

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

[@WimWenders]

Ну, мы оба понимаем, что всё немного не так. Что о новом бело-синем сайте говорят до сих пор, хотя его уже давно открыли. Что несколько недель вообще была катастрофа с топиками о новом бело-синем сайте.
И, конечно, ничем не примечательные иконки на самом деле интересны. Интересна «бомба», интересна вилка от монитора.

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

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

[@rtm]

Спасибо тебе, что я в 5 раз за день вспоминаю компанию ТУБРОМИЛК.
ТУБРОМИЛКТУБРОМИЛКТУБРОМИЛКТУБРОМИЛКТУБРОМИЛКТУБРОМИЛК.
ТУБРОМИЛКу заказали новые иконки для хабра
ТУБРОМИЛК сделал иконки для хабра
ТУБРОМИЛК рассказывает как делал иконки для хабра

меня не так часто срывает на подобные «дерьмовые» комменты.

в следующий раз буду терпеть. Товаришь снизу правильно написал, что в посте нет ничего кроме иконок в 1 месте.

[@Sabiko]

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

[@remx]

помню подобную статью о разработке графики для автокадабры (автомобилей чтоли пользователей или чтото там такое — простите сам не пользователь автокадабры)
вот та статья реально понравилась — понравилось решение проблемы с цветами машин, то как студия решила проблему, поставленную перед ними.

данная статья прочитана с интересом, но ничего, кроме сбора всех иконок в одном месте… и все.

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

[@menvil]

Хуярма улыбнула. Может стать синонимом кармы если пойдет в народ.

[@alife]

Хорошая работа :)

В общем комплекте не описана иконка обновления комментариев. Если бы моя воля, то фон бы я сделал для нее немного мягче, чтобы на ней было сконцентрировано меньше внимания, и она не так отвлекала от самих комментариев.

в остальном на отлично!

[@Sabiko]

Да, тёмное пятно на переферии зрения очень мешает.

[@marapper]

Получилось неплохо, хотя и слишком округло и гламурно — все довольны даже бомбой, заменившей родные (хнык-хнык) пули. Но все-таки метафоры пиктограммок не «дожаты»:

1. Типы топиков не едины по стилю и форме — круглые, квадратные, разные.

2. Стать сотрудником, сотрудник и уволиться — кроме того, что уже назвали (нет противопоставления между действиями), слабо выражено и состояние «сотрудник» («уже сотрудник», «сейчас сотрудник» — хотя это тоже плохие варианты). Также не видно противопоставления и в самих метафорах — стрелочка и минус.

3. Все о тех же пиктограммках сотрудника — связь с «компанией» понятна (хотя мне иконка напоминает больше какой-нибудь греческий портик и связывается лишь с форумов :). Возможно, логичней было связывать с «сотрудником» и рисовать человечка/лицо вместо этого «форума».

4. Самая мелочь — слишком большое различие между «в избранное» и «стать поклонником» (где «поклонник» — тоже как-то не очень).

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

Наиболее выдержаны — панель под топиком и панель форматирования топика. Вот они клеви, мне очень нравятся. Хотя есть нарекания — по поводу отсутствия кнопок, с которыми я столкнулся при разработке юзерскрипта для комментариев. Нет кнопок и, соответственно, картинок для?

— верхнего и нижнего индекса,
— цитаты blockquote
— разделителя hr

Собственно, это также достаточно используемые теги, чтобы им нашлось место на панели. Тем более, что «подчеркнутый» я бы лично убрал — чтобы не смущать пользователя аналогией с ссылкой. И да, хабракат — тоже клевая иконка, но ее бы стоило как-то отдельно выделить, чтобы показать значимость и важность (а разработчикам — разобраться, почему кат не работает так, как должно).

Все вышенаписанное является мнением одного человека :)

[@extrawelt]

Да, иконки получились красивые. Спасибо.

[@goodsprite]

Так здорово выглядит здание компании! Хорошо, что это не офис и прочие современные конторки. Приятно, спасибо :]

[@ManPavel]

Спасибо за рассказ, узнал много нового.
И кто же мне теперь, например, обьяснит, пожалуйста, куда у меня из «тулбара на странице создания нового топика» улетела кнопка «вставить картинку»? Ее там просто нет — ни в Firefox, ни в IE!

[@rapida]

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

[@kortunov]

насколько я знаю, это вообще не иконка, а символ «тире». это сравнительно новая фича, пока рисовали иконки её не было. думаю, что со временем наберется адд-он, и мы его нарисуем.

[@dmpr0]

а мне нравиться, хорошие иконки, бомба вообще супер)

[@yarryozzo]

К слову о рисовании мелких элементов.

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

[@kortunov]

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

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

[@yarryozzo]

Не сочтите за придирку, но, признаться, смотрю на «Стать сотрудником» и «Уволиться» — просто лопни мои глаза, как неконтрастно смотрится отличающий элемент. Ну или когда строка заголовка сообщения лиловеет, то картинка «звёздочка» напрочь теряется.

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

[@INCWADRA]

Денис, судя по стилю работы скорее всего ты работал над этим проектом. Кстати иконки действитель хорошие.