Команда издания запустила «в бой» полностью обновленный сайт, над которым они работали последние 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
Можно задать несколько цветов, настроить угол градиента, угол и скорость анимации. Код совместим со всеми основными браузерными движками. gradient-animator.com
Небольшая библиотека для анимации текста (css и java script). Можно использовать, например, для обозначения обратной связи на сайте. Ну или просто для забавных эффектов. Демонстрация: www.stilllife.studio/txtwav Исходники: github.com/still-life-studios/
Элегантное обозначение обратной связи без лишних модальных окон и оверлеев. По ссылке это решение представлено в 18 разных стилях. Интерактивная демонстрация: tympanus.net/Development/ProgressButtonStyles Статья и исходники: tympanus.net/codrops/2013/12/12/progress-button-styles Скачать: ProgressButtonStyles.zip
1. https://plumewifi.com 2. http://www.beoplay.com/products/beoplayh5 3. https://sonikpass.com 4. http://locolo.me 5. http://tedxwestvancouvered.com
Команда из трех римских дизайнеров по заказу Совета Министров Италии разработала фирменный стиль, сайт и приложение программы «18 is You». Программа направлена на продвижение культуры среди молодежи. С 2016 года каждый итальянец, которому исполняется 18, получает специальную карту на 500 евро. Деньги можно потратить на книги, кино, концерты, выставки и другие культурные услуги. Молодые люди […]
1. Ableton Loop — loop.ableton.com/2016 2. Fake Music — fakemusic.fr 3. Monday Music — poigneedemainvirile.com 4. Revelator — revelator.com 5. Sound of Change — sound-of-change.com 6. Spotify Year in Music — yearinmusic.spotify.com 7. Apple Music — apple.com/ru/music 8. Music Bed — musicbed.com 9. Glaubber Music — glaubbermusic.com журнал Losko Magazine специально для Awdee
Это часть курса ребят из Тильды «Дизайн в цифровой среде». В статье рассматриваются физиологические аспекты взаимодействия человека с графическим интерфейсом. Правило 7±2, геометрическая память, группировка объектов, контрасты формы, цвета, размера и движения, особенности процесса чтения. Очень наглядно и полезно. http://tilda.education/courses/web-design/psychophysiology/
1. The Rivalry — therivalry.co 2. Finesse Design Atelier —finesseatelier.com 3. Poignée de main virile — poigneedemainvirile.com 4. Redoctober Industrie — redoctober.com 5. OVER TIJD — overtijd.be/nl 6. M&C Saatchi Worldwide — mcsaatchi.com 7. Advanced Urban Design — advancedurbandesign.com 8. Curaterz — curaterz.fr 9. One Hundred East Fifty Third Street — 100e53.com журнал Losko Magazine […]
1. Maria/Maleta — mariamaleta.com 2. ALLT — allt.sk 3. Triner. Type&Face — triner.de/type-face 4. 1961 — 1961.today 5. Benvigut Bisgràfic Barcelona — bbb.cat 6. OUUR — ouurmedia.com 7. Pitchfork — pitchfork.com 8. Andrea Brugi — andreabrugi.com 9. Romlaboratoriet AS — romlab.no
Огромный бесплатный UI-набор, состоящий из 90 слайдов и 15 шаблонов. Для Sketch и Photoshop. Скачать бесплатно: designmodo.com/slides/resources
Пытаясь спроектировать классное взаимодействие, можно застрять в экспериментах со шрифтами, цветами, потоками, содержанием и так далее. Но есть компонент, с помощью которого легко порадовать пользователей. Возможно, это именно то, что вы искали. Продолжить чтение
Сегодня Эдварду Тафти исполняется 74. Этот американский статистик известен своими книгами по информационному дизайну, они входят во многие списки рекомендованных дизайнерам книг. Например, его книги считают обязательными для прочтения Артём Горбунов и Артемий Лебедев. По этому случаю хочу поделиться ссылкой на небольшой CSS-фреймворк Tufte CSS. Он не преследует своей целью повторить оформление книг Тафти, но […]