Ð’ пиÑьме много картинок и в некоторых почтах пиÑьмо показываетÑÑ Ð½Ðµ полноÑтью, обрываÑÑÑŒ на Ñередине. ЕÑли у Ð²Ð°Ñ Ñ‚Ð°Ðº, то читайте его в браузере.
|
|
Лучшие новые поÑты на Оди
Ð’ очередной раз убеждаюÑÑŒ, что Ñоздавать по-наÑтоÑщему оригинальные вещи почти невозможно. Смотрите, на приложенной картинке ÐЕ логотипы Медиума, Ðйр-Би-Ðн-Би, Флипборда и БитÑ. Ðто выдержки из книги 1989 года Trademarks & Symbols of the World: The Alphabet in Design.
|
|
Ðочь магичеÑкаÑ. ÐкÑпериментальный леттеринг Виктора ÐреÑа из Оренбурга неожиданно Ñвеж и оригинален.
|
|
Колоркод — новый удобный и мощный инÑтрумент ÑоÑÑ‚Ð°Ð²Ð»ÐµÐ½Ð¸Ñ Ñ†Ð²ÐµÑ‚Ð¾Ð²Ñ‹Ñ… Ñхем Ñ Ð¸Ð½Ñ‚ÑƒÐ¸Ñ‚Ð¸Ð²Ð½Ñ‹Ð¼ интерфейÑом и богатыми возможноÑÑ‚Ñми ÑкÑпорта.
|
|
ШведÑÐºÐ°Ñ ÑÑ‚ÑƒÐ´Ð¸Ñ Snask отличаетÑÑ Ð»ÑŽÐ±Ð¾Ð²ÑŒÑŽ к рукотворному дизайну. Многие иллюÑтрации в их портфолио Ñозданы руками: вырезаны из пеноплаÑта, бумаги или дерева, а иногда даже выпечены из теÑта. Ðекоторые работы поражают воображение Ñвоими размерами. Как минимум, поÑмотрите подборку лучшего. РеÑли затÑнет, то раÑÑмотрите проекты в деталÑÑ… у них в портфолио.
|
|
ДатÑкое агентÑтво ferdio выпуÑтило шикарную инфографику про флаги Ñтран мира. Ðа 19 иллюÑтрациÑÑ… ребÑта разложили флаги Ñтран по цветам, по формам, по ориентации полоÑок, по иÑпользуемым Ñимволам и пропорциÑм, нашли одинаковые и похожие флаги разных Ñтран и даже ÑоÑтавили уÑредненные флаги континентов. Ð’ÑÑ‘ Ñто оформлено в приÑтный лонгрид.
|
|
Статьи и новоÑти
Ð’ блоге компании Инвижн вышла заметка о «Ñледующей большой штуке» в UX-дизайне. Ðвтор предлагает дизайнерам продуктов обновить подход и при проектировании думать не только о пользовательÑком опыте, но Ñначала о продукте. Смотреть на Ñвои задачи Ñ Ð±Ð¾Ð»ÐµÐµ выÑокого уровнÑ. Такое мышление позволит дизайнеру Ñффективнее взаимодейÑтвовать Ñ Â«Ð²Ð½ÑƒÑ‚Ñ€ÐµÐ½Ð½Ð¸Ð¼ заказчиком» (steakholder) и лучше решать задачи пользователей. Как именно Ñто Ñделать, читайте в заметке Why product thinkig is the Next Big Thing in UX design.
|
|
Ð˜Ð»ÑŒÑ Ð‘Ð¸Ñ€Ð¼Ð°Ð½ в Ñерии Советов «Как упроÑтить попадание мышью или пальцем в Ñлементы интерфейÑа» раÑÑказывает о законе ФиттÑа. Пол Ð¤Ð¸Ñ‚Ñ‚Ñ ÑкÑпериментальным путем вывел закон, ÑвÑзывающий Ð²Ñ€ÐµÐ¼Ñ Ð¿Ñ€Ð¸Ñ†ÐµÐ»Ð¸Ð²Ð°Ð½Ð¸Ñ, размер мишени и раÑÑтоÑние до мишени в одномерном проÑтранÑтве. Ð”Ð»Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½ÐµÑ€Ð¾Ð² важны ÑледÑÑ‚Ð²Ð¸Ñ Ð¸Ð· Ñтого закона, которые Ð˜Ð»ÑŒÑ Ñ€Ð°Ð·Ð±Ð¸Ñ€Ð°ÐµÑ‚ подробно и Ñ Ð¿Ñ€Ð¸Ð¼ÐµÑ€Ð°Ð¼Ð¸.
|
|
Вдохновение
Фирменные cтили и логотипы
Вышел динамичный, Ñркий и понÑтный фирменный Ñтиль чешÑкого Ð¿Ñ€Ð¾Ð¸Ð·Ð²Ð¾Ð´Ð¸Ñ‚ÐµÐ»Ñ Ñлектро-байков Kuberg.
Ð’ Ñтудии F61 разработали Ñмелый фирÑтиль Ð´Ð»Ñ Ñ‚Ð²Ð¾Ñ€Ñ‡ÐµÑкого Ð¾Ð±ÑŠÐµÐ´Ð¸Ð½ÐµÐ½Ð¸Ñ Â«Ð²Ð¾Ð»ÑŒÐ½Ð¾Ð´ÑƒÐ¼Ñ‰Ð¸ÐºÐ¾Ð² и лихотворцев малых форм» Mental Activity.
|
|
Логотипы
У олимпиады в Токио 2020 поÑвилÑÑ Ð½Ð¾Ð²Ñ‹Ð¹ логотип. Старый, еÑли вы не в курÑе, оказалÑÑ Ñкомпрометирован, так как был очень похож на работу другого дизайнера. Ðовый логотип получилÑÑ Ð´Ð°Ð¶Ðµ ещё лучше.
ПоÑледние 2 года компании по вÑему миру повально «флÑÑ‚Ñт» Ñвои логотипы. Рвот новый логотип пива «ГинеÑÑ» Ñтал не более плоÑким, а наоборот, обзавелÑÑ Ñ€ÐµÐ»ÑŒÐµÑ„Ð¾Ð¼ и бликами.
|
|
КаллиграфиÑ
Ð’ Ñтом выпуÑке рекомендую к проÑмотру работы двух замечательных каллиграфов. Первый — ОлекÑий Чекал из Харькова, у которого много доÑтойных работ Ñ ÐºÐ¸Ñ€Ð¸Ð»Ð»Ð¸Ñ†ÐµÐ¹, что вÑтречаетÑÑ Ð½Ðµ очень чаÑто. Второй — Zepha (Vincent Abadie Hafez), в инÑтаграме которого вы найдете много воÑхитительных работ, поражающих техникой и маÑштабами.
|
|
Леттеринг
Тут у Ð¼ÐµÐ½Ñ Ð´Ð²Ðµ находки. Ðто лондонец Ð¢Ð¾Ð±Ð¸Ð°Ñ Ð¥Ð¾Ð»Ð» Ñ Ð²Ñ‹Ñоко-детализированным леттерингом. Отдельно рекомендую его проект роÑпиÑи Ñтен Ð¾Ñ‚ÐµÐ»Ñ Ð¥Ð¾Ð»Ð¸Ð´ÐµÐ¹ Инн. Вторые — команда The AGSC из Ð¡Ð¸Ð´Ð½ÐµÑ Ñ Ð¾Ñ‡ÐµÐ½ÑŒ добротным коммерчеÑким леттерингом и логотипами.
|
|
Типографика
Font Pair — Ñайт, на котором Ñобрали хорошие шрифтовые пары из каталога беÑплатных шрифтов Google Fonts. Отличное меÑто, чтобы выбрать шрифты Ð´Ð»Ñ Ñледующего Ñайта.
Работы замечательного Марко Пураца из Сербии.
|
|
Плакаты
Ð¡ÐµÑ€Ð¸Ñ Ð¿Ð»Ð°ÐºÐ°Ñ‚Ð¾Ð² Ð´Ð»Ñ Ð´Ð¶Ð°Ð·Ð¾Ð²Ð¾Ð³Ð¾ феÑÑ‚Ð¸Ð²Ð°Ð»Ñ Jazz Onze+ в Лозанне. Такой дизайн Ñ Ð¾Ñ‡ÐµÐ½ÑŒ люблю — проÑтой, еÑтеÑтвенный и оÑтроумный. Обратите внимание, как много ÑмыÑла передает дизайнер минимумом выразительных ÑредÑтв.
Яркие, Ñтильные и запоминающиеÑÑ Ð¿Ð»Ð°ÐºÐ°Ñ‚Ñ‹ Яна ДжепÑона из Кейптауна.
|
|
ПолиграфиÑ
Обложки винила, нариÑованные взаимодейÑтвием краÑок Ñ Ð²Ð¸Ð±Ñ€Ð°Ñ†Ð¸ÐµÐ¹ звука. ИнтереÑное решение визуализации музыки.
ÐŸÑ€Ð¸Ð³Ð»Ð°ÑˆÐµÐ½Ð¸Ñ Ð¸ открытки швейцарÑкого ювелирного бренда Les Ambassadeurs удивлÑÑŽÑ‚ детализацией и кропотливоÑтью проделанной работы.
|
|
Инфографика
Ðашел каталог паттернов визуализации данных, в котором предÑтавлено почти 50 базовых типов визуализации. Каждый Ñнабжен Ñхемой, наглÑдным примеров и опиÑанием на английÑком.
Ð’ Европе запуÑтили портал открытых данных ЕвроÑоюза. Ðа портале можно найти данные из Ñамых разных Ñфер: транÑпорт, финанÑÑ‹, города, ÑельÑкое хозÑйÑво, образование, здоровье, наука и другое. Ð’Ñего 433 800 наборов метаданных. Ðезаменимый Ñайт Ð´Ð»Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½ÐµÑ€Ð° инфографики.
|
|
Упаковка
МинималиÑÑ‚ÑÐºÐ°Ñ ÑƒÐ¿Ð°ÐºÐ¾Ð²ÐºÐ° пиццы Домино UK. ИÑпользуетÑÑ Ñ‚Ð¾Ð»ÑŒÐºÐ¾ логотип Ñтой вÑемирно извеÑтной Ñети.
ИнтереÑный концепт упаковки пива Good Chemistry. Бренд показывает оÑновные параметры каждого Ñорта напитка прÑмо на лицевой Ñтороне бутылки.
|
|
Сайты
Ðпл запуÑтил промо-Ñтраницу Envirinment, чтобы показать, как они заботÑÑ‚ÑÑ Ð¾Ð± окружающей Ñреде и разбирают каждый поÑтупивший к ним Ðйфон на запчаÑти, чтобы безопаÑно утилизировать его или повторно иÑпользовать чаÑть материалов. Страница, как вÑегда, выполнена на отличном визуальном техничеÑком уровне, чем и интереÑна.
Ðа Ñайте бухгалтерÑкого ÑервиÑа Bench интереÑное решение — Ñ Ð³Ð»Ð°Ð²Ð½Ð¾Ð¹ Ñтраницы вам улыбаетÑÑ Ñотрудница, но не проÑто картинкой, а зацикленным видео.
|
|
Веб и UI
ЕÑть такой инÑтрумент Ñовременного веб-дизайнера — Вебфлоу. Ðто профеÑÑÐ¸Ð¾Ð½Ð°Ð»ÑŒÐ½Ð°Ñ ÑиÑтема разработки адаптивных Ñайтов, ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ Ð¿Ð¾Ð·Ð²Ð¾Ð»Ñет оÑущеÑтвлÑть и дизайн, и разработку одновременно. Ðедавно они добавили поддержку flexbox. Ðто отноÑительно новое CSS-ÑвойÑтво, позволÑющее удобно верÑтать многоколоночные макеты и гибко наÑтраивать их поведение на разных уÑтройÑтвах. Вот Ñтраница, на которой подробно и наглÑдно объÑÑнÑетÑÑ, что Ñто такое и зачем, показываютÑÑ Ð¿Ñ€Ð¸Ð¼ÐµÑ€Ñ‹ применениÑ.
Ð’ дополнение к Ñтой новоÑти поÑмотрите каталог примеров иÑÐ¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ñ„Ð»ÐµÐºÑбокÑ-вёрÑтки.
|
|
Моушн
ПоÑмотрите удивительно Ñмелую и актуальную заÑтавку MTV Video Music Awards 2015.Ð¢Ð°ÐºÐ°Ñ Ð³Ñ€Ð°Ñ„Ð¸ÐºÐ° и Ñффекты — Ñто тренд на ближайшие год-полтора.
Отличный вимео-канал Nice Type, в котором Ñобирают коллекцию заÑтавок, реклам и других коротких роликов Ñ Ñ…Ð¾Ñ€Ð¾ÑˆÐµÐ¹ типографикой.
|
|
Иконки
БеÑплатные иконки девайÑов Ðпла от ПикÑельного Будды.
300 беÑплатных цветных иконок команды icons8. КÑтати, у них большой платный набор, в который входÑÑ‚ тыÑÑчи иконок в разных ÑтилÑÑ…, и вÑÑ‘ Ñто организовано в удобное веб-приложение.
|
|
ИллюÑтрации
ИнтереÑÐ½Ð°Ñ ÑÐµÑ€Ð¸Ñ Ð¿Ð¾Ð»Ñƒ-абÑтрактных иллюÑтраций «Страна пикÑелей».
Старые, но очень крутые иллюÑтрации про книги, живущие обычные человечеÑкие жизни.
|
|
ИнÑтрументы
NavNav — ÐºÐ¾Ð»Ð»ÐµÐºÑ†Ð¸Ñ Ð¸Ð· более чем 90 примеров адаптивной навигации. Ð’ÑÑ‘ можно не только поÑмотреть и протеÑтировать, но и получить иÑходный код Ð´Ð»Ñ Ð²Ð½ÐµÐ´Ñ€ÐµÐ½Ð¸Ñ Ð² Ñвоем проекте.
Fontea — беÑплатное раÑширение Ð´Ð»Ñ Ð¤Ð¾Ñ‚Ð¾ÑˆÐ¾Ð¿Ð°, которое добавлÑет в него вÑе шрифты из каталога Гугла. При Ñтом шрифты не уÑтанавливаютÑÑ Ð² ÑиÑтему и не жрут реÑурÑÑ‹ и Ñвободное меÑто в ÑпиÑке шрифтов.
|
|
Шрифты
БеÑплатный неоготичеÑкий шрифт Ñ Ð»Ð°Ñ‚Ð¸Ð½Ð¸Ñ†ÐµÐ¹ Bajern.
|
|
Ð¨Ñ€Ð¸Ñ„Ñ‚Ð¾Ð²Ð°Ñ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ñ Ð˜Ð²Ð°Ð½Ð° Гладких TypeType выпуÑтила новый замечательный шрифт Ñ ÐºÐ¸Ñ€Ð¸Ð»Ð»Ð¸Ñ†ÐµÐ¹ TT Rabbits. Шрифт платный, но еÑть беÑплатный демо-вариант.
|
|
Обучение
Ð¯Ð½Ð´ÐµÐºÑ Ð¿Ñ€Ð¾Ð²ÐµÐ» конференцию Ð´Ð»Ñ Ð´Ð¸Ð·Ð°Ð¹Ð½ÐµÑ€Ð¾Ð² «ЯндекÑ.Субботник». Главной темой Ñтал продуктовый дизайн. ÐŸÐ¾Ð»Ð½Ð°Ñ Ð·Ð°Ð¿Ð¸ÑÑŒ на пÑть Ñ Ð¿Ð¾Ð»Ð¾Ð²Ð¸Ð½Ð¾Ð¹ чаÑов доÑтупна на Ютубе. Вот, какие выÑÑ‚ÑƒÐ¿Ð»ÐµÐ½Ð¸Ñ Ñ‚Ð°Ð¼ запиÑаны:
- Шрифт ЯндекÑа (КонÑтантин ГорÑкий, Christian Schwartz)
- Роль концептов в дизайне (Сергей Кондауров, ÐлекÑандр ÐлекÑеенко, Ð”ÐµÐ½Ð¸Ñ Ð¢Ð°Ð»Ð°Ð»Ð°)
- Ð’ÑÑ‘ переделать (Сергей Томиков)
- ИÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñов (Михаил Сухов)
- «Дизайн по кнопке», или как мы ушли от рутины (ÐлекÑандра Ðехаева, Тимур Тухватуллин)
Ð‘Ð¾Ð»ÑŒÑˆÐ°Ñ ÑтатьÑ, в которой Ñобраны 120 трюков и хитроÑтей в Фотошопе. Ð’Ñ€Ñд ли вы запомните и примените Ñразу вÑе, но Ñ Ñоветую запиÑать Ñамое важное. Выучите Ñто важное потихоньку, не торопÑÑÑŒ. Ðто поможет увеличить вашу ÑкороÑть работы. Возможно, когда-нибудь вы Ñможете работать также быÑтро, как Бирман.
|
|
Самое ценное из дизайнерÑких ÑообщеÑтв в ВК
У Ð¼ÐµÐ½Ñ ÐµÑть подборка из ~50 лучших дизайнерÑких ÑообщеÑтв. Я проÑмотрел их ленты за поÑледнее Ð²Ñ€ÐµÐ¼Ñ Ð¸ выбрал лучшее. Вот ÑпиÑок:
|
|
ДеÑерт
Подборка из неÑкольких Ñотен разнообразных фактов о дизайне Design Facts. Ðапример, там еÑть такой факт:
No.71. In 1986, Steve Jobs hired Paul Rand to design the brand identity for NeXT Computer, costing a reported $100,000.
â„–71. Ð’ 1986 году Стив Ð”Ð¶Ð¾Ð±Ñ Ð½Ð°Ð½Ñл Пола Ð Ñнда Ñоздать логотип и Ñтиль компании NeXT Computer за 100.000$.
***
Conversations On Chaos — ÑлектромеханичеÑÐºÐ°Ñ Ð°Ñ€Ñ‚-инÑталлÑциÑ, ÐºÐ¾Ñ‚Ð¾Ñ€Ð°Ñ ÑоединÑет в единое целое технологии иÑкуÑÑтвенного интеллекта и генератор Ñлучайного шума. Ð’ результате получаетÑÑ Ð¿Ð¾Ñ‚Ð¾Ðº пÑевдо-оÑмыÑленных предложений, которые рождаютÑÑ Ð² реальном времени, и буквально — из хаоÑа природы.
***
Ð—Ð°Ð²Ð¾Ñ€Ð°Ð¶Ð¸Ð²Ð°ÑŽÑ‰Ð°Ñ Ð¼Ð¸Ð½Ð¸Ð¼Ð°Ð»Ð¸ÑÑ‚ÑÐºÐ°Ñ Ð¸Ð½ÑталлÑÑ†Ð¸Ñ Ð¸Ð· черных воздушных шаров. ОбÑзательно поÑмотрите, там много вариантов компоновки.
|
|
Ðу вот и вÑÑ‘. СпаÑибо, что дочитали :)
Пишите пиÑьма Ñ ÐºÑ€Ð¸Ñ‚Ð¸ÐºÐ¾Ð¹, вопроÑами или предложениÑми. ДоÑтаточно проÑто ответить на Ñто пиÑьмо. До ÑвÑзи через неделю!
— Кирилл Олейниченко
|
|
|
|