Новый, но уже полезный сайт с примерами хорошего дизайна сайтов. Отличается от остальных коллекций тем, что сайты порезаны на куски и рассортированы по категориям: навигация, шапки, подвалы, отзывы, цены, CTA, вопросы. Продолжить чтение
Это расширение, по сути, удобный интерфейс стандартного инспектора. Позволяет смотреть полную информацию о любом элементе, параметры типографики и цветовые схемы. Можно менять любой текст, цвета и любые другие параметры. И, конечно, экспортировать изображения.
Продолжить чтение
Андрей Медведев написал конспект курса Ильи Бирмана. Конспект очень толковый — самая суть, с иллюстрациями и ссылками на сопутствующие материалы. Правда, написана только одна из двух частей конспекта. Всё равно стоит почитать: medvedism.ru/blog/all/birman-ui-and-datavis-course-1
На случай, если вы пропустили, есть аналогичная подборка про форму ввода телефонного номера: vk.com/wall-36209322_53763 Скачать: volume9.png
Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур.
Продолжить чтение
Полезный бесплатны скрипт Александра Беспоясова для сайтов, который выстраивает блоки в ряд, добавляет якоря и скроллбар. scroller.bespoyasov.ru
Ещё один классный инструмент для проектирования системы типографики на вебе. archetypeapp.com
Да, заголовок у статьи желтушный. Прямо ждешь, что во втором абзаце тебе начнут продавать тренинг, как стать успешным веб-дизайнером за неделю. Но содержание, к счастью, толковое. Стоит внимательно прочесть начинающим и быстро пробежать опытным. Первые узнают все основные составляющие эффективного сайта, вторые наверняка найдут пару-тройку дельных приемов в свою копилку. https://goo.gl/YR6Yeb
Новый инструмент для удобного проектирования модульной системы экранной типографики с гармоничным вертикальным ритмом. По сути, является аналогом сервиса Gridlover.net, но с расширенными настройками. В дополнение ко всему, что есть в Гридловере, тут можно тонко настроить множители заголовков и отступы от них. Больше не придется допиливать систему руками. И ещё есть выбор из пяти популярных гарнитур. […]
Можно смотреть стили любого элемента, сразу видеть всю цветовую палитру сайта, в одном месте собраны все картинки. Очень удобно, отличная замена стандартному инспектору. Работает в браузерах, поддерживающих расширения для Хрома. https://csspeeper.com
1. APPAREIL architecture — appareilarchitecture.com 2. Studiomama — studiomama.com 3. Cobe Architecture — cobe.dk 4. X ARCHITEKTEN — xarchitekten.at 5. Stinessen Arkitektur — snorrestinessen.com 6. Héloïse Thibodeau Architecte — htarchitecte.com 7. Ghafari Associates — ghafari.com 8. Dallas–Pierce–Quintero — d-p-q.uk 9. KIRKOR — kirkorarchitects.com
Знак и стиль разработали в агентстве ONY. Вот, что пишет команда о своей работе: «Третьяковская галерея — самая известная и любимая коллекция в России, наследие за тысячу лет. Сегодня галерея развивается, становится ближе к людям, из формата классического музея преобразуется в современное, актуальное пространство, наполненное множеством разнообразных активностей. Для разработки образа, который объединит весь музейный […]
Команда издания запустила «в бой» полностью обновленный сайт, над которым они работали последние 18 месяцев. Изменился не только внешний вид, но и программная часть. Теперь у сайта, по сути, нет бэкенда и он работает как progressive web app. Вордпресса внутри больше нет, а весь контент хранится в виде Маркдаун-файлов, которые специальные скрипты преобразуют в статичный […]
1. Talkjs — talkjs.com 2. Nuageapp — nuageapp.com 3. Lingoapp — lingoapp.com 4. Coach — withcoach.com 5. Slack Enterprise — slack.com/enterprise 6. Newton by Cloudmagic — cloudmagic.com 7. Stripe Radar — stripe.com/radar Скачать: talkjs.jpg Скачать: nuage.jpg Скачать: lingoapp.jpg Скачать: coach.jpg Скачать: Slack-Enterprise.jpeg Скачать: Newton.jpg Скачать: Stripe-Radar.jpg
1. web.nike.com/xp/sbdunk/index.html — сайт про скейтерскую серию кроссовок Найки делает «Олли» при скролле; 2. simonsweeney.me — круговой скролл на сайте ирландского дизайнера и разработчика Саймона Суини; 3. http://bong.international — хватайте и тащите; 4. yokoland.com — на сайте норвежской дизайн-студии мжно рисовать неожиданными кистями; 5. topotopo.io — трехмерная модель любого места в мире.
Я вчера включил этот кейс в дайджест, но он настолько классный, что я не удержусь продублировать его здесь. В канадском отделении Leo Burnett разработали стиль и сайт большой типографии, известной широким спектром технологий печати и постпечатной обработки. Чтобы это показать, в агентстве сделали много версий логотипа, «напечатанных» разными способами на разных материалах. Но самая крутота […]
Это перевод двух частей статьи Джереми Франка (Jeremy Frank) Responsive Logos. Часть 1, Часть 2.
Я заметил, что когда дело доходит до адаптивного дизайна, логотипы зачастую используются не лучшим образом. В большинстве случаев логотип просто сжимается настолько, насколько это необходимо, чтобы заполнить отведенное ему пространство на странице. Продолжить чтение
Адоби внедряет формат Оупентайп-СВГ (OpenType-SVG). Это обычный Оупентайп, в котором глифы могут заменяются на СВГ-варианты самих себя. Таким образом можно каждый знак красить в несколько цветов, делать градиенты. Пока что это работает в только в Фаерфоксе версий 26+ и Эдже версий 38+, но ожидается, что остальные тоже подтянутся. Формат обратно-совместим с Оупентайпом, поэтому в браузерах […]
material.io/resizer
