Дизайн@

B-reel разработали систему, которая позволяет консультанту продемонстрировать продукт и предложить различные варианты клиенту при помощи интерактивной видео-конференции.

http://designfestival.com/…-it-matters-to-web-designers

Впечатляющая демонстрация использования простых чисел при создании паттернов.

Например, метод позволяет сделать из трех картинок

вот такую текстуру:

Работает это примерно так: берем три полупрозрачных изображения в png, ширина каждого из которых — простое число, и используем все три как фон (background-image):

html {
background-image: url(29-a.png),url(37-a.png), url(53-a.png);
padding:0;
margin:0;
height: 100%;
}

В результате цвета начинают смешиваться и давать новые оттенки, но главное — все полосы оказываются разной ширины. Без повторений получается заполнить почти 57 тысяч пикселей; при этом суммарный вес картинок — около 7 кб.

В посте есть еще два более жизненных примера, один из которых — легион человечков Лего.

Гарсия Медиа сделали новый макет газеты «Московские новости», переделали сайт и обеащали сделать доступной газету на основных мобильных платформах.

Кроме них к редизайну «МН» приложили голову и руки Илья Рудерман (в роли арт-директора РИА Новости) и Леттерхеды. C 28 марта то что получилось можно посмотреть на сайте и подержать в руках.
Участники процесса немного написали о своей работе. Интересно читать, раскодировать и смотреть на выброшенные варианты:

Кейс-стади в блоге Гарсиа Медиа: http://garciamedia.com/…_creating_the_online_edition
Там же есть еще пара постов в процессе работы (ссылки в конце заметки)

Марио Гарсиа дал коротенькое интервью Илье: http://mn.ru/…/20110327/300677559.html

Логошапку делали Леттерхеды (кажется Голыженков) http://letterhead-ru.livejournal.com/….html

Аккуратная и понятная реклама канала.
http://

Ребята с Украины: http://www.cag84.com/

И снова с вами «Три выступления с ТЕДа», выпуск 7-й (см. также ссылку ТЕД в конце записи).

Janna Levin: The sound the universe makes
http://www.ted.com/…_sound_the_universe_makes.html
Всякое там про Вселенную и чёрные дыры, занимательно.

Hans Rosling and the magic washing machine
http://www.ted.com/…_magic_washing_machine.html
Ханс Рослинг очередной раз интересно и наглядно рассказывает про распределение богатства по населению мира, выражая благодарность стиральной машине.

Sebastian Thrun: Google's driverless car
http://www.ted.com/…_google_s_driverless_car.html
Коротенький спич про разрабатываемые «беспилотные» машины и безопасность вождения. Только я не что-то уловил, при чём тут Гугль.

http://unfold.no/

Bruno Maag, Ron Carpenter // Dalton Maag

Мнение клиента: http://brandbook.nokia.com/blog/
Мнение разработчиков: http://www.daltonmaag.com/news/177.html
Мнение Эрика: http://spiekermann.com/…/nokia-sans-character

Что получится, если очистить упаковки современных товаров от визуального шума, навязанного маркетологами? Дизайнеры из Antrepo Design Product воплотили эту задумку в жизнь — в виде серии изображений «До и после»:
http://www.paranoias.org/…/12/minimalist-packaging
http://www.paranoias.org/…/minimalist-packaging-part-2

Раз пошла такая пьянка, вот вам )

http://www.kare.com/

Классный эффект трёхмерности на абстрактной иконке:

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

Пример диаграммы:

Архив иконок:
http://www.gerdarntz.org/isotype

Об Арнце и Изотипе: http://www.gerdarntz.org/…/gerd-arntz

Есть даже приложение для айфона с игрой на развитие памяти: http://www.gerdarntz.org/content/app

Иконки от немецкого производителя — надёжность, качество и точность:

Сайт студии: http://iconwerk.de/

http://ilovepsd.ru  — полезные советы для быстрой и аккуратной работы в Фотошопе. Советы собраны на основе коллективного опыта и знаний. Проект поддерживается энтузиастами и регулярно обновляются.

Инфограмма про масштаб Вселенной:
http://www.ovni-alerte.com/…/flash/scale-of-universe.swf

Особенно классный эффект при быстром зуме.

Интересные графики мобильной активности в разных странах

http://discovermobilelife.com/

Есть на сайте американского Esquire http://www.esquire.com/ (внизу страницы предпоследняя колонка на серой плашке) раздел с очень понятными инструкциям о том, как правильно сделать что либо …
Как девушкам танцевать на дискотеке, как завязать галстук, как бриться или вот — как вскрыть устрицу: http://www.esquire.com/…/how2shuck?click=img_sr

Газеты из Англии, Шотландии, Австралии.
http://theoldentimes.com/archives.html

Американские газеты с 1700 по 2004 годы
http://historybuff.com/

Еще из США
http://chroniclingamerica.loc.gov/

Издания национальной библиотеки Австралии
http://trove.nla.gov.au/newspaper

Есть даже Нью-Йорк Таймс времен Первой Мировой войны

http://timesmachine.nytimes.com/browser

Подборку давал мне когда-то Артём.

http://www.nytimes.com/…/20080804_MEDALCOUNT_MAP.html
География олимпийских медалей

http://www.nytimes.com/…&sq=interactive&st=cse
Рассказ с документами

http://www.nytimes.com/…&sq=interactive&st=cse
Складывающиеся загадки

http://www.nytimes.com/…&sq=interactive&st=cse
Гайдлайны по бюллетеням для голосования

http://www.nytimes.com/…/20070826_CHINA_GRAPHIC.html
Карта загрязнений Китая

http://www.nytimes.com/…&sq=interactive&st=cse
Не слишком удобное интерактивное расписание Олимпиады

http://www.nytimes.com/…&sq=interactive&st=cse
Конечные станции метро. Классный прелоадер

http://www.nytimes.com/…&sq=interactive&st=cse
Бокс-офис за 20 лет. Приятно наводить мышку.

http://www.nytimes.com/…&sq=interactive&st=cse
Карта Пекина. Классно масштаб меняется.

http://www.nytimes.com/… ice interactive&st=cse
Арктические льды

http://www.nytimes.com/…/20080530_CRANE_GRAPHIC.htm
Падение крана на Манхэттене
(как сделать инфографику из одной фотки, в конце карта с тремя масштабами)

http://www.nytimes.com/…/20080810_phelps_graphic.html
Про пловцов (бассейнограмма)

Майкл Бейрут из Pentagram рассказывает на страницах Wall Street Journal о том, как два итальянских дизайнера с помощью швейцарского шрифта определили облик Нью-Йорка. Информационным поводом послужил выход книги «Helvetica and the New York City Subway System».

http://online.wsj.com/…3858404576214492061190946.html