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

    Лого HabrahabrДумаю многим понадобились иконки для habrahabr.ru, но не все могут их сделать, пожтому решил сделать иконки (не сложные) в стиле Web 2.0. Думаю, плеваться не будете ;) Делал по примерам иконок YouTube, Twitter и Feed (RSS).

    А теперь и сами иконки размером 128×128, 64×64, 32×32 и 16×16 ( думаю сами поймете где что).

    128х12864х6432х3216х16

    UPD:image (Строго по-середине)
    UPD1:image (с лого + темный фон)
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 73

      +7
      хабр ассоциируется с запутанным пучком (я про лого).
        +1
        у меня иконки схожи с фавиконом, да и Веб 2 0
          0
          иконка веб-2.0 — это как?
            +5
            Округлости и всякое стекло и выпуклости в графике
              –1
              А как это все взаимосвязано с вебом?
                +5
                Это было связано, но умерло давным-давно.
                –3
                Округлости и стекло это скорее Vista-style. Сейчас в моде letterpress.
                  +1
                  прошу, почитайте на вики о Web2.0 (ссылка ниже)
                    0
                    «Однако однообразие таких сайтов явно и в последнее время считается, графический облик классического дизайна веб 2.0, устаревшим и не креативным.»

                    оттуда
                      0
                      в основном используются-то иконки веб2.0
                    0
                    Скорее iPhone-style — абсолютно все значки в iPhone OS округлые, большинство из них с выпуклостями в графике.
                      –3
                      У iPhone Style есть обводка серебряная, если делать без нее, то похоже. Осталось написать софтину под айфон и все :)
                        +1
                        Какую софтину? Какая серебрянная обводка? Это обычные иконки веб-страниц для iPhone, сохранённые на рабочем столе моего iPhone в виде закладок. Я по сути просто сделал их скриншот.
                          –2
                          Софтину хабра — типо функционал весь и тому подобное. А про обводку, вокруг приложений (в основном игр) присутствует серая обводка.
                            +1
                            Ну софтина не помешала бы — например, страница хабра с большим количеством комментариев на iPhone порядочно тормозит. Но это уже совсем другая тематика, не относящаяся к данному топику.
                  0
                  Видимо — квадратик, блик и тенющечка.
                  Хотя я всегда считал, что вебдваноль это больше к интерфейсам относится и к принципам подачи контента.
                    +1
                      0
                      Хм. значит мои представления были не полными. Прошу прощения
              +3
              «Думаю многим понадобились иконки для habrahabr.ru»
              o_0 зачем?
                +1
                для сайтов/блогов думаю нужны
                  0
                  А конкретнее? Тоже интересно.
                    0
                    допустим, чтобы показать людям, что ты присутствуешь на хабре и дать ссылку на свой профайл
                      0
                      Разве правильно для таких целей использовать значок, который посетитель до этого не видел? Лучше уж стандартная иконка: image
                +7
                Почему то мне эти иконки напоминают Вконтакте :/
                  0
                  Цветовая гамма схожа, но градиент я делал из лого.
                  +1
                  На крайней слева иконке буква Н не строго по-середине стоит, справа больше места чем слева.
                    0
                    да, знаю… Думаю, не критично.
                      +3
                      критично, а поправить наверняка несложно
                        +2
                        исправил
                          0
                          =) теперь справа меньше места чем слева
                    +3
                      0
                      нада лого беленьким сделать, края скруглить, добавить блик и тени, вот тогда будет конфетка =)
                        –2
                        типа так?
                          +13
                          Беру свои слова обратно =)
                          0
                          Ух! я испугался.
                        0
                        мне вангеров напомнило почему-то
                        +3
                        Вот ни разу не подумаю что это хабр, увидев иконку на другом сайте.
                          0
                          Кстати, поставьте иконку на чёрный фон, найдёте багу.
                            0
                            в png+все лишнее обрезано. Покажите
                              0
                              Заметил в UPD исправил, прошу прощения
                                0
                                В первых иконках та же бага. Хотя не вооружённым глазом она не так заметна, но взяв пипетку мы видим цвет 1a1a1a.
                                  +1
                                  В первых я знаю. Изменю сейчас…
                            +1

                            ?
                              –2
                              Исправил первые иконки, теперь везде по-середине и нет бага
                                –1
                                так?
                                  –6
                                  что симпотичней?
                                    +4
                                    Правый
                                      +7
                                      да блин, симпатичней правый
                                        –2
                                        Извините, симпатичный. Возможно, но если доработать левую?
                                          +6
                                          Доработать до правого?

                                          тут без вариантов…
                                            +3
                                            зачем дорабатывать то, что плохо, года есть хороший, устоявшийся, узнаваемый правый, которому никакой рестайлинг не нужен?
                                              –3
                                              А вам он не кажется слишком простым?
                                                +8
                                                А он таковым и должен быть
                                                  0
                                                  Порой не нужно изобретать велосипед. Простота, при грамотном исполнении, красива сама по себе.
                                            +1
                                            Правый. При таких размерах скруглений не видно почти, а буква «Н» нечитаема. Тень под иконкой превратилась в грязь. Избавясь от скруглений и увеличив букву получим тот-же фавикон, но с подложкой другого цвета
                                            +1
                                            Долой глянец! Требую матовых кнопок
                                              –1
                                              кнопки можно сделать так: со стилем :hover И на 1 картинке сделать градиент и инверсию, при наводке — инверсия. Думаю красиво, да и без глянца
                                              –8
                                              Спасибо за иконки, как показала практика иконки хабра тяжело найти. А тут уже все готовое.
                                                –1
                                                Зачёт!
                                                Спасибо.
                                                  +2
                                                  Никак не пойму зачем использовать иконки разных стилей. Лучше бы под какой-нибудь набор иконок стилизовал.

                                                  Вот так, например. Иконка хабра стилизована под весь набор (если честно там из набора только иконка твиттера :D ), если кто хочет — можете выдрать из спрайта иконку, я не обижусь, только авторство не присваивайте.
                                                    –5
                                                    думаю, мой блог знаешь, посмотри, там все под 1 стиль
                                                      0
                                                      Там набор в который твоя иконка не вписывается совсем. Но давай не будем на хабре обсуждать иконки твоего блога, а?
                                                        –3
                                                        Ну тогда не надо было о своих иконках говорить, да и я бы не стал. Вопрос закрыт.
                                                    +1
                                                    У вас потерялась пропорция буквы H. Если делать, тогда уж как-то так:

                                                    Ну и под каждый размер не ленитесь перерисовать эти 3 черточки, некрасиво размыто же.
                                                      0
                                                      Ок, переделаю и добавлю в upd2
                                                        0
                                                        Чего у вас, дизайнеров, глазомер так хромает. Мало того что по горизонтали не по центру, так и по вертикали.
                                                          0
                                                          Там нужно пошире. Я уже понял.
                                                            0
                                                            Если это мне адресовано, то я проверил — горизонтально все как надо, только на пол пикселя вправо шире, вертикально на 3 ниже, но это уж извините, не сильно старался, каюсь, хотел просто размер буквы показать.
                                                              0
                                                              'все как надо, только...'
                                                              Когда тольки не будет, станет как надо. Пиксель неделим, а в таком дизайне надо чтобы все было точно и ровно.
                                                                0
                                                                Да я не спорю ) Если бы у меня была задача сделать сет иконок для хабра, я бы делал например так:


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

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

                                                        Самое читаемое