📅 7 декабря 2015
bg.nencom.com
Версии сайта для телефона, планшета и обычного компьютераРазделение версий
В процессе вёрстки возник вопрос: как оптимальнее всего обозначить границы для переключения версий? К чему привязаться: к размеру экрана или к назначению устройства? В итоге привязались к назначению, исходя из этого подобрали подходящие граничные значения в пикселях.
Мы решили, что планшет — даже если он большой — это всё тот же планшет, которым управляют жестами и читают, как книгу или журнал. Поэтому на вертикальном планшете отображается самая простая «мобильная версия» (такая же, как на телефонах), а в горизонтальной ориентации — промежуточная «планшетная версия».
▼ Читать дальше
📅 18 ноября 2011
Когда-то давно мы все дружно пересели на квип (qip). Он был настолько хорош, что ему даже прощались периодические конфликты с icq-сетью. Потом в квипе появилась собственная регистрация, и из-за этого путаница в аккаунтах. Мой логин выглядел как 47748654-2, и мне совершенно не нравилось, что он не совпадает с номером аськи. Последней каплей для меня стало то, что в квипе появился баннер. В итоге при перестановке винды я полез на сайт icq. В новой версии аськи после тонкой настройки меня всё устраивает. Только вот иконка по-прежнему ужасно смотрится в мелком варианте. Сравните новую иконку и ту, что я сам нарисовал:
Оригинальная иконка ICQ вся размазывается
Если кому-то нужна моя иконка (16×16), скачивайте: icq.ico.
📅 23 октября 2011
Любую фавиконку можно нарисовать в Paint’е: берём лупу ×8 и рисуем точечки, как в мозаике. Но такие удобные инструменты, как наложение градиента, произвольная прозрачность — в Paint’е недоступны. Поэтому лучше использовать фотошоп 😃
Вот весь процесс:
Плашка
Градиент
Две лапы готовы
То, на чём сидит мишка
Вот такие руки
Правая лапа
Руки готовы
Голова
Рисуем ремень
Тень и носик
Сочный градиент
Обводка головы
Итоговая версия фавиконкиПеречислю основные средства фотошопа, которые нам понадобятся, чтобы во время рисования не было вопросов. Это пипетка, карандаш, стирательная резинка, выделение (прямоугольное и овальное), работа со слоями (создать слой, изменить порядок) и задание степени эффекта в процентах (будь то карандаш, ластик или прозрачность слоя).
Задача
Нужно заново отрисовать логотип Автодетей —
Мишка на оранжевой плашке— в размере 16 на 16 пикселей.
▼ Читать дальше
📅 21 октября 2011
Как рисовать фавиконку? Покажу на реальном примере.
Старая фавиконка
На старой фавиконке, прослужившей верой и правдой несколько лет, красовались дети:
Старая фавиконка (девочка постарше и мальчик помладше). Иконка на момент создания соответствовала тематике сайта.
Старая фавиконка была получена простым уменьшением знака «Осторожно, дети!» до размера 16×16 пикселей и раскрашиванием в фирменные цвета: серый и оранжевый.
Процесс создания предыдущей версии фавиконки▼ Читать дальше
📅 5 октября 2011
В этом посте собраны фавиконки старого образца (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
|
▼ Читать дальше