Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

Приём: последовательное построение

Чтобы не лепить слишком много выносных элементов для модульной сетки, можно превратить схему в комикс — показать последовательные построения.

Приёмом активно пользуется Ганс Рудольф Босхард в книге «Типографическая сетка».

На иллюстрациях — схемы построения сетки телевизионного интерфейса плеера ББК.

нет комментариев твитнуть  графдизайн, вёрстка, информационный дизайн, приём, объяснение, hans rudolf bosshard

Упрощение восприятия рельефа местности на географических картах

Исследователи из Университета штата Орегон и французского института ИНРИА предлагают интересный способ помочь мозгу воспринимать рельеф на интерактивной карте. Суть метода заключается во временном превращении двухмерной плоскости в трёхмерную модель при изменении области просмотра.

С одной стороны, отображение рельефа при помощи теней или изолиний не полностью интуитивно, а также затратно (цвет и форма как визуальные переменные могут потребоваться под другие задачи). C другой стороны, трёхмерность и полная свобода выбора угла обзора подразумевает дополнительные способы взаимодействия и искажает пространство, поэтому подходит далеко не всегда. Предложенный метод дёшево и эффективно улучшает восприятие глубины, при этом не усложняет интерфейс и не требует смены привычек у пользователя.

Детали описаны в одиннадцатистраничной публикации, бесплатно доступной для всех интересующихся:
https://hal.archives-ouvertes.fr/…-SACLAY/hal-01105179v1

нет комментариев твитнуть  навигация, интерфейс, карты, приём, , трёхмерная графика, рельеф

Адаптивные логотипы

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

http://www.responsivelogos.co.uk

нет комментариев твитнуть  графдизайн, логотип, веб-дизайн, приём, резиновые сайты, Joe Harrison

Блок-схема звуков модема

Финский инженер Оона Райсанен составил чёткую блок-схему с описанием всех звуков, которые издаёт диалап-модем при установке соединения: http://windytan.blogspot.fi/…-sound-of-dialup-pictured.html

Cтатья на Хабрахабре с картинками и подробностями: http://habrahabr.ru/post/167927/

1 комментарий твитнуть  интерфейс, информационный дизайн, приём, звук, модем, Oona Räisänen

Обложка cингла NY Excuse группы Соулвакс

Вблизи виден только набор белых точек на чёрном фоне, а издалека проявляется название.

2 комментария твитнуть  графдизайн, музыка, приём, микро и макро, иллюзия, обложка, soulwax, растр

12 анимационных приёмов

http://the12principles.tumblr.com/
Квадратики как живые, а всё благодаря использованию разных смешных мультяшных приёмов. Надо пойти на сайт и посмотреть, а вот статичный кадр для привлечения внимания:

1 комментарий твитнуть  анимация, приём, мультфильм

Прозрачное окно видео

Окно рекламного видео делается прозрачным: в него вставляется картинка, соответствующая фону.

И у Яндекса скоро будет новый поиск.

http://beta.yandex.ru/

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

Как правильно делать ниспадающие меню

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

http://bjk5.com/…-down-amazons-mega-dropdown

1 комментарий твитнуть  интерфейс, веб-дизайн, приём, меню, ben kamens, Фиттс, Тогнаццини, V-зона

Ливрея на пузе самолёта

У авиакомпании «Эмираты» фирменная ливрея занимает и самолетное пузо.

Вот примерно так это выглядит на А380:

Вот ещё, но уже немного в профиль и на Боинге 777:

1 комментарий твитнуть  логотип, транспорт, самолёт, приём, авиакомпания, фирменный стиль, emirates, boeing

Навигация на сайте мюнхенского музея

На сайте одного мюнхенского музея любопытно организована навигация: большие страницы, по которым пользователь путешествует, двигая курсор. Описать довольно сложно, проще посмотреть:

http://www.kunstverein-muenchen.de

1 комментарий твитнуть  навигация, веб-дизайн, приём

Сканы жалобной книги

На сайте гостиницы «РМБМ» в резделе отзывов — настоящие сканы из жалобной книги и распечатки писем:

Сейчас там их целых 65 штук:
http://rmbmhotel.ru/otzivy

Классный способ сделать, чтобы тебе поверили.

нет комментариев твитнуть  отель, приём

Страница последнего шанса

37 сигналов уговаривают оставить акаунт на Хайрайзе, предлагая снизить тариф:

Заодно и страница-досвидос:

Ну и письмо для кучи (забавно, что перед удалением акаунта предупреждают, что сотрут всю информацию сразу и бесповоротно, а здесь предлагают одуматься):

1 комментарий твитнуть  дизайн продуктов и услуг, мотивация, приём, психология, 37signals

