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

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

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

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

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

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

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

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

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

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

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

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

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

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

gfgfg:

تبلیغات اینترنتی

وبلاگ دهی

gfgfg:

http://www.poplove.ir/
http://poplove.ir/publication/
http://poplove.ir/category/ا%D…
http://poplove.ir/ads/
http://bit.ly/3ruzblog
http://bit.ly/2qQB5B0
http://bit.ly/2poWroF
http://bit.ly/2qH3WLo
http://bit.ly/2pR3j0v
http://bit.ly/2qGvUae
http://bit.ly/2paJmmD
http://coads.myfablog.ir/
http://myfablog.ir/
http://ruzblog.com/link
http://www.ruzblog.com/
http://coads.ruzblog.com/
http://www.ironiblog.ir/
http://ironiblog.ir/
http://news.ironiblog.ir/
http://coads.ironiblog.ir/
http://ruzfa.ir/
http://coads.blog90.ir/
http://blog90.ir/
http://chatghoghnoos.ruzblog.com/
http://salardanlod.ruzfa.ir/
http://pardiswebc.ruzfa.ir/
http://link.blog90.ir/
http://link.ruzblog.com/
http://backlink.ruzblog.com/
http://goodmorningtextmessages.ruzb
http://facenama.ruzblog.com/
http://salardanlod.ruzfa.ir/post/14
http://salardanlod.ruzfa.ir/post/10
http://facebookcom.ir/
http://persian-nod.ir/
http://omidfars.ir/
http://asemane-shahr.ir/
http://chatfarsi.ir/
http://7musics.ir/
http://blogrss.ir/
http://bit.ly/2pjYSMW
http://bit.ly/2oVFgvA
http://bit.ly/2o9iYsU
http://bit.ly/2pWVzav
http://bit.ly/2pIcoa3
http://bit.ly/2o97C8b
http://bit.ly/2oPxODB
http://bit.ly/2pIH4e5
http://bit.ly/2qbUXlN
http://bit.ly/2phisYX
http://bit.ly/2pIcoa3
http://aww.su/CgahJ
http://www.doshort.com/59YS
https://is.gd/LVSsFz
http://aww.su/rqjBg
http://bit.ly/2pJwp36
http://url.3156.bz/ruz
http://bit.ly/2oTDjhl
http://clkmein.com/qOO5SL
https://tinyurl.com/k3sx5v8
http://preview.tinyurl.com/k3sx5v8
http://tiny.cc/aaquky
http://tiny.cc/kbquky
http://bit.ly/2qh0eIq
http://bit.ly/2pIH4e5
http://url.3156.bz/3g
http://url.3156.bz/ruzblogcom
http://bitly.com/2pIcoa3
http://5337.pw/ruz
http://ow.ly/E7bk30bifNq
http://fc.cx/8dd8j
http://ow.ly/pLCE30big4i
http://bit.ly/2qqACFt
http://bit.ly/2qgBf7L
http://bit.ly/2qbaFxd
http://bit.ly/2qqGcYi
http://bit.ly/2oWDrh9
http://bit.ly/2ruzblog
http://bit.ly/2pl46El
http://bit.ly/2qjLghY
http://bit.ly/2qqIN4y
http://bit.ly/2oTwzAf
http://bit.ly/ruzblog
http://bit.ly/2qqAeGM
http://bit.ly/2qbaRMY
http://fc.cx/8dd7x
http://bit.ly/2pWVzav
http://5337.pw/ruz
http://c.or.at/ruz
http://bit.ly/2qqHZN1
http://bit.ly/2pNbNpG
https://goo.gl/TstttW
http://goo.gl/CGZvsa



© 2017

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

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