История и значение символа Пацифик

Заметка о том, как появилась одна из самых знаменитых и узнаваемых пиктограмм мира: http://awdee.ru/pacific

#awd_article #awd_note

Вертикальный и наклонный текст

Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи.

«...Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?

Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.

Есть по крайней мере две «объективные» причины поставить текст вертикально:
1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
2. Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.

«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.

Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):

"Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию".»

Оригинал заметки: http://nobelfaik.livejournal.com/127852.html

#awd_note #awd_typo

Брутальный редизайн популярных приложений

Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур.

К этому его подтолкнули размышления о том, чем является это веяние. Это будущее дизайна, или мимолетное увлечение? Будет ли проще пользоваться приложениями в такой стилистике? Например, ряд экспертов указывают, что текст зачастую воспринимается проще и замена графики на текст (на кнопках, например) может повысить вовлечённость пользователей.

Все 18 макетов: pierrebuttin.com/work/brutalist-redesigns

#awd_ui #awd_redesign #awd_note

12 приёмов рисования хороших эскизов сайтов и интерфейсов

Тезисный пересказ статьи «Sharpen your sketching skills: 12 simple techniques to push your sketching skills to the next level».

1. Рисуйте уверенные, ровные линии. Можно сначала пару раз провести линию по воздуху, без нажима.
2. Не бросайте линии, соблюдайте одинаковый нажим, чтобы линия имела равномерную толщину по всей длине.
3. Оторвите запястье от листа, линии будут ровнее.
4. Ведите линии к себе, а не от себя.
5. Найдите оптимальную скорость рисования линий. При медленных движениях линии получаются волнистыми.
6. Не рисуйте «волосатые» линии из нескольких штрихов. Старайтесь рисовать линии одним штрихом.
7. Рисуйте прямоугольники в четыре штриха, а не в один.
8. Не оставляйте в прямоугольниках разорванных углов.
9. Аккуратно и плотно штрихуйте заглушки заголовков.
10. Не углубляйтесь в детали, рисуйте только самое важное.
11. Для тренировки рисуйте скетчи существующих сайтов и приложений.
12. Держите в голове того, кому будете показывать эскизы. Рисуйте для конкретного человека и только то, что ему важно.

Статья целиком на английском: creativebloq.com/how-to/sharpen-your-sketching-skills

#awd_note #awd_article #awd_edu

Карточки по инструментарию Фотошопа

Ребята из проекта Post.Scriptum (@pstips) объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.

http://pstips.pro/cards/photoshop

#awd_note #awd_edu #awd_photoshop

Сравнительный анализ графики текстов

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

Подробности в его интервью журналу «Шрифт»: typejournal.ru/articles/Ilya-Ruderman-Interview

#awd_note #awd_typo #awd_article

Основные виды градиентов

#awd_note #awd_color via awwwards.com/gradients-in-web-design-elements.html

Дэвид Карсон, «крёстный отец Гранжа», был основателем и арт-директором культовго журнала Ray Gun (с которого был скопирован Птюч). Однажды Дэвиду не понравилась статья Брайана Ферри и он напечатал её символьным шрифтом Zapf Dingbats.

#awd_note

Карточки по инструментарию Фотошопа

Ребята из проекта @pstips объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.

#awd_note #awd_edu #awd_photoshop

Манифест ответственного дизайна First Fings First

В 1964 году британский графический дизайнер Кен Гарланд опубликовал манифест, подписанный 22 дизайнерами и фотографами. Манифест обличал суматошное безостановочное производство рекламы и призывал заниматься важным в первую очередь. Документ был перепечатан во всех главных медиа Великобритании и стал знаковым.

В 2000 году манифест был выпущен заново и перевыпуск подписало множество дизайнеров, включая таких известных, как Jonathan Barnbrook, Milton Glaser, Steven Heller, Erik Spiekermann.

Приведу его русский перевод полностью:

«ПЕРВООЧЕРЕДНЫЕ ВЕЩИ — В ПЕРВУЮ ОЧЕРЕДЬ

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

Несомненно, огромное количество времени и усилий в рекламной индустрии впустую потрачено на эти банальные цели, вклад которых в наше благополучие ничтожно мал.

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

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

Веря во всё сказанное, мы предлагаем поделиться нашим опытом и нашим мнением и сделать их доступными коллегам, студентам и всем тем, кому это может быть интересно».

#awd_note #awd_retro via britanka.media/first-things-first-manifest-otvetstvennogo-dizayna

Основные виды градиентов

#awd_note #awd_color via awwwards.com/gradients-in-web-design-elements.html

Карточки по инструментарию Фотошопа

Ребята из проекта Post.Scriptum объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.

http://pstips.pro/cards/photoshop

#awd_note #awd_edu #awd_photoshop #awd_best

Графический приём «отрезать половину»

Сергей Чикин советует как поступать, если для изображения слишком мало места:

«Чтобы идентифицировать объект, нам необязательно видеть его целиком. Иконки сами по себе эксплуатируют это свойство. Они лишены всех малоинформативных деталей. Но можно пойти дальше и прямо отрезать куски изображаемого. Это помогает повысить контраст и увеличить угловой размер изображения».

Подробности: bureau.ru/soviet/20200425

#awd_edu #awd_article #awd_note

Спектр Чикина

Классная заметка про устройство цвета: bureau.ru/soviet/20200523

#awd_color #awd_note #awd_article

Шпаргалка по стандартным пропорциям дисплеев и их типовым разрешениям

#awd_note via

Что такое «Нобельфайк»

В презентациях шрифтов и книгах о типографике встречается слово «Нобельфайк». Некоторые думают, что это какой-то хитрый специальный термин. На самом деле нет. Это слово не имеет специального значения, а шрифтовики используют его просто потому, что оно содержит достаточно характерных знаков, позволяющих понять рисунок шрифта. В латинице аналогом нобельфайка является слово Handgloves

#awd_note #awd_typo

12 приёмов рисования хороших эскизов сайтов и интерфейсов

Тезисный пересказ статьи «Sharpen your sketching skills: 12 simple techniques to push your sketching skills to the next level».

1. Рисуйте уверенные, ровные линии. Можно сначала пару раз провести линию по воздуху, без нажима
2. Не бросайте линии, соблюдайте одинаковый нажим, чтобы линия имела равномерную толщину по всей длине
3. Оторвите запястье от листа, линии будут ровнее
4. Ведите линии к себе, а не от себя
5. Найдите оптимальную скорость рисования линий. При медленных движениях линии получаются волнистыми
6. Не рисуйте «волосатые» линии из нескольких штрихов. Старайтесь рисовать линии одним штрихом
7. Рисуйте прямоугольники в четыре штриха, а не в один
8. Не оставляйте в прямоугольниках разорванных углов
9. Аккуратно и плотно штрихуйте заглушки заголовков
10. Не углубляйтесь в детали, рисуйте только самое важное
11. Для тренировки рисуйте скетчи существующих сайтов и приложений
12. Держите в голове того, кому будете показывать эскизы. Рисуйте для конкретного человека и только то, что ему важно

Статья целиком на английском: creativebloq.com/how-to/sharpen-your-sketching-skills

#awd_note #awd_article #awd_edu

Сравнительный анализ графики текстов

Илья Рудерман провёл анализ графики типичных текстов, набранных латиницей и кириллицей, и наглядно представил это на изображениях

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

Результаты визуального исследования показали, что количество появлений наи­бо­лее ча­сто встре­ча­ю­щих­ся букв и бук­во­со­че­та­ний в ла­тин­ском и ки­рил­ли­че­ском тек­сте при­мер­но оди­на­ко­вое («а», «е», «о» и дру­гие). А вот в пло­щад­ке от­дель­но­го зна­ка кириллицы за­клю­че­но су­ще­ствен­но боль­ше деталей, из ко­то­рых со­сто­ят бук­вы, нежели у латиницы

Больше изображений: awdee.ru/sravnitelnyj-analiz-grafiki-tekstov

Подробности в его интервью журналу «Шрифт»: typejournal.ru/articles/Ilya-Ruderman-Interview

#awd_note #awd_typo #awd_article

Рик Рубин о мощи созидания для себя

Рик Рубин — крутой известный аранжировщик и продюсер, ставший важной частью успеха таких коллективов как Linkin Park, System of a Down, Red Hot Chili Peppers, Slipknot, Beastie Boys, Public Enemy, Run DMC и других

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

Аудитория стоит на последнем месте... Я делаю это не для них. Я делаю это для себя. И получается, что когда ты делаешь что-то действительно для себя, ты делаешь лучшее, что можешь сделать для аудитории

Так много высокобюджетных фильмов просто плохи. Это потому, что их делает не тот, кто заботится об этом. Их делают люди, которые пытаются сделать что-то, что, по их мнению, понравится кому-то другому. А искусство так не работает

Интервью целиком: youtu.be/brPHcAJn7ZU

#awd_note #awd_process