Советский инфографический фильм о работе карбюратора

Стрелки напомнили начало сериала «Обмани меня».

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

Нефтяные войны

Небольшой документально-познавательный фильм в нашей любимой инфографичной манере.

1 комментарий твитнуть  графдизайн, инфографика, типографика, дизайн, приём, фильм, моушн-дизайн

Эффекты ожидания

http://www.nytimes.com/…-in-line-is-torture.html?_r=1

Занятое время кажется кажется меньше времени ожидания.
Примеры: удлинение пути к ленте с багажом в аэропорте;
зеркала у лифтов в небоскрёбах.

Неизвестность психологически удлиняет ожидание.
Пример: Диснейленд преувеличивает время в очередях к аттракционам.

Воспоминания о времени ожидания в очереди зависят от эмоций в её конце.

Длинная быстрая очередь кажется короче короткой медленной.
Пример: Диснейленд пускает очереди змейкой и кругами.

В очереди обостряется чувство индивидуальной и коллективной справедливости.
Примеры: в почтовом отделении в Мэриленде клиента зарезали ножом по ошибке: решили, что он прошёл без очереди;
пролезающие без очереди сзади расстраивают не меньше, чем спереди.

«Полиочередь» к нескольким окошкам кажется менее справедливой, чем одна общая — чужая всегда идёт быстрее. Люди готовы ждать дольше в общей очереди.

Замечается только «обгон» чужой очереди, не своей (об аналогичном эффекте в автомобильном движении см. книгу «Трафик» Тома Вандербильта: http://www.amazon.com/…-What-Says-About/dp/0307277194

Ценность продукта оправдывает очередь.

нет комментариев твитнуть  навигация, интерфейс, мотивация, приём, психология, системы массового обслуживания

Правильно вытянутая шея

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

Обычная поза:

Поза с вытянутой шеей:

Обычная поза:

С вытянутой шеей:

Работает на снимках анфас и в три четверти.

Фотограф Питер Хёрли рассказывает подробнее:

1 комментарий твитнуть  приём, фотография, портрет, шея, подбородок, челюсть, фотогеничность, фотограф, peter hurley

404-я страница на сайте БФМ


http://www.bfm.ru/404/

2 комментария твитнуть  сайт, вёрстка, веб-дизайн, приём

Руслан:

И все же мне кажется куда лучше было бы разложить нормально карту сайта без попытки визуализации 404, хотя смотрится здорово.

Денис Братчук:

Увидев заголовок, не поверил глазам, так как для меня 404 страница сайта БФМ выглядит вот так: http://www.bluefountainmedia.com/404/ :)

Плакатная типографика «БГ» как пример общественно полезного дизайна

Свежий «Большой город» вышел на четверть в плакатном формате. Это отличный пример, когда дизайн (а в нашем случае, типографика) выполняет яркую утилитарную, общественно полезную функцию.
«13 обложек с конкретными требованиями, которые мы нарисовали, поговорив с городскими профессионалами и оглядевшись по сторонам, — они о необходимости перемен, о которых говорят люди, выходящие сейчас на улицы. Эти обложки — напоминания о том, что менять в России нужно многое, что дел — непочатый край,» — говорит главред «БГ» Филипп Дзядко. И как тут с ним не согласиться?
Весь номер целиком доступен на «Исью»: http://issuu.com/…&viewMode=doublePage

5 комментариев твитнуть  графдизайн, типографика, приём

Интересный способ размещения подписей к иллюстрациям

Конечно, искать подписи удобней было бы под камнями, но так… изящней, что ли :-)

2 комментария твитнуть  вёрстка, информационный дизайн, типографика, книги, приём

Николай Товеровский:

Интересный способ назвается естественным соответствием. См. Нормана (http://ksoftware.ya.ru/….xml?item_no=1964 И у Тафти в первой книге кубики так подписывались.

В данном случае есть возможность написать прямо снизу и это было бы гораздо правильнее.

Дмитрий Кравчик:

Общий заголовок я бы вынес наверх, над фото. Внизу он мешается.

Проектирование городов для холодного климата

Лекция датского архитектора Кристиана Вилладсена о том, как улучшать общественное пространство в городах (в частности, в городах с холодным климатом). Обратите внимание на множество любопытных приёмов, которые позволяют косвенным путём повлиять на поведение людей.

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

1 комментарий твитнуть  городская среда, архитектура, приём

Илья Харитонов:

Еще давным давно встречал этот видос у Тёмы в журнале, и даже перепостил себе. Очень познавательная лекция. Интересно, что бы они предложили для Сургута, с его зимними температурами ))



© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru