Веб2нольные иконки habrahabr

[@mdss]

хабр ассоциируется с запутанным пучком (я про лого).

[@SparcO]

у меня иконки схожи с фавиконом, да и Веб 2 0

[@silentroach]

иконка веб-2.0 — это как?

[@SparcO]

Округлости и всякое стекло и выпуклости в графике

[@silentroach]

А как это все взаимосвязано с вебом?

[@vkharkov]

Округлости и стекло это скорее Vista-style. Сейчас в моде letterpress.

[@SparcO]

прошу, почитайте на вики о Web2.0 (ссылка ниже)

[@vkharkov]

«Однако однообразие таких сайтов явно и в последнее время считается, графический облик классического дизайна веб 2.0, устаревшим и не креативным.»

оттуда

[@SparcO]

в основном используются-то иконки веб2.0

[@OmKol]

Скорее iPhone-style — абсолютно все значки в iPhone OS округлые, большинство из них с выпуклостями в графике.

[@SparcO]

У iPhone Style есть обводка серебряная, если делать без нее, то похоже. Осталось написать софтину под айфон и все :)

[@OmKol]

Какую софтину? Какая серебрянная обводка? Это обычные иконки веб-страниц для iPhone, сохранённые на рабочем столе моего iPhone в виде закладок. Я по сути просто сделал их скриншот.

[@SparcO]

Софтину хабра — типо функционал весь и тому подобное. А про обводку, вокруг приложений (в основном игр) присутствует серая обводка.

[@OmKol]

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

[@ajaks]

Видимо — квадратик, блик и тенющечка.
Хотя я всегда считал, что вебдваноль это больше к интерфейсам относится и к принципам подачи контента.

[@SparcO]

Web 2.0 Wiki

[@ajaks]

Хм. значит мои представления были не полными. Прошу прощения

[@SparcO]

для сайтов/блогов думаю нужны

[@homm]

А конкретнее? Тоже интересно.

[@SparcO]

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

[@homm]

Разве правильно для таких целей использовать значок, который посетитель до этого не видел? Лучше уж стандартная иконка:

[@kupnet]

Почему то мне эти иконки напоминают Вконтакте :/

[@SparcO]

Цветовая гамма схожа, но градиент я делал из лого.

[@silentroach]

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

[@SparcO]

да, знаю… Думаю, не критично.

[@silentroach]

критично, а поправить наверняка несложно

[@SparcO]

исправил

[@silentroach]

=) теперь справа меньше места чем слева

[@vkharkov]

[@ajaks]

нада лого беленьким сделать, края скруглить, добавить блик и тени, вот тогда будет конфетка =)

[@GoshaTobolsky]

типа так?

[@ajaks]

Беру свои слова обратно =)

[@GoshaTobolsky]

вот и да ;) верхний вариант хорош почти всем, кроме скругления углов.

[@GoshaTobolsky]

[@vkharkov]

исходник

[@Fragster]

мне вангеров напомнило почему-то

[@StopKran]

Вот ни разу не подумаю что это хабр, увидев иконку на другом сайте.

[@StopKran]

Кстати, поставьте иконку на чёрный фон, найдёте багу.

[@SparcO]

в png+все лишнее обрезано. Покажите

[@SparcO]

Заметил в UPD исправил, прошу прощения

[@StopKran]

В первых иконках та же бага. Хотя не вооружённым глазом она не так заметна, но взяв пипетку мы видим цвет 1a1a1a.

[@SparcO]

В первых я знаю. Изменю сейчас…

[@SparcO]

?

[@SparcO]

Исправил первые иконки, теперь везде по-середине и нет бага

[@SparcO]

так?

[@SparcO]

что симпотичней?

[@kupnet]

Правый

[@karasov]

да блин, симпатичней правый

[@SparcO]

Извините, симпатичный. Возможно, но если доработать левую?

[@kupnet]

Доработать до правого?

тут без вариантов…

[@karasov]

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

[@SparcO]

А вам он не кажется слишком простым?

[@karasov]

А он таковым и должен быть

[@tuxedo]

Порой не нужно изобретать велосипед. Простота, при грамотном исполнении, красива сама по себе.

[@ajaks]

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

[@Imposeren]

Долой глянец! Требую матовых кнопок

[@SparcO]

кнопки можно сделать так: со стилем :hover И на 1 картинке сделать градиент и инверсию, при наводке — инверсия. Думаю красиво, да и без глянца

[@marchenkovdmitry]

Спасибо за иконки, как показала практика иконки хабра тяжело найти. А тут уже все готовое.

[@zadnica]

Зачёт!
Спасибо.

[@almalexa]

Никак не пойму зачем использовать иконки разных стилей. Лучше бы под какой-нибудь набор иконок стилизовал.

Вот так, например. Иконка хабра стилизована под весь набор (если честно там из набора только иконка твиттера :D ), если кто хочет — можете выдрать из спрайта иконку, я не обижусь, только авторство не присваивайте.

[@SparcO]

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

[@almalexa]

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

[@SparcO]

Ну тогда не надо было о своих иконках говорить, да и я бы не стал. Вопрос закрыт.

[@nock]

У вас потерялась пропорция буквы H. Если делать, тогда уж как-то так:

Ну и под каждый размер не ленитесь перерисовать эти 3 черточки, некрасиво размыто же.

[@SparcO]

Ок, переделаю и добавлю в upd2

[@silentroach]

Чего у вас, дизайнеров, глазомер так хромает. Мало того что по горизонтали не по центру, так и по вертикали.

[@SparcO]

Там нужно пошире. Я уже понял.

[@nock]

Если это мне адресовано, то я проверил — горизонтально все как надо, только на пол пикселя вправо шире, вертикально на 3 ниже, но это уж извините, не сильно старался, каюсь, хотел просто размер буквы показать.

[@silentroach]

'все как надо, только...'
Когда тольки не будет, станет как надо. Пиксель неделим, а в таком дизайне надо чтобы все было точно и ровно.

[@nock]

Да я не спорю ) Если бы у меня была задача сделать сет иконок для хабра, я бы делал например так:


з.ы. Не знаю почему ваш пост так задел, что я полез переделывать и что-то доказывать )