SparcO Apr 10 2010 at 08:45

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

1 min

837

Lumber room

-3

Comments 73

mdss Apr 10 2010 at 08:49

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

SparcO Apr 10 2010 at 08:50

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

silentroach Apr 10 2010 at 08:57

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

SparcO Apr 10 2010 at 09:01

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

silentroach Apr 10 2010 at 09:04

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

UFO landed and left these words here

vkharkov Apr 10 2010 at 10:01

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

SparcO Apr 10 2010 at 10:02

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

vkharkov Apr 10 2010 at 10:05

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

оттуда

SparcO Apr 10 2010 at 10:06

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

OmKol Apr 10 2010 at 15:27

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

SparcO Apr 10 2010 at 22:44

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

OmKol Apr 11 2010 at 07:53

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

SparcO Apr 11 2010 at 08:03

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

OmKol Apr 11 2010 at 08:06

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

ajaks Apr 10 2010 at 09:04

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

SparcO Apr 10 2010 at 09:06

Web 2.0 Wiki

ajaks Apr 10 2010 at 09:14

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

UFO landed and left these words here

SparcO Apr 10 2010 at 09:01

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

homm Apr 10 2010 at 09:43

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

SparcO Apr 10 2010 at 09:44

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

homm Apr 10 2010 at 10:58

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

kupnet Apr 10 2010 at 09:14

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

SparcO Apr 10 2010 at 09:16

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

silentroach Apr 10 2010 at 09:33

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

SparcO Apr 10 2010 at 09:35

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

silentroach Apr 10 2010 at 09:41

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

SparcO Apr 10 2010 at 09:50

исправил

silentroach Apr 10 2010 at 10:06

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

vkharkov Apr 10 2010 at 09:33

ajaks Apr 10 2010 at 09:35

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

GoshaTobolsky Apr 10 2010 at 10:05

типа так?

ajaks Apr 10 2010 at 10:09

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

GoshaTobolsky Apr 10 2010 at 10:14

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

GoshaTobolsky Apr 10 2010 at 10:18

vkharkov Apr 10 2010 at 10:28

исходник

UFO landed and left these words here

Fragster Apr 10 2010 at 09:46

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

StopKran Apr 10 2010 at 09:46

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

StopKran Apr 10 2010 at 10:09

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

SparcO Apr 10 2010 at 10:10

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

SparcO Apr 10 2010 at 10:11

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

StopKran Apr 10 2010 at 10:19

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

SparcO Apr 10 2010 at 10:21

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

SparcO Apr 10 2010 at 10:20

SparcO Apr 10 2010 at 10:25

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

SparcO Apr 10 2010 at 10:33

так?

SparcO Apr 10 2010 at 11:08

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

kupnet Apr 10 2010 at 11:14

Правый

karasov Apr 10 2010 at 11:24

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

SparcO Apr 10 2010 at 11:26

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

kupnet Apr 10 2010 at 11:27

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

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

karasov Apr 10 2010 at 11:30

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

SparcO Apr 10 2010 at 11:31

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

karasov Apr 10 2010 at 11:36

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

tuxedo Apr 16 2010 at 12:08

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

ajaks Apr 10 2010 at 11:31

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

Imposeren Apr 10 2010 at 11:56

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

SparcO Apr 10 2010 at 11:58

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

marchenkovdmitry Apr 10 2010 at 12:08

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

zadnica Apr 10 2010 at 12:16

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

almalexa Apr 10 2010 at 12:55

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

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

SparcO Apr 10 2010 at 12:57

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

almalexa Apr 10 2010 at 12:59

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

SparcO Apr 10 2010 at 13:00

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

nock Apr 10 2010 at 15:13

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

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

SparcO Apr 10 2010 at 22:45

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

silentroach Apr 11 2010 at 06:44

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

SparcO Apr 11 2010 at 06:47

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

nock Apr 11 2010 at 17:34

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

silentroach Apr 11 2010 at 20:55

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

nock Apr 11 2010 at 21:27

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

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