Рома Воронежский о цвете
«Цвет — явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста — шаманство хуже гороскопов. «Красный означает опасность», — говорит человек, который сегодня утром мужественно съел помидор и не дрогнул. «Черный — слишком мрачный», — утверждает второй, который сегодня утром читал черные буквы на белом листе и смеялся. «Серый скучный», — жалуется третий. Сами вы скучный. Посмотрите на Бастера Китона — весь из оттенков серого, а повеселей вас будет. «Синий символизирует надежду, зеленый — обновление», — вешает лапшу дизайнер. Дизайнер, не вешай. Клиенту лучше честно сознаться: вот 16 млн цветов (если rgb) или веер (пантон), тыкайте пальцем. Покрасим в любой. Но кнопка «Удалить» останется красной (а с этим клиент никогда и не спорит).
Когда мне говорят, что красный с зеленым не сочетаются, я сатанею. Посмотри на грядку клубники, дундук!»
#awd_color #awd_note #awd_quote via narisoval.ru
«Цвет — явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста — шаманство хуже гороскопов. «Красный означает опасность», — говорит человек, который сегодня утром мужественно съел помидор и не дрогнул. «Черный — слишком мрачный», — утверждает второй, который сегодня утром читал черные буквы на белом листе и смеялся. «Серый скучный», — жалуется третий. Сами вы скучный. Посмотрите на Бастера Китона — весь из оттенков серого, а повеселей вас будет. «Синий символизирует надежду, зеленый — обновление», — вешает лапшу дизайнер. Дизайнер, не вешай. Клиенту лучше честно сознаться: вот 16 млн цветов (если rgb) или веер (пантон), тыкайте пальцем. Покрасим в любой. Но кнопка «Удалить» останется красной (а с этим клиент никогда и не спорит).
Когда мне говорят, что красный с зеленым не сочетаются, я сатанею. Посмотри на грядку клубники, дундук!»
#awd_color #awd_note #awd_quote via narisoval.ru
История и значение символа Пацифик
Заметка о том, как появилась одна из самых знаменитых и узнаваемых пиктограмм мира: http://awdee.ru/pacific
#awd_article #awd_note
Заметка о том, как появилась одна из самых знаменитых и узнаваемых пиктограмм мира: http://awdee.ru/pacific
#awd_article #awd_note
Оди
История и значение символа Пацифик
Автор: Владимир ГоловченкоГрафический дизайнер, владелец сайта Logologika.ru Это перевод заметки The meaning of the CND symbol. Пацифик (англ. pacific — «мирный», «миролюбивый») — международный символ мира, разоружения и антивоенного движения. Знак был изначально…
Вертикальный и наклонный текст
Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи.
«...Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?
Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.
Есть по крайней мере две «объективные» причины поставить текст вертикально:
1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
2. Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.
«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.
Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):
"Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию".»
Оригинал заметки: http://nobelfaik.livejournal.com/127852.html
#awd_note #awd_typo
Игорь Штанг написал, как и когда использовать вертикальные и наклонные надписи.
«...Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться?
Вкратце: вертикальный текст читать сложнее, чем горизонтальный. Если вы это понимаете, делайте что хотите.
Есть по крайней мере две «объективные» причины поставить текст вертикально:
1. Это служебный текст, и его можно вывести из основного потока чтения. Так иногда поступают с копирайтами, подписями, рубриками, колонтитулами.
2. Вертикальное положение диктует формат. Например, корешок книги или вытянутый в высоту банер.
«Необъективных» причин — миллион: контраст, динамика, напряжение, ритм, дизайнерский произвол в конце концов. Изящное композиционное решение может быть бессмысленным и нецелесообразным, в этом нет ничего криминального.
Чтобы вертикальный текст всё-таки остался текстом, нужно соблюсти типографическую гигиену. Атабеков в «Словаре-справочнике иллюстратора научно-технической книги» приводит следующие рекомендации (статья «Текст на графических оригиналах»):
"Все надписи (фразы, слова или отдельные знаки) должны быть расположены так, чтобы они легко читались (рис. II): горизонтальные — слева-направо; вертикальные — снизу-вверх; наклонные — слева-вверх-направо либо слева-вниз-направо и при этом все буквы в строке должны строго держать линию".»
Оригинал заметки: http://nobelfaik.livejournal.com/127852.html
#awd_note #awd_typo
Livejournal
Вертикальный и наклонный текст
Иногда мне задают хорошие вопросы, на которые хочется ответить в блоге. Буду отвечать под тегом ??? Вот, например, Андрей спрашивает: Не смог найти информацию о вертикальных заголовках. Как к ним стоит относиться? Вкратце: вертикальный текст читать сложнее…
Брутальный редизайн популярных приложений
Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур.
К этому его подтолкнули размышления о том, чем является это веяние. Это будущее дизайна, или мимолетное увлечение? Будет ли проще пользоваться приложениями в такой стилистике? Например, ряд экспертов указывают, что текст зачастую воспринимается проще и замена графики на текст (на кнопках, например) может повысить вовлечённость пользователей.
Все 18 макетов: pierrebuttin.com/work/brutalist-redesigns
#awd_ui #awd_redesign #awd_note
Пьер Баттин нарисовал, как могли бы выглядеть популярные мобильные приложения в модной бруталистской стилистике. Сам интерфейс он оставил без изменений, просто стилизовал всё при помощи системных шрифтов, базовых цветов и фигур.
К этому его подтолкнули размышления о том, чем является это веяние. Это будущее дизайна, или мимолетное увлечение? Будет ли проще пользоваться приложениями в такой стилистике? Например, ряд экспертов указывают, что текст зачастую воспринимается проще и замена графики на текст (на кнопках, например) может повысить вовлечённость пользователей.
Все 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
Тезисный пересказ статьи «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
Creative Bloq
Sharpen your sketching skills
12 simple techniques to push your sketching skills to the next level.
Карточки по инструментарию Фотошопа
Ребята из проекта Post.Scriptum (@pstips) объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.
http://pstips.pro/cards/photoshop
#awd_note #awd_edu #awd_photoshop
Ребята из проекта 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
На изображениях представлен анализ графики типичных текстов, набранных латиницей и кириллицей, проведённый Ильей Рудерманом.
Подробности в его интервью журналу «Шрифт»: typejournal.ru/articles/Ilya-Ruderman-Interview
#awd_note #awd_typo #awd_article
Карточки по инструментарию Фотошопа
Ребята из проекта @pstips объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.
#awd_note #awd_edu #awd_photoshop
Ребята из проекта @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
В 1964 году британский графический дизайнер Кен Гарланд опубликовал манифест, подписанный 22 дизайнерами и фотографами. Манифест обличал суматошное безостановочное производство рекламы и призывал заниматься важным в первую очередь. Документ был перепечатан во всех главных медиа Великобритании и стал знаковым.
В 2000 году манифест был выпущен заново и перевыпуск подписало множество дизайнеров, включая таких известных, как Jonathan Barnbrook, Milton Glaser, Steven Heller, Erik Spiekermann.
Приведу его русский перевод полностью:
«ПЕРВООЧЕРЕДНЫЕ ВЕЩИ — В ПЕРВУЮ ОЧЕРЕДЬ
Мы, нижеподписавшиеся, графические дизайнеры, фотографы и студенты, воспитаны в мире, в котором нам настойчиво доказывали, что реклама — это наиболее прибыльное, эффективное и желанное средство выражения наших талантов. Нас атаковали посвящёнными этой вере публикациями, одобряя работу тех, кто отдал своё мастерство и фантазию, чтобы продавать кошачью еду, зубной порошок, средства для мытья посуды и средства для мытья волос, зубную пасту в полоску, лосьоны перед бритьём и лосьоны после бритья, газировку, диету для похудения и диету для набора веса, сигареты, шариковые дезодоранты и шариковые ручки.
Несомненно, огромное количество времени и усилий в рекламной индустрии впустую потрачено на эти банальные цели, вклад которых в наше благополучие ничтожно мал.
Вместе с увеличением числа населения мы достигли точки насыщения, в которой звенящий крик о продажах превратился в неразборчивый шум. Мы считаем, что есть другие вещи, более достойные наших навыков и нашего опыта. Есть дорожные и уличные знаки, книги и журналы, каталоги, инструкции, промышленные фотографии, учебные пособия, фильмы, телепередачи, научные и технические издания и все прочие СМИ, через которые мы продвигаем наше ремесло, наше образование, нашу культуру и нашу значительную осведомлённость о мире.
Мы не выступаем за отмену высокого давления рекламы на потребителя: это невыполнимо. Мы также не хотим убирать из жизни всё развлекательное. Но мы предлагаем сместить приоритет в сторону более полезных и долгосрочных форм коммуникации. Мы надеемся, что общество устанет от хитроумных коммерсантов, важничающих торговцев и незаметных увещевателей. И что наши умения в первую очередь будут направлены на достойные цели.
Веря во всё сказанное, мы предлагаем поделиться нашим опытом и нашим мнением и сделать их доступными коллегам, студентам и всем тем, кому это может быть интересно».
#awd_note #awd_retro via britanka.media/first-things-first-manifest-otvetstvennogo-dizayna
Карточки по инструментарию Фотошопа
Ребята из проекта Post.Scriptum объясняют базовые инструменты и приёмы Фотошопа в формате карточек — одна карточка на один приём. Ничего экстраординарного, зато очень наглядно и понятно.
http://pstips.pro/cards/photoshop
#awd_note #awd_edu #awd_photoshop #awd_best
Ребята из проекта 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/20200425
#awd_edu #awd_article #awd_note
Спектр Чикина
Классная заметка про устройство цвета: bureau.ru/soviet/20200523
#awd_color #awd_note #awd_article
Классная заметка про устройство цвета: bureau.ru/soviet/20200523
#awd_color #awd_note #awd_article
Интересный ход в презентации дизайна нью-йоркского журнала Quoted
Вместо привычных идеальных интерьеров с абстрактными декорациями тут слегка пролитый кофе и бейгл с кунжутом. По мере «чтения» журнала кофе выпивается, а бейгл съедается и оставляет крошки и семечки.
Вся презентация
#awd_print #awd_note
Вместо привычных идеальных интерьеров с абстрактными декорациями тут слегка пролитый кофе и бейгл с кунжутом. По мере «чтения» журнала кофе выпивается, а бейгл съедается и оставляет крошки и семечки.
Вся презентация
#awd_print #awd_note
Что такое «Нобельфайк»
В презентациях шрифтов и книгах о типографике встречается слово «Нобельфайк». Некоторые думают, что это какой-то хитрый специальный термин. На самом деле нет. Это слово не имеет специального значения, а шрифтовики используют его просто потому, что оно содержит достаточно характерных знаков, позволяющих понять рисунок шрифта. В латинице аналогом нобельфайка является слово Handgloves
#awd_note #awd_typo
В презентациях шрифтов и книгах о типографике встречается слово «Нобельфайк». Некоторые думают, что это какой-то хитрый специальный термин. На самом деле нет. Это слово не имеет специального значения, а шрифтовики используют его просто потому, что оно содержит достаточно характерных знаков, позволяющих понять рисунок шрифта. В латинице аналогом нобельфайка является слово 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
Тезисный пересказ статьи «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
Creative Bloq
Sharpen your sketching skills
12 simple techniques to push your sketching skills to the next level.
Сравнительный анализ графики текстов
Илья Рудерман провёл анализ графики типичных текстов, набранных латиницей и кириллицей, и наглядно представил это на изображениях
Обе письменности он исследовал с точки зрения ритма. Для составления статистических таблиц он выбрал следующие параметры: частоту появления в тексте верхних и нижних выносных элементов, диагоналей, овалов и полуовалов, вертикальных и горизонтальных штрихов
Результаты визуального исследования показали, что количество появлений наиболее часто встречающихся букв и буквосочетаний в латинском и кириллическом тексте примерно одинаковое («а», «е», «о» и другие). А вот в площадке отдельного знака кириллицы заключено существенно больше деталей, из которых состоят буквы, нежели у латиницы
Больше изображений: awdee.ru/sravnitelnyj-analiz-grafiki-tekstov
Подробности в его интервью журналу «Шрифт»: typejournal.ru/articles/Ilya-Ruderman-Interview
#awd_note #awd_typo #awd_article
Илья Рудерман провёл анализ графики типичных текстов, набранных латиницей и кириллицей, и наглядно представил это на изображениях
Обе письменности он исследовал с точки зрения ритма. Для составления статистических таблиц он выбрал следующие параметры: частоту появления в тексте верхних и нижних выносных элементов, диагоналей, овалов и полуовалов, вертикальных и горизонтальных штрихов
Результаты визуального исследования показали, что количество появлений наиболее часто встречающихся букв и буквосочетаний в латинском и кириллическом тексте примерно одинаковое («а», «е», «о» и другие). А вот в площадке отдельного знака кириллицы заключено существенно больше деталей, из которых состоят буквы, нежели у латиницы
Больше изображений: awdee.ru/sravnitelnyj-analiz-grafiki-tekstov
Подробности в его интервью журналу «Шрифт»: typejournal.ru/articles/Ilya-Ruderman-Interview
#awd_note #awd_typo #awd_article