Дизайн

Француз собирает похожие кинопалакты:

http://christophecourtois.blogspot.co.nz/…/label/affiche

Отличная лекция от Брета Виктора с интереснейшими демо на темы программирования, дизайна, идей и принципов.

http://oldmapsonline.org/
Удобная выбиралка.

Кстати, карта на самом сайте очень хороша по цвету и по плотности.

Сделан в стокгольмской студии СДЛ: http://www.stockholmdesignlab.se/…/projects/ikea-2/identity

Остальные работы заслуживают внимания и изучения: http://www.stockholmdesignlab.se/…/projects

http://www.creativereview.co.uk/…-blog/2011/march/ikea-e-folder

http://mail.rambler.ru/promo/

Рамблер стал меняться, большинство его сервисов получило новые современные интерфейсы. Не без ошибок, но иногда на голову выше конкурентов. Анонсированный интерфейс почты тоже очень порадовал — это вроде бы первый в рунете веб-сервис, который использует привычные и проверенные метафоры Mail и Outlook.

Важное примечание: историческое сообщение об интерфейсе Рамблер-почты, которое вы сейчас читаете, размещено в блоге «Дизайн-собака» Бюро Горбунова 5 марта 2012 года. По каким-то причинам многие люди приняли его за официальную новость Рамблера, оставили и продолжают оставлять огромное количество недовольных комментариев.

В этом блоге публикуются любые заметные новости дизайна. Авторы «Собаки» не имеют отношения к дизайну предметов, о которых пишут.

http://www.mail.ru/new

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

Сразу бросается в глаза, что практически все ссылки не подчёркнуты — наверняка все причастные к Студии или Бюро закидают дизайнеров камнями. Но мне кажется, это здорово: картинка стала гораздо легче, тексты читаются лучше и да, без наведения понятно, какие элементы кликабельны.

Странно, что всё стало бледным, невозможно сразу однозначно сказать, какой элемент на странице главный, какой основной сценарий. Почта, поиск, новости, приложения? Похоже, ребята сами с этим не определились и решили немного «приглушить» всё, на старом сайте акценты расставлены лучше.

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

Это первое впечатление. В компании хорошая команда проектирования интерфейсов и очень интересно, куда они будут двигаться дальше.

Рейсы:

Питание на рейсах:

Цены:

Больше:
http://www.timetableimages.com/…/complete/lh58

Плакаты с Олимпийских игр с 1896 по 2012 г. собрали и каждый сопроводили любопытной информацией о соответствующей Олимпиаде:
http://www.colourlovers.com/…-branding-trends-olympic-games

1896

1928

1968

1988

2012

http://esquire.ru/wikimap
Хорошие люди из журнала Эсквайр взяли все персоналии из Википедии, разобрали из них города и времена жизни и смерти, профессии и вероисповедания, и нанесли всё это на интерактивную карту.

Смотреть всё стоит на большом экране.

Коллекция гостиничных табличек «не беспокоить». Разбита по странам.

http://hoteldndsigns.com/…/africa.htm

Нью-йоркская студия «Гиперакт» разработала стиль ни много ни мало профессии учителя: http://hyperakt.com/work-detail/293

Шрифт Чевин (Chevin).

Сервис может «посмотреть» отдельную страничку, РСС-канал, твитер и даже загруженные файлы. Результат выводится облаками тегов, которые используют только ХТМЛ 5:
http://timc.idv.tw/wordcloud/en/

Вот такое облако, например, у сайта www.microsoft.com:

Мы решили опубликовать внутренние правила модерации Дизайн-собаки, чтобы повысить скорость публикации собственных заметок читателей Собаки. Ведь если сразу будут приходить хорошие заметки, нам не придётся ничего делать для их улучшения.

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

Мои любимые собаки:
http://design.artgorbunov.ru/…-interfeys-xerox-star
Я впервые в жизни увидел работу того самого интерфейса Парк-ксерокса на Собаке. Здесь суперматериал, к нему можно всегда вернуться, не нужно идти на другой сайт.

http://design.artgorbunov.ru/…-logotipa-next
Презентация Пола Рэнда. Мгновенная польза — узнаёшь из одной заметки, как это Рэнд продавал, проектировал и презентовал логотипы в конце карьеры во всех деталях. Брошюра целиком и в разрешении, достаточном для чтения, останется в Собаке навсегда.

1. Ссылка должна снабжаться пояснением, что именно за ней стоит и почему это стоит посмотреть. У нас остаётся очень мало времени на самообразование, пусть автор или публикатор (!) заметки, потративший время на изучение, сэкономит его для других.

Ссылки на ТЕД обычно аннотированные и полезные, а «крутая карта США» — плохая и бесполезная, ни большой картинки, ни пояснения, чем она крутая. Заметки в Собаке не обязаны быть рефератами, но это всегда делает их ценнее на порядок. Аннотации должны освещать хотя бы отдельные полезные детали.

Хорошие аннотации и полезные подборки:
http://design.artgorbunov.ru/…-infografiki-nyu-york-tayms
http://design.artgorbunov.ru/…-kart-devida-ramzi

Пример с рефератом (хотя и неполноценным): http://design.artgorbunov.ru/…-prodayuschie-teksty

О рефератах: http://design.artgorbunov.ru/…referirovanie/

2. Картинка должна быть максимального размера. Публикатор должен не полениться, поискать и заменить превьюшку на иллюстрацию максимального разрешения, в идеале — оригинал. Карту шириной в 30 тысяч пикселей закачивать необязательно, но 5—10 тысяч вполне сгодятся. Это делает Собаку вечной и полезной в работе, потому что все картинки, даже ссылочные, сохраняются в архиве Собаки.

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

Если ссылаетесь на галерею, не поленитесь добавить к примеру автора три-четыре картинки. Анонсируете новый фирстиль — добавьте к логотипу пару картинок с бланками или чуваками в майках, видеоролик. Хорошо:
http://design.artgorbunov.ru/komik-sans
http://design.artgorbunov.ru/…hromografika
http://design.artgorbunov.ru/…-nasa-1976-goda

Показываете вёрстку — покажите разные страницы: http://design.artgorbunov.ru/…-verstalnyh-vkusnostey

4. Авторы заметок обычно плохо и мало ставят теги. При публикации дополняйте заметку тегами двух типов.

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

Второй тип — слова-синонимы, которых нет в заголовке и тексте, но по которым заметку захочется поискать. Прямо сами и подумайте, как бы вы потом искали заметку. Часто нужно продублировать в ключевых словах латинские имена дизайнеров и дизайн-студий, о которых идёт речь в заметке, потому что в самих текстах у нас кириллица.

5. Тексты заметок должны быть грамотные, краткие, с аккуратными абзацами. Все иностранные названия в пределах заголовков и текстов должны быть правильно русифицированы и продублированы в латинском оригинале в тегах.

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

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

Очень крутая карта США:

Сайт авторов («Имус-географикс»):
https://imusgeographics.com/

Статья, разбирающая карту в деталях (англ.):
http://www.slate.com/…_of_america_.single.html

Инфограмма для поиска мест в Европе по желаемой погоде. Карта показывает отфильтрованные по температуре, солнечности и месяцу города:
http://www.thomson.co.uk/….html#1MToxMnwxMzo0MHxEZWM

Мини-принтер дизайн-студии «Берг» — это термопринтер, печатающий на чековой бумаге. Можно использовать для печати списков, коротких заметок, напоминаний. Ещё он подключается к компьютеру и тогда может печатать РССы и другие фиды.

http://

Официальная страница (очень добротно сделано):
http://bergcloud.com/littleprinter/

В продажу поступит в 2012 г.; обещают API для разработчиков.

Сервис, позволяющий изобразить разметку веб-страницы в виде графа:
http://www.aharef.info/static/htmlgraph/

Положительный отзыв от Тафти и обсуждение на его форуме:
http://www.edwardtufte.com/…-and-a-fetch-msg?msg_id=0002HW

Примеры:

apple.com

табличный yahoo.com

google.com

Легенда:
cиний — a
красный — table, tr и td
зеленый — div
фиолетовый — img
желтый — формы и их содержание
оранжевый — br, p, blockquote
черный — корневой html
серый — остальные теги

Ребята переделывают известные логотипы, заменяя любой шрифт на Комик-санс. Логотипы совершенно не теряют узнаваемости:

http://comicsansproject.tumblr.com/

Куча старых постеров к старым играм.

http://www.flickr.com/…/sets/72157627449293880/detail