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

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

РСС

Оперные диаграммы

http://www.creativereview.co.uk/…-audiences-though-its-music

Симфонический оркестр Торонто с помощью диаграмм рассказывает, как слушать музыку.

Первые две страницы руководства по Симфонии №41 Моцарта

Оно же в жизни:

Кусочек крупнее:

нет комментариев твитнуть  визуализация, музыка, оркестр

Интерактивная визуализация процесса машинного обучения

http://playground.tensorflow.org/

Даниель Смилков и Шон Картер создали интерактивную процесса обучения нейросети. Решаются задачи классификации на разных массивах данных.

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

На любом этапе обучения можно поставить паузу: посмотреть на функции классификации каждого нейрона и на итоговый результат.

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

нет комментариев твитнуть  Daniel Smilkov, Shan Carter, визуализация, интерактивная графика, информационный дизайн, машинное обучение, нейросеть

История Белоруссии

Алексей Черенкевич, Евгений Шпилевский, Анна Ширяева, Виктор Якунин, Павел Кедич сделали интерактивную историю Белоруссии.

http://map.letapis.by/ru

3 комментария твитнуть  Белоруссия, интерактивная графика, информационный дизайн, история, параллельное изложение

Наглядное введение в теорию машинного обучения

http://www.r2d3.us/…-to-machine-learning-part-1

Stephanie Yee и Tony Chu сделали интерактивный рассказ о машинном обучении. В качестве примера они рассматривают задачу классификации: по параметрам дома догадаться расположен он в Нью-Йорке или в Сан-Франциско.

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

Все снабжено интерактивной визуализацией.

Есть перевод на русский: http://www.r2d3.us/…ое-Введение-в-Теорию-Машинного-Обучения/

нет комментариев твитнуть  Stephanie Yee, Tony Chu, визуализация, интерактивная графика, информационный дизайн

Швейцарский стиль ЦССом

http://swissincss.com

Дизайнер Jon Yablonski перерисовал и заанимировал известные швейцарские плакаты на ЦСС.

1 комментарий твитнуть  Jon Yablonski, анимация, цсс, швейцарская типографика, эффект

Паспорт-индекс разных стран

На сайте «Паспорт-индекс» собраны обложки паспортов разных стран, к сожалению, не всех.

Паспорта отсортированы по странам и цветам.

Из интересного: на обложках Сальвадора и Гватемалы нарисовано, где искать эти страны.

http://www.passportindex.org/

нет комментариев твитнуть  Arton Capital, геральдика, герб, коллекция, обложка, паспорт

«Уолл-стрит Джорнал» визуализировал обложки комикса «Мстители» за 50 лет

«Уолл-стрит Джорнал» проанализировал цвета на обложках комикса и сделал интерактивную визуализацию. Палитра упрощена до 64 цветов, площадь сектора показывает количество цвета на обложке.

Года слева работают как инфоскроллер и показывают макроуровень. Видно, что в последнее время используется неклассическая палитра из ярких простых цветов: красного, синего, зеленого и желтого. Цвета стали сложнее: золотой, розовый, оттенки фиолетового. Глаз выхватывает интересные сочетания цветов, которые отличаются от соседей.

Визуализация:
http://graphics.wsj.com/avengers/

Статья об изменении цветов на обложках «Мстителей»: http://blogs.wsj.com/…-of-earths-mightiest-heroes

нет комментариев твитнуть  avengers, Marvel, визуализация, визуальная аналитика, инфоскроллер, комикс, Марвел

Textures.js — библиотека узоров на яваскрипте

Textures.js — библиотека патернов на яваскрипте для карт, графиков, визуализации данных.

http://riccardoscalco.github.io/…textures/

нет комментариев твитнуть  Riccardo Scalco, библиотека, визуализация, информационный дизайн, текстуры, яваскрипт

Карта мира в стиле Марио

Дункан Грэхем, дизайнер в Мэпбоксе, сделал карту в стиле Супер Марио и рассказал об этом в блоге:
https://www.mapbox.com/…/super-mario-with-studio

Карта: https://api.tiles.mapbox.com/…_s64VQ#5/35.675/-92.681

Исходный код https://github.com/…/super-mario-world.tm2

нет комментариев твитнуть  Duncan Graham, mapbox, визуализация, информационный дизайн, карта, компьютерные игры

Ме­тод ис­сле­до­ва­ния двух пись­мен­но­стей с точ­ки зре­ния рит­ма

В журнале «Шрифт» вышло интервью с Ильём Рудерманом: http://typejournal.ru/…/Ilya-Ruderman-Interview

В том числе в нём Илья описывает, как анализировал характер шрифтов.

«Ме­тод ис­сле­до­ва­ния двух пись­мен­но­стей с точ­ки зре­ния рит­ма (Layering of type, как на­звал его ав­тор). Для со­став­ле­ния ста­ти­сти­че­ских та­блиц бы­ли вы­бра­ны сле­ду­ю­щие па­ра­мет­ры: ча­сто­та по­яв­ле­ния в тек­сте верх­них и ниж­них вы­нос­ных эле­мен­тов, диа­го­на­лей, ова­лов и по­луова­лов, вер­ти­каль­ных штри­хов, го­ри­зон­таль­ных штри­хов. Сто­ит за­ме­тить, что ви­зу­аль­ное ис­сле­до­ва­ние на­ча­лось с под­счёта наи­бо­лее ча­сто встре­ча­ю­щих­ся букв и бук­во­со­че­та­ний в ла­тин­ском и ки­рил­ли­че­ском тек­сте, но ре­зуль­тат ока­зал­ся сюр­при­зом: ко­ли­че­ство по­яв­ле­ний тех или иных букв бы­ло при­мер­но оди­на­ко­вым («а», «е», «о» и дру­гие), ку­да бо­лее важ­ным ока­зал­ся под­счёт де­та­лей, из ко­то­рых со­сто­ят бук­вы в раз­лич­ных ал­фа­ви­тах. Ана­лиз по­ка­зал, что рас­про­странён­ный сте­рео­тип об об­ра­зе ки­рил­ли­це как «за­бо­ре» яв­ля­ет­ся за­блу­жде­ни­ем. Всё де­ло в бо­лее слож­ной, не­же­ли у ла­ти­ни­цы, си­сте­ме: в ки­рил­ли­це в пло­щад­ке от­дель­но­го зна­ка за­клю­че­но су­ще­ствен­но боль­ше ин­фор­ма­ции. Это ка­са­ет­ся и ко­ли­че­ства штри­хов, и их век­то­ра дви­же­ния».

нет комментариев твитнуть  типографика, характер шрифта, шрифт

Интерактивное параллельное изложение о восхождении на Эль Капитан

Нью-Йорк Таймс сделал интерактивный рассказ о 19-дневном покорении горы Эль Капитан: http://www.nytimes.com/…/the-dawn-wall-el-capitan.html

Рассказ сопровождается фотографиями с восхождения и 3Д-моделью горы.

Фотографии и 3Д-модель работают как параллельное изложение. Базовый лагерь, показан и на модели горы, и фотографией.

Для масштаба — размер человека.

Когда смотришь вверх или вниз с модели горы немного захватывает дух:

нет комментариев твитнуть  интерактивная графика, параллелизм, параллельное изложение

Баскетбольная визуализация Питера Бешаи

http://peterbeshai.com/buckets/app/

Статистика по игроку:
0
0

Сравнение игроков между собой:
0

По лиге целиком:
0

нет комментариев твитнуть  Peter Beshai, баскетбол, визуализация, визуальная аналитика

Ай-би-эм опубликовал руководство по дизайну приложений

http://www.ibm.com/…/language/index.shtml

Ай-би-эм опубликовал своё руководство по дизайну приложений. Сам фреймворк состоит из четырёх разделов:
Experience
Visual
Interaction
Front End

Советы общего плана:

Руководства по вёрстке и компоновке:

По рисованию иконок:

По цветам:

Не обошлось без золотого сечения:

нет комментариев твитнуть  ibm, гайдлайны

Гугль показал ранние прототипы часов на Андроиде

Гугль поделился с изданием «Зе Вёрдж» ранними прототипами часов на Андроиде. Можно отследить ход их мыслей и увидеть отброшенные варианты.

Ещё несколько картинок по ссылке: http://www.theverge.com/…-the-evolution-of-android-wear

нет комментариев твитнуть  android wear, google, Гугль, интерфейс, концепт, прототип, умные часы

Новый сайт «Вёрджин Америки»

Авиакомпания «Вёрджин Америка» показала новый сайт: http://beta.virginamerica.com/

Презентация: http://static.virginamerica.com/…/newlookvx/vx-redesign-9/7

Тезисы:
полноэкранный интерфейс бронирования;
один выбор на одном экране;
очередной редизайн посадочного талона.

нет комментариев твитнуть  Virgin America, веб-дизайн, интерфейс, посадочный талон, сайт

Страва Лэбс визуализировали данные со своих спортивных трекеров

Разработчик фитнес-приложения «Страва» визуализировал данные о велосипедных поездках и пробежках на карте мира:

What's this: This dataset includes 77,688,848 rides and 19,660,163 runs representing about 220 billion total data points.

Как бегает Европа: http://labs.strava.com/…/#4/9.42390/48.42072/gray/run

На велосипеде больше всего ездят в Британии и Голландии: http://labs.strava.com/…/#4/9.42390/48.42072/gray/bike

В Екатеринбурге бегают вокруг воды (озеро Шарташ, на карте справа, вдоль пруда — в центре, и в парке Маяковского): http://labs.strava.com/…/60.62088/56.82198/gray/run

В Москве бегают по набережным и в любом, даже самом маленьком парке: http://labs.strava.com/…/37.55173/55.75210/gray/run (видны Парк Горького + Воробьевы, Сокольники, Серебряный Бор, Измайлово и Кузьминки)

нет комментариев твитнуть  бег, велосипеды, визуализация, инфографика, информационный дизайн, карты



© 2017

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

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