24 заметки с тегом

веб

Шрифтовые логотипы в вебе

На Ретине хорошо выглядит вектор, фотографии и графика, увеличенная в три раза. Готовя графику для сайта, рассчитанного под Ретину, чаще все элементы просто сохраняют в растре с высоким разрешением.

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

Яндекс может просто впечатывать названия продуктов фирменным шрифтом.

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

В целом всё по стандартам триза «сделать статическое динамическим» (или постоянное — переменным) и «сделать неуправляемое управляемым» (другой пример применения стандарта). Кернить, менять цвет, подчёркивание, кегль и интерлиньяж — одно удовольствие.

Для примера наш логотип:

Процедура в три шага:

  1. Оупен-тайп собрал в приложении Glyphs (кстати, поделитесь простыми шрифтовыми редакторами в комментариях). Скопировал и вставил объекты из Иллюстратора плюс минимально настроил.
  2. Из полученного Оупен‑тайпа сгенерировал набор шрифтов для веба на Font Squirrel.
  3. Добавил набор на сайт.

Что скажете? :-)

Путешествия

Сделали страничку

kipo.name/travel

Здесь показаны, города, о которых нам есть что рассказать и показать.

Если о городе написано больше одной заметки, ссылка ведёт на одноимённый тег.

2013   веб   Земля   мы сделали

«Дело в сайте» прощай

В феврале этого года мы завершили сотрудничество с интернет-агентством «Дело в сайте».

За полтора года сделано 4 проекта и много сопутствующих задач. Это были интересные проекты, главным их плюсом было погружение в вопрос интернет-магазинов.

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

Предварительных договорённостей у нас не было, поэтому мы публикуем работы в полном объёме.

На нашем сайте проектов, заказанных «Делом в сайте» не будет, но они есть в портфолио на Ревижене: Тачес, Биг-бонус, Клобер и Балтик супер тревл.

Домен для проекта

Мы продаём домен, чтобы сообщить об этом мы сделали яркую страничку —

trendom.ru

Перепосты и ссылки приветствуются, должна же информация добраться до ищущих.

2013   веб   вёрстка   домен   продажа

Открыли сайт и ищем разработчиков

Друзья, мы сделали сайт с нашим портфолио — kipo.name. У него нет системы администрирования, он на голом ХТМЛ. Это не круто, но на большее ни времени, ни умений не хватило. В ближайший месяц на сайте будут появляться работы этого года.

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

Мы ищем разработчика, с которым можно сотрудничать на проектной основе и по ФФФ. Задачи есть наши (сайт, блог) и клиентские проекты. Мы не берём комиссионных, но курируем проекты полностью (наш дизайн — наша ответственность). Это удобно, если нет желания общаться с разными людьми не всегда близкими к теме. Пишите на hi@kipo.name и расскажите друзьям.

Китайский чай и новости «Чаши тепла»

В 2011 мы начали работать над проектом «Чаша тепла». До этого мы предпочитали чай кофе и не жаловали пакетики. Основатель компании Дима Шацких увлёк нас темой китайских чаёв и наше предпочтение переросло в страсть. Теперь мы знаем, как сильно бодрит, тонизирует и вставляет хороший и правильно заваренный китайский чай (вот почему они так работают :) Теперь чай в приличном ресторане похож на пакетированный (даже, если листовой), а европейская культура чаепития на фастфуд.

Рекомендуем. Чаи «Чаши тепла» дороже, чем непакетированные из магазина, но дешевле, чем развесные из чайных лавок.

Сейчас идёт работа над третьей версией упаковки: первая прошла без нашего участия, на текущей выявляем ошибки. Изображение наносится на коробку печатями, так экономятся ресурсы и добавляется шарм.

Пока разрабатывается удобный интернет-магазин, на волне моего изучения ХТМЛ появилась страничка-визитка — chasha-tepla.ru

2013   веб   вёрстка   домен   продажа

История про дипломный проект

В октябре 2011 я написал письмо Артёму Горбунову о моём дипломном проекте:
Здравствуйте, Артём!

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

Мне показалось, что для «Советов» объём картинок слишком большой.
Артём ответил следующее:
Вы могли бы прислать в Советы пару самых важных картинок в увеличенном виде (желательно сразу на 700 в ширину) и дать ссылку на полный набор.

Да и на ревиженовской странице ничего нельзя прочитать.
Тогда я застеснялся публичного разбора полётов и неумения выложить картинку в сети и дать на неё ссылку. Я ничего не ответил. Но заноза о разметке и размещении страниц в вебе осталась. За что большое спасибо, Артёму!

Прошло всего 15 месяцев и появилась моя первая ХТМЛ-страничка. Потратил я на это около 10-14 дней, но, увы, не за раз.

Встречайте:
kipo.name/citydogs

Если среди наших читателей есть верстальщики, технологи или фронтендщики, которым не лень указать на лажу, будем признательны.
2013   веб   вёрстка   мы сделали

Лукрум

В декабре 2011 мы начали работу над мебельным интернет-магазином для дизайнеров интерьера. Основными фишками магазина должны были стать некрупные предметы (стулья, столы, свет и аксессуары), стиль, актуальность, именитость авторов мебели и конкурентные цены. Проект так и не запустился, и у нас остались интересные картинки, которые смотрятся хорошо и в 2012-м.

Всё началось с названия. Мы предложили четыре варианта (по два на английском и русском языках):



Победил «Lookroom». Затем сделали два варианта логотипа:



Остановились на «очкастом». Клиент сомневался, хочел посмотреть, как логотип будет выглядеть на сайте с графической частью, без неё и с её уменьшенным вариантом. Перешли к сайту: на главной — сразу каталог с фильтром, «бесконечная резина» и много-много белого. Поняли, что большой знак не нужен — он съедает место в шапке и спорит с выразительными пиктограммами меню — сделали минивариант с домиком-зрачком. Клиент рад — сомнения развеялись.



Комментарии: нужно упростить шапку графически, уменьшить количество разнородных элементов и выравниваний.


Главная (1024 и 1920 пикселей по ширине)


Выпадающее меню и детали при наведении на объект


«Всплывашка» с контактной информацией

Теперь хорошо.

Отдельно хочу показать переключалку сортировки — она получилась супер-отмороженной. У меня ушло секунд 30, что бы вспомнить что к чему. Но на неё точно бы все нажимали, точно бы поняли и точно бы запомнили — сайт-то для дизайнеров :)



Проект остановился после утверждения главной.
Ctrl + ↓ Ранее