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 комментарий твитнуть  boeing, emirates, авиакомпания, логотип, приём, самолёт, транспорт, фирменный стиль

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

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

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