36447
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen № 4939475627
Обложки книг голландского издательства Uitgeverij Vleugels
#awd_cover #awd_print via uitgeverijvleugels.nl
Восхождение изображений: 166 лет передовиц Нью-Йорк Таймс за минуту
Первый номер этой газеты вышел 18 сентября 1851 года. Но первые изображения в ней появились только в начале нулевых годов 20 века. Первое цветное фото — только в 1997.
Дизайнер Джош Бигли собрал почти все передовицы NYT, которых, начиная с 1852 года, было порядка 60000, в один минутный таймлапс. В нём отлично видно движение в сторону большего значения фотографий и иллюстраций.
#awd_video #awd_retro via vimeo.com/204951759
Вертикальный и наклонный текст
Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи.
«...Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?
Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.
Есть по крайней мере две «объективные» причины поставить текст вертикально:
1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
2. Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.
«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.
Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):
"Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию".»
Оригинал заметки: http://nobelfaik.livejournal.com/127852.html
#awd_note #awd_typo
Этикетки вина Pastor Winery's Red Wines 2016
Очень приятная типографика, благодаря которой этикетки получились и эстетичными и функциональными.
#awd_pack via packagingoftheworld.com/2016/12/pastor-winerys-red-wines-2016.html
Пять свежих сайтов с необычной механикой или эффектами
1. web.nike.com/xp/sbdunk/index.html — сайт про скейтерскую серию кроссовок Найки делает «Олли» при скролле;
2. simonsweeney.me — круговой скролл на сайте ирландского дизайнера и разработчика Саймона Суини;
3. http://bong.international — хватайте и тащите;
4. yokoland.com — на сайте норвежской дизайн-студии мжно рисовать неожиданными кистями;
5. topotopo.io — трехмерная модель любого места в мире.
#awd_web #awd_site
Трехмерные работы Fyn Ng
Фюн — моушн-дизайнер из Нью-Йорка, в свободное время на создающий симпатичные 3D-сцены.
#awd_3d via fynng.com/everydays
375,000 — число предметов искусства из коллекции Метрополитен-музея, цифровые изображения которых с этой недели доступны для неограниченного использования.
В открытом доступе опубликованы те произведения, которые являются общественным достоянием (public domain). Лицензия Creative Commons Zero (CC0) позволяет использовать их без каких-либо ограничений. Подготовка цифрового архива, охватывающего 5000 лет истории культуры, заняла несколько лет.
Всего в коллекции музея на данный момент 441,121 предмет. Это чевертый по посещаемости художественный музей в мире. Расположен в Нью-Йорке.
Источник: metmuseum.org/press/news/2017/open-access
10 лекций-интервью для дизайнеров от проекта Bang! Bang! Education
У лекций хороший формат — вопросы вырезаны, поэтому получается содержательный монолог минут на 40. И лекторы интересные, у них есть чему поучиться. Вот список:
1. Андрей Зубрилов, «Суперспособность»;
2. Тим Черный, «Дизайн, неотделимый от продукта»;
3. Юрий Гордон, «Визуальная поэзия»;
4. Олег Пащенко, «Оптимизация реальности»;
5. Антон Шнайдер, «Исходный сигнал — починить все»;
6. Александр Гладких «Дизайн. Начало»;
7. Артем Геллер, «Стать уникальным»;
8. Ольга Герасименко, «Как договариваться с заказчиками»;
9. Дима Салливан, «Дизайн как сценарий»;
10. Стас Аки, «Ничего лишнего».
Все видео тут: https://vk.com/wall-36209322_56169
или на сайте: https://bangbangeducation.ru
#awd_edu #awd_video #awd_lecture
Комиксы и иллюстрации Джесси Джейкобса из Онтарио
#awd_illustration via onemillionmouths.tumblr.com
И он адаптивный, да. Правда, обновление получили не все разделы сайта. Пофлексили, очевидно :-)
Читать полностью…
Некоторые свежие работы каллиграфа Люка Барселона
#awd_calligraphy via flickr.com/photos/luca-beanone-barcellona
Я читаю «Советы» лет шесть, наверное, и впервые Артём использут эту площадку, чтобы высказаться о чем-то, связанном с политикой.
Мне его позиция близка, и я тоже пришёл к таким выводам некоторое время назад — весь настоящий прогресс и все настоящие улучшения создают не политики, а ученые и инженеры. Только вот я это не сформулировал и не опубликовал :–)
http://artgorbunov.ru/bb/soviet/20170130/
Большое обновление сервиса для работы с цветом Coolors
Я писал об этом сайте в апреле 2015 года, когда он только появился. За прошедшее время сайт сильно развился, поэтому стоит написать снова.
К очень удобному интерфейсу составления цветовых схем добавились такие штуки:
— Личный кабинет с избранным и сохранением схем;
— Сильно улучшен сам генератор схем;
— Галерея готовых схем с поиском, фильтрами и рейтингом;
— Аддоны для Фотошопа и Иллюстратора;
— iOS-приложение;
— Браузерное расширение;
В общем, сейчас это самый развитый и один из самых удобных проектов по работе с цветовыми схемами.
https://coolors.co
#awd_tool #awd_color
Леттеринг Гоши Бондарева
#awd_lettering via vk.com/goshawaf1
«Цвет» — новая глава в Readymag Design School
RDS — серия статей об основах дизайна, объединенных в онлайн-учебник. В прошлых выпусках рассказали о типографике и сетке, а вчера вышла новая глава, посвященную цвету.
shkola.readymag.com/color
#awd_article #awd_edu #awd_color
Семь свежих симпатичных промо-страниц
1. Talkjs — talkjs.com
2. Nuageapp — nuageapp.com
3. Lingoapp — lingoapp.com
4. Coach — withcoach.com
5. Slack Enterprise — slack.com/enterprise
6. Cloudmagic — cloudmagic.com
7. Stripe Radar — stripe.com/radar
#awd_web #awd_site
Building Great Mobile Forms
Статья о том, как делать хорошие мобильные формы. Каждый пункт сопровождается иллюстрированным примером в стиле «плохо/хорошо».
Выписал для вас коротко все советы:
1. Используйте сегментированные кнопки вместо выпадающих списков, если вариантов мало (2-5);
2. Объединяйте выпадающие списки в одно поле. Например, день месяца, месяц и год можно объединить в один «барабан»;
3. Используйте переключатели вместо выпадающих списков, если вариантов мало;
4. Используйте слайдеры для выбора значения из диапазона;
5. Верстайте форму в одну колонку;
6. Используйте кнопки «+/-» для задания значений, диапазон которых невелик. Например, для выбора числа пассажиров в форме бронирования;
7. Показывайте ошибки заполнения полей сразу после потери фокуса полем;
8. Старайтесь не повторять указание на обязательность поля;
9. Группируйте связанные поля;
10. Делайте комфортные зоны нажатия;
11. Следуйте гайдам платформы.
Статья целиком: https://uxplanet.org/building-great-mobile-forms-2fa8e9a258cc
* Этот пост — пример материала из рассылки «Дизайнерский дайджест»: http://awdee.ru/newsletter
#awd_article #awd_ui
Новый бесплатный шрифт «Крабулер»
Весёлый рукописный гротеск. Если вы хотите добавить в свой макет долю веселья и хорошего настроения — ваш выбор «Крабулер». Шрифт сделан специально для детишек. Мультики, книжки, детская продукция, праздники, логотипы — это его стихия. В тоже время шрифт будет хорошо работать и для решения любых других графических задач.
Скачать: http://russianfonts.ru/fonts/krabuler/krabuler-typeface.html
Мультиязычный: кириллица (русский, белорусский, украинский), латиница, расширенная латиница (западно-европейская, центрально-европейская, юго-восточная).
Десктоп и веб-версия. Формат: ttf, woff, woff2, eot.
#awd_font #awd_free_download
WebGradients — новая удобная коллекция градиентов
Сейчас в коллекции 180 линейных градиентов. Каждый можно скачать в виде PNG, скопировать CSS или HEX-коды цветов, можно скачать сразу все в форматах Sketch или PSD.
webgradients.com
#awd_tool #awd_color
«Art is like masturbation. It is selfish and introverted and done for you and you alone. Design is like sex. There is someone else involved, their needs are just as important as your own, and if everything goes right, both parties are happy in the end».
— Colin Wright
#awd_quote
Шрифтовые логотипы Francis Chouquet из швейцарского Базеля
#awd_logo #awd_lettering via behance.net/gallery/48352689/Logotypes-vol1
В рамках взаимной рекомендации рекомендую заглянуть в канал @pstips, Он посвящен дизайнерской практике, то есть урокам и лайфхакам по дизайнескому софту. Часть постов посвящена обзорам тематических событий и новостей.
Читать полностью…
Калорийность фастфуда
Хорошая визуализация — видно соотношение типов блюд и калорийность меню популярных фастфуд-сетей.
#awd_infographic via flowingdata.com/2016/12/12/calories-in-fast-food-menu-items
Памятка заказчику
#awd_humor via giffun.me/pamyatka-zakazchiku