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

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

РСС

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

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

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

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

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

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

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

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

http://

Детали описаны в одиннадцатистраничной публикации, бесплатно доступной для всех интересующихся:
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 комментарий твитнуть  видео, информационный дизайн, карбюратор, карта, Обмани меня, приём, сериал, СССР, техническая иллюстрация

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

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

http://

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 И у Тафти в первой книге кубики так подписывались.

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

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

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

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

http://

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

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

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

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

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



© 2018

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

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