6 заметок с меткой favicon

Адаптивная вёрстка для NENCOM

bg.nencom.com

Версии сайта для телефона, планшета и обычного компьютераВерсии сайта для телефона, планшета и обычного компьютера

Разделение версий

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

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

▼ Читать дальше

Сайт ОБАРИ-Россия

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

Международная версия сайта — oubari-group.com — довольно своеобразна и не отвечает современным требованиям, именно поэтому для России было принято решение сделать отдельный сайт.

oubari-russia.ru

Главная страницаГлавная страница

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

▼ Читать дальше

Иконка ICQ

Когда-то давно мы все дружно пересели на квип (qip). Он был настолько хорош, что ему даже прощались периодические конфликты с icq-сетью. Потом в квипе появилась собственная регистрация, и из-за этого путаница в аккаунтах. Мой логин выглядел как 47748654-2, и мне совершенно не нравилось, что он не совпадает с номером аськи. Последней каплей для меня стало то, что в квипе появился баннер. В итоге при перестановке винды я полез на сайт icq. В новой версии аськи после тонкой настройки меня всё устраивает. Только вот иконка по-прежнему ужасно смотрится в мелком варианте. Сравните новую иконку и ту, что я сам нарисовал:

Оригинальная иконка ICQ вся размазываетсяОригинальная иконка ICQ вся размазывается

Если кому-то нужна моя иконка (16×16), скачивайте: icq.ico.

Как создавалась фавиконка для «Автодетей» (часть 2)

Любую фавиконку можно нарисовать в Paint’е: берём лупу ×8 и рисуем точечки, как в мозаике. Но такие удобные инструменты, как наложение градиента, произвольная прозрачность — в Paint’е недоступны. Поэтому лучше использовать фотошоп :)

Вот весь процесс:

ПлашкаГрадиентДве лапы готовыТо, на чём сидит мишкаВот такие рукиПравая лапаРуки готовыГоловаРисуем ременьТень и носикСочный градиентОбводка головыИтоговая версия фавиконки

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

Задача

Нужно заново отрисовать логотип Автодетей —

Мишка на оранжевой плашкеМишка на оранжевой плашке

— в размере 16 на 16 пикселей.

▼ Читать дальше

Как создавалась фавиконка для «Автодетей» (часть 1)

Как рисовать фавиконку? Покажу на реальном примере.

Старая фавиконка

На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети: Старая фавиконка (девочка постарше и мальчик помладше). Иконка на момент создания соответствовала тематике сайта.

Старая фавиконка была получена простым уменьшением знака «Осторожно, дети!» до размера 16×16 пикселей и раскрашиванием в фирменные цвета: серый и оранжевый.

Процесс создания предыдущей версии фавиконкиПроцесс создания предыдущей версии фавиконки

▼ Читать дальше

Фавиконки (favicon)

В этом посте собраны годные фавиконки старого образца (16×16 точек) за моим авторством:

  • astronel
  • avtodeti
  • avtodeti_v2
  • biobran
  • cs-fashion
  • cyberface
  • diaclub
  • dominus
  • ekofriend
  • nencom_v2
  • fitnes-marfino_v2
  • fnxp
  • gbip_v2
  • plunix
  • gdwl_v2
  • gpft
  • reaktivy
  • kupaemsa
  • mklider
  • naholste
  • nikermann
  • ofgp
  • packland
  • pajeroservice
  • proproduction
  • rainbow_v2
  • ranforce
  • rukodelnitsy
  • tfmarket
  • senpolia-nn
  • vishenka
  • vodalux
  • xumuk
  • avtodostavka
  • besson
  • camelot
  • ejonok
  • fotogravika
  • sanclinic
  • icq
  • sisibol
  • stinnol

▼ Читать дальше

Заметки:← старее
Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2004...2017