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

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

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

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 перерисовал и заанимировал известные швейцарские плакаты на ЦСС.

2 комментария твитнуть  цсс, анимация, швейцарская типографика, эффект, 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

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

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

Авиакомпания «Вёрджин Америка» показала новый сайт: 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