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

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

РСС

Плакаты для Йельской архитектурной школы

С 1998 года американская студия Пентаграм под арт-директорством Майкла Бирута (Michael Bierut) делает плакаты для мероприятий Йельской архитектурной школы (Yale School of Architecture). Серия объединена черно-белой гаммой и экспериментальным подходом к композиции и типографике. На каждом плакате спрятана буква Y в круге.

https://www.pentagram.com/…#/projects/87191

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

Диаграмма исследования Солнечной системы

«Поп-чарт-лаб» сделали схему полётов по Солнечной системе.

https://www.popchartlab.com/…-chart-of-cosmic-exploration

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

Короткометражный фильм «Портфолио»

Николай Паламарчук пишет: «Нашёл замечательное видео. Судя по всему, главный герой попадает во все неприятности, как раз не соблюдая правила вашей рубрики Советы“».

нет комментариев твитнуть  видео, смешное, портфолио

24 правильных прямоугольника

Перечень форматов на закладке к книге Ганса Рудольфа Боссхарда «Типографская сетка». Лицевая и оборотная стороны.

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

Почему современные спецэффекты не впечатляют

Келли Конда рассуждает, почему современное спецэффекты в кино не впечатляют так, как в старых фильмах. Сравнивает «Парк юрского периода» и «Терминатора-2» из девяностых и их недавние продолжения — «Мир юрского периода» и «Терминатор Генезис».

Главная идея — хочешь, чтобы тебе сопереживали, будь достоверен.

В восьмидесятых и девяностых, когда компьютерная графика стоила очень дорого, её внедряли аккуратно, а каждый кадр выверяли до мелочей. «Терминатор-2» и «Парк юрского периода» выглядят реалистично, потому что киноделы проявляли изобретательность — использовали комбинированные съёмки, макеты, аниматроников, пластику и сложный грим. Вещи, которые можно потрогать, поэтому и на экране они воспринимались реалистично. Спецэффекты были дороги, и им приходилось вставлять небольшие «фантастические» элементы в обычное окружение, и поэтому зритель верил в происходящее.

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

Отдельно прошлись про киношному колор-грейдингу, из-за которого кино выглядит как иллюстрация.

Келли ссылается на два познавательных ролика с примерами:

https://weminoredinfilm.com/…-as-jurassic-parkterminator-2

1 комментарий твитнуть  кино, спецэффекты, честность, графика, колор-грейдинг, цветокоррекция, реализм, Kelly Konda

Everyday Food

Электронный журнал Everyday Food издательства Марты Стюарт перестал выходить в 2013 году, однако это не делает старые выпуски менее прекрасными. Все они доступны бесплатно в Эпсторе: appsto.re/ru/1kcmZ.i

нет комментариев твитнуть  графдизайн, вёрстка, журнал, еда, марта стюарт

Атомик — прототипирование в браузере

Atomic.io — сайт для прототипирования в браузере с возможность быстро посмотреть все изменения. И удобнее акшура.

Видеопрезентация:

https://atomic.io

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

Полосатая змейка в пекинской схеме метро

Две линии переплетаются, пока нет остановок.

Вся схема: https://upload.wikimedia.org/…_Kong_Railway_Route_Map_en.svg

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

Модель Солнечной системы в масштабе

Модель Солнечной системы очень сложно оценить в реальном масштабе: на схематических изображениях размеры планет гипертрофированы, а расстояния сильно приближены друг к другу. Если показать планеты и Солнце в реальном масштабе на книжном развороте или плакате, то планеты станут микроскопическими точками.

Два энтузиаста, Вайли Оверстрит и Алекс Горош из Сан-Франциско, поехали в пустыню Блэк-Рок и построили модель Солнечной системы в точном масштабе, диаметр которой примерно равен 11 километрам. Земля при этом оказалась шариком, диаметром в полтора сантиметра.

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

Графика под 70-е и немного мистики

В своем блоге Scarfolk Council писатель и дизайнер Ричард Литтлер размещает артефакты из архива городского совета Скарфолка, вымышленного города на севере Англии. Город придуман самим же автором. По задумке Литтлера, Скарфолк навсегда остался в 70-х годах.

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





Блог «Совет Скарфолка»: http://rlittler.blogspot.de/…/03/blog-scarfolk-council.html
Город Скарфолк: https://en.wikipedia.org/wiki/Scarfolk
Ричард Литтлер: http://littler-design.blogspot.com

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

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

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

http://map.letapis.by/ru

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

Размеры картинок в ФБ, ВК, Твитере и других соцсетях

Ирина Смирнова из Тильды подготовила справочник размеров превьюшек в соцсетях. Предлагает запомнить универсальный размер 1024×512 и даёт сводную таблицу по девяти соцсетям: Фейсбуку, Вконтакте, Твитеру, Инстаграму, Ютубу, Пинтересу, Линкедину, Гугль+ и Одноклассникам.

http://tilda.education/…-images-for-social

2 комментария твитнуть  соцсети, веб-дизайн, Facebook, twitter, google, youtube, instagram, vk, pinterest, linkedin, ok

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

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.filipponostri.com

нет комментариев твитнуть  вёрстка, типографика, книги, обложка

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

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

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

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

http://www.passportindex.org/

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

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

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

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

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

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

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

Почтовые марки Дуэйна Далтона

Английский дизайнер Дуэйн Далтон дает уроки композиции на малых форматах — почтовых марках. Все элементы на своих местах, ни один не стоит случайно.

http://duanedalton.com/Basic-Stamps

нет комментариев твитнуть  вёрстка, швейцарская типографика, минимализм, почтовая марка, композиция, конструкция

Как перестать беспокоиться и забыть о цветовых профилях

Вам тоже надоели неправильные цвета в ПНГ и вопросы Фотошопа о цветовых профилях, на которые вы не можете ответить?

Тогда делайте вот так:

1. Выбрать в меню Color Settings, там в выпадайке Monitor color и убрать галочку Ask when opening:

2. Выбрать в меню View / Proof Setup / Monitor RGB и не забывать возвращать после проверок:

3. Донастроить Save for web — снять галочку Convert to sRGB

Раньше она пряталась в меню:

А теперь явно присутствует на панели в виде чекбокса. Если галочка стоит, то Фотошоп засовывает в ПНГ цветовой профиль, который по-разному интерпретируется браузерами. Нет, не надо.

Автор — Даг Эйври: http://viget.com/…-save-for-web-color-shift

Спасибо, Даг!

8 комментариев твитнуть  фотошоп, цветовой профиль, color profile, doug avery



© 2016

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

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