Мой взгляд на дизайн иконок

[@IDY]

Иконки браузеров навеяли мысль о WIndows 8

[@Nagg]

Собственно, да
>>Без бликов, градиентов и теней
Метро, вот только на бэкграунде всё же есть градиент

[@diamant]

>вот только на бэкграунде всё же есть градиент
Это ковёр.

[@TheShock]

Ниже уже сказали, что по духу больше напоминает Адобовские икноки.

[@KawaiDesu]

Но ведь красиво же, этого не отнимешь!

[@TheShock]

Так себе. Более того, кое-где потерялась информативность. Например, по пьяни и не разберешь, что там значок Firefox (инь-янь какой-то, а не огнелис)


Тем более, автор лукавит на счёт градиентов и теней. Слева — без градиентов и теней. Справа — вариант автора:


А градиенты и тени добавляют живости и объема иконкам.

[@KirAmp]

Я хотел сказать «закруглений», но почему-то написал «градиентов».
Впредь буду более внимательным. Спасибо.

[@Eternalko]

По пьяни за клаву лучше не садится. Чревато разными глупостями

[@driessen]

Правый значок файрфокса какая-то обосравшаяся лиса, извините.

[@Sterhel]

Для любителей минимализма сделал альтернативную версию.

Можно ещё в ч/б перевести, но, раз вы выложили еще и psd, то каждый сможет сам.

Спасибо!

[@qbique]

Горькая правда в том, что иконки получились очень низкого качества.

[@KirAmp]

Согласен с вами. Это лишь набросок, показывающий как я вижу иконки.

[@f0b0s]

Зато здесь первый яндекс, который мне нравится. Но отстойнейший фейсбук.

[@jil]

Покажите пример низкого и высокого качества, т.е. как Вы оценили их как низкого качества? (я не дизайнер)

[@qbique]

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

[@KirAmp]

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

[@qbique]

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

[@Wo1f]

Опера похоже на МТС :-)

[@PDEMON]

Следующий автор решит что иконки были слишком квадратные и он их подпилит.
Машина иконописи запущена. )))

[@Sterhel]

ЗЫ

Возможно, было бы круче делать в паке одинаковые иконки, а то у Оперы, RSS и т.д. тени есть (под разными углами), а у Эксплорера (думаю, будет не очень популярная иконка) тени нет.

[@KirAmp]

Мой косяк. Добавил тень IE. Сейчас остальным подправлю угол

[@EzS]

Ждём треугольные иконки под треугольный планшет -)

[@dos_88]

А что, мне нравиться! Не всем же иконкам быть с закругленными уголками :) Может ещё тень добавить на манер парения в воздухе?

[@Talk]

Иконка vk, очень плохая

[@KirAmp]

В оригинале она не лучше

[@Talk]

Полностью согласен. У Вас бы её по центру поставить.

[@Rubiroid]

в конце страницы смотрите
vkontakte.ru/help.php?page=about

[@INCWADRA]

Вечно блин копирайты замечаю) Вы наверное про psd логотипа, если я не ошибаюсь?

[@Rubiroid]

ага, можно использовать «В» для иконок

[@Sterhel]

(значки справа-снизу)

Слева?..

[@KirAmp]

Упс…

[@Zigmar]

Честно говоря, так себе. Единственное — мне в целом понравились иконки браузеров (которые в углу), но и там есть куча косяков — например внутренняя тень только у Оперы, а у Файрфокса какой-то цветной мусор остался, хотя все остальные иконки контурные.

[@KirAmp]

Да, подправил.

[@nvbn]

В «общение» и «браузеры» отступы очень страшноваты.

[@t3kkitz]

На мой взгляд не самые лучшие шрифтовые решения для Вконтакта.

Иконка хабра стала бы более узнаваема если инвертировать цвета.

Если Вы делали универсальные иконки (как поступили с иконками Вконтакте), то для Яндекса возможен вариант с Yandex.com.

У Facebook'a более жирное начертание чем на иконке.

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

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

[@QtRoS]

По мне достаточно уныло, не могу объяснить почему…

[@ilyaplot]

Где привязка к сетке? Все набросано на глазок.
Вот фон нравится :)

[@arkady]

Скачал, хотел поставить некоторые на десктоп в Win7 — «файл значков не обнаружен». Конвертить в ico запала уже не хватило :) Это я к тому, что было бы неплохо и ico-версии включить в раздачу

[@nicknarian]

Fb == Flash Builder?? :D

А вообще хорошо получились, без градиентов даже поинтереснее.

[@ilyaplot]

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

[@GEONIM]

Почему IE зелёный?

[@KirAmp]

IE решил сделал цвета стандартных плиток «Восьмерки».

[@Hig]

А почему тогда Chrome белый? Он как белая ворона в этом ряду.
Помимо того, что он выбивается из общей темы, так еще и слeпит ;-)

[@Dlussky]

Хром для правого набора видится мне таким:

[@Dmitry_f]

Вы сделали тиснение, градиенты, цвета и называете это минимализмом?

[@Mihanik71]

Минимально тиснения, градиентов и тени. «Раз их почти не видно значит их нет» — возможно такие мысли у автора

[@Dmitry_f]

Минимально тиснения, градиентов и тени значит без тиснения, градиентов и тени в случае минимализма. А «совсем чуть чуть всего» — это далеко не минимализм.

[@Dmitry_f]

Поясню: я просто не в интересах оправдывать автора, уж не обессудьте

[@salvator]

правильная иконка firefox

[@betrachtung]

[@Karen]

Похоже скоро на сет появится маленький файрфоксик :). Судя по животику.

[@Banzeg]

«Похоже, кто-то слишком много ест!»

[@betrachtung]

Fennec?

[@kodart]

Хромофокс

[@slovak]

Ой, я не могу! Порадовал!

[@Razunter]

Иконка Skype в таком наборе выглядит слишком круглой…

[@egorinsk]

У вас квадратики не выровнены по границам пикселей (а интересно, в PS вообще есть привязка векторных узлов к границам пикселей?). Поскольку дизайн делался именно для экранного носителя, считаю это недочетом. Также, значок ICQ с черными линиями смотрится чужеродно. Вконтакте в виде vk — не узнаваемо. Также, кнопка с Оперой выпуклая, а все остальные браузеры плоские — это зачем? И значок Хрома, который большой, тоже почему-то стал рельефным. Крупный значок фаерфокса испорчен.

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

Выложил дизайн на Хабр? Не жди пощады.

[@TheShock]

а интересно, в PS вообще есть привязка векторных узлов к границам пикселей?

Snap to pixel

[@Ganesh]

В ваших иконках квадраты, как третья нога. Не понятно зачем они там нужны, как функцию играют, о каком минимализме идет речь тоже не понятно. Особенно поразительный иконки слева сверху, где пиктограмма занимает наверное 1/6 площади. Сами по себе иконки как-будто из разных наборов. А у бедных эпилептиков скорее всего случится шок. В общем, по моему мнению вы просто неудачно содрали идею интерфейса метро.

[@midday]

Единственное оправдание левых иконок — дополнительная информативность поверх них не затрагивая внутреннее строение.

[@ForeverLive]

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



Извиняюсь перед ненавистниками Apple за скриншот под Mac os

[@arkady]

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

[@ForeverLive]

Вот серьезно — не понимаю когда так отвечают. Когда я ем борщ в столовой — я же не должен готовить борщ лучше чтобы понять и сказать, что он совсем не вкусный.
Сам нарисовать я могу без проблем. А смысл? Кому нужны хорошие значки, тот готов потратить на это деньги и нанять хорошего дизайнера.
Ну и как главный аргумент — критика адресована не вам.
Читайте что пишет автор —
«С удовольствием выслушаю критику».

[@arkady]

Объясню почему я так отвечаю. Авторитеты, типа вас — всегда появляются в топиках и начинают рассказывать тем немногим, кто делает доброе дело, как они херово его делают и лучше бы вообще не позорились. Результат таких комментов, все меньше авторов готовы показывать и делится своей работой, т.к. опять придет умник, который знает как надо. И не очень-то похоже на критику, когда пишут «очень достали вот такие статьи с иконками отвратительного качества». Критика могла быть без таких выражений раздражения как минимум, если конечно вы вообще понимаете что такое критика. Ваш пример с борщом плох — вас никто не собирался насильно заставлять качать или использовать иконки из поста. Не нравится — пройди мимо, а то достали такие теоретики которые только п*здеть мастера

[@ForeverLive]

Возьмем предыдущий пост с иконками как пример.
Автор пишет:
«И поскольку мне было скучно, я решил тоже вспомнить былое и наштампить иконок. Заняло все это порядка 18-20 минут»

Так вот если благодаря мне и «авторитетам» вроде меня (хотя я себя на Хабре авторитетом совсем не считаю) таких постов о том, как автору стало скучно и он наплодил паршивых иконок или картинок, станет меньше — я буду просто счастлив.

Тем более не место здесь вам. Тыкать и материться здесь не принято (кроме очень редких исключений). Даже если аргументов в ответ не осталось.

[@ForeverLive]

И еще хочу добавить одну вещь.
Хорошему автору плохая критика безразлична.

[@arkady]

> Так вот если благодаря мне и «авторитетам» вроде меня (хотя я себя на Хабре авторитетом совсем не считаю) таких постов о том, как автору стало скучно и он наплодил паршивых иконок или картинок, станет меньше

Плохие посты не выходят на главную, вы место в БД хабра экономите? Я вас назвал авторитетом в сфере диванных теоретиков, оснований считать вас авторитетом на хабре не имею.

> Тыкать и материться здесь не принято (кроме очень редких исключений). Даже если аргументов в ответ не осталось

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

[@Eternalko]

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

[@NeonXP]

Вот сколько раз уже просили рисователей:
Раз есть ICQ и Skype, то почему, $%^#@, нет Jabber и GTalk? Неужели, они такие сложные?

[@alexbeep]

А нафиг они никому не нужны, тем более у красноглазых проблем с иконками быть не должно — все запускается через консоль, не?

[@NeonXP]

не.

[@Forastero]

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

[@jMas]

Фурифокс не тру.

А MS IE заслуживает следующей иконки:
t.co/HHoFwKs

[@Mihanik71]

И главное можно без теней, без градиентов, немного повёрнуто и не по центру за все костыли!

[@Squier]

Хорошо! Мои комментарии не прошли даром

[@ShadowPrince]

Картинка умерла?

[@Karen]

Раскритиковали же как, вот видать обновляет. Только чёт долго, потому может и в правду умерла картинка.

[@ruikarikun]

This account's public links are generating too much traffic and have been temporarily disabled

[@KirAmp]

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

[@shimdim]

Может кому подойдут такие иконки в стиле Nokia. Запостил их еще в прошлом посте о иконках, но он уже спустился далеко вниз.



PNG и PSD (72x72 px) —
cl.ly/3E3b2f3x2a1C2j2W2X22

[@kurbik]

Ооо… Спасибо. Интересное исполнение.
А ЖЖ в этом же стиле есть?

[@Vovanys]

Спасибо!

[@maxvipon]

Класс! Жаль плюс вам дури не хватает поставить (:
Мне вообще очень любы эти формы у нокиевских иконок, по-моему, они великолепны.

[@tarya]

Как по мне в наше время проблем с иконками нет. Бесплатных тучи, а нужно что-то индивидуальное — вам сделают. Рисовать грамотно не так и просто.

[@Kyborg2011]

Выложите на habrastorage наконец! Давно не видел топики с фотками на радикале:)

[@KirAmp]

Спасибо

[@asci]

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

[@INCWADRA]

ох-ох, опередили меня =)
Я ведь в свой пак и квадратненькие еще хотел добавить, позже.

[@petergreen]

на Х все оказывается «немного дизайнеры» с фотошопным прошлым)

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

Фаерфокс похож на дохлую кошку.

Хром в монохроме?.. не уверен что они бы одобрили…

Хотя в принципе я понимаю ваше стремление, оно позитивное, но недоделанное и неподготовленное. Сам мечтаю о едином месте где иконки можно брать уже, ну надоело что ничерта нету во всём интернете…

[@Teemon]

Меня коробит от иконок Нокии — не круглые и не со скругленными углами. Полностью квадратные иконки — не тру, хоть их ща и будет продвигать MS. Ну закруглите вы на пару пикселей, все же приятней будет)