Дизайн@

Создатели умной банковской карты «Пластик-кард» сделали эмоциональный проморолик. Как будто разговаривают друзья.

http://

Понравился приём «Представь, что ты пошёл в магазин. Что бы ты купил? Нет, свитер слишком банально. Давай ты купишь смарт-часы».

Эмоции: «За баром стоял симпатичный бариста. Наверное, бывшая модель. Надо было взять у него телефончик».

Интересный ход со временем: «Потом я вернулась в кафе, мне вернули карту, снова этот бариста, взяла у него телефон, — и тут мы встретились с тобой. А потом мы пойдём в новый ресторан…»

В «Гардиане» сделали замечательную инфографику истории развития гражданской авиации за 100 лет:
http://www.theguardian.com/…/2014/aviation-100-years

Обратите внимание на интерактивные элементы анимации в четырёх роликах.

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

Сооснователь сайта знакомств «Окей кьюпид» Кристиан Реддер выпустил книгу о поведении пользователей с точки зрения статистики.

«Цукерберг позвонит» опубликовал выдержки: http://siliconrus.com/2014/09/dataclysm/

Пример анализа: какого возраста мужчины нравятся женщинам в зависимости от возраста. И наоборот: какие женщины — мужчинам. Видно, что женщины сначала любят мужчин чуть постарше, потом — чуть помоложе. А мужчинам всегда нравятся двадцатилетние.

В январе 2013-го года в сан-францискской студии «Фьюзпроджект» обновили логотип компании «Нивея».

Новая форма логотипа естественным образом перекочевала с Главного Синего Крема:

…на упаковку всех остальных продуктов:

Это пример гениального редизайна консервативного бренда: он незаметен аудитории, несмотря на серьёзные отличия от предыдущей формы:

Бонусом эволюция крышечек крема:

Проект на сайте студии: http://www.fuseproject.com/…/nivea/nivea/?focus=overview

И подробности в блоге «Бренд-нью»: http://www.underconsideration.com/…_rid_of_its_own_wrinkles.php

На сайте дизайнера Пола Рэнда приведён список рекомендуемой литературы, изначально опубликованный в книге «Из Ласко в Бруклин». Книги разбиты на категории об искусстве в целом, типографике, обществе, жизни художников, архитектуре, истории, геометрии и киноискусстве:
http://www.paul-rand.com/…suggestedReading/#.U-vUs4B_tI8

Книга «Из Ласко в Бруклин»: http://www.amazon.com/…-Paul-Rand/dp/0300066767

Гугль поделился с изданием «Зе Вёрдж» ранними прототипами часов на Андроиде. Можно отследить ход их мыслей и увидеть отброшенные варианты.

Ещё несколько картинок по ссылке: http://www.theverge.com/…-the-evolution-of-android-wear

Сегодня — лаконичные шведские графдизайнеры СДЛ.

Сайт студии: http://www.stockholmdesignlab.se/

См. также работу для Икеи: http://design.artgorbunov.ru/…-upakovki-ikei

С 1960-х до настоящего и будущего. От System/360 и печатной машинки до ноутбуков, планшетов и отсутствия мышей в будущем.

http://techpageone.dell.com/…-of-the-office

Сайт:
http://www.vangoghmuseum.nl/

Не так просто найти ссылку на коллекцию произведений, поэтому вот:
http://www.vangoghmuseum.nl/…/search/collection

Произведения даны в большом разрешении, можно скачать файлы себе, чтобы рассмотреть или повесить на рабочий стол. А ещё страницы многих картин содержат их подробные описания, например:
http://www.vangoghmuseum.nl/…/collection/s0094V1962

Пам и Дженни — студия графического дизайна из Брюсселя с бесконечным портфолио:
http://www.pametjenny.be

Дизайнер Медиума ищет идеальное подчёркивание ссылок и возможность его воплотить:
https://medium.com/…-on-medium-7c03a9274f9

В немецком Вернигероде нет одинаковых дверей. Некоторые из них:

http://

В этом видео 1990 года собраны интерфейсные элементы и способы управления, использовавшиеся в различных графических средах того времени. Некоторые из них сохранились до наших дней в неизменном виде. Другие не прошли проверку временем.

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

0:02:30 — Полосы прокрутки
0:12:59 — Клёвая фишка, когда скролбар толкает курсор
0:13:55 — Таскание лифта скроллбара с нажатым Альтом, оказывается, работает на Маке до сих пор
0:17:00 — Целая специальная рамочка возникает, которая показывает, куда тебя переместит скроллинг! Видимо, попытка обратной связи в ситуации, когда всё окно перерисовать не получается

0:17:16 — Меню
0:19:00 — Экран похож на осциллограф :-) А уже попап-меню показывает
0:20:20 — Курсор прыгает по меню сам, чтобы не надо было двигать. Интересно, почему все интерфейсы, двигающие курсор мыши за человека, не выжили
0:21:07 — Hamburger menu!
0:26:00 — Круглые меню
0:28:50 — Отрывные меню, превращающиеся в палитры
0:33:20 — Пункты меню по умолчанию и их предпросмотр
0:35:10 — Превращение меню в окно
0:39:35 — Клик в список опций с контролем и шифтом до сих работает именно так (на Маке вместо контроля комманд)

0:45:02 — Палитры

0:46:48 — Кнопки

0:54:22 — Радиокнопки
0:55:47 — Привычный вид
0:56:33 — Лаконичный способ отличить радиокнопки от чекбоксов через касание. Может быть актуально в эпоху флэт-дизайна

0:59:16 — Чекбоксы

1:01:14 — Выделение текста
1:05:47 — Оказывается, раньше выделенный текст не стирался, когда печатаешь

1:13:26 — Ввод
1:21:31 — Формы и диалоговые окна
1:30:05 — Выделение графических объектов
1:34:27 — Редактирование графических объектов
1:39:15 — Иконки и окна
1:47:24 — Управление окнами

Интерактивный дизайнер Роберт Линдстром показал концепт стола для настольного тенниса с экраном на столешнице.

http://cargocollective.com/…/Table-Tennis-2-0-2012

Графический дизайнер Джованни Тондини собрал подборку типичных логотипов «знак + слово».

Буквы в квадратиках:

Барчартик:

Домик:

Человек-дерево:

Звезда-радуга из человечков:

Остальные клише:
http://www.gtgraphics.org/….html

Вышли весёлые плакаты.

На Кинопоиске: http://www.kinopoisk.ru/…/696813/posters

Бразильская компания Трамонтино выпустила книгу, рекламирующую товары для приготовления чураско — бразильского барбекю. Каждая страница представляет собой необходимый аксессуар — в прямом смысле:

Джо Харрисон собрал страничку с логотипами известных брендов, меняющимися в зависимости от размера окна:

http://www.responsivelogos.co.uk

На сайте thisisdisplay.org собрана коллекция графического дизайна 1930–60-х годов, в том числе работы знаменитых «швейцарцев». Обложки журналов Stile Industria, Neue Grafik, Typographische Monatsblätter, Pagina, Ulm, рекламные материалы Geigy и Pirelli.

http://www.thisisdisplay.org/

Карл Дорш, Саураб Сингх, Абинав Гупта и другие исследователи из университета Карнеги Мелон провели кластерный компьютерный анализ геотаргетированных фотоснимков, чтобы выяснить, что делает Париж Парижом и что отличает его от других европейских городов:

Париж:

Лондон:

Аналогичные элементы в Париже, Праге и Лондоне:

Средний фасад:

Сайт проекта: http://graphics.cs.cmu.edu/…/whatMakesParis