Алгоритм вёрстки
Статья Игоря Штанга о том, какого алгоритма нужно придерживаться, превращая текст в готовый макет
🙂️️ awdee.ru/algoritm-verstki
#awd_article #awd_edu
Статья Игоря Штанга о том, какого алгоритма нужно придерживаться, превращая текст в готовый макет
#awd_article #awd_edu
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Алгоритм верстки — Оди. О дизайне
Превращая текст в макет, придерживайтесь такой последовательности: Содержание ↓ Структура ↓ Конструкция ↓ Стиль О каждом этапе по порядку: Содержание Прежде чем приниматься за верстку, прочитайте текст и определитесь с задачей. Чтобы не сбиться с пути и…
👍20❤3🔥3
#цитата_дня
Исследователи обнаружили, что организм человека вырабатывает больше всего гормонов стресса в первые минуты после пробуждения. Почему? Потому что размышления о предстоящем дне запускают наш инстинкт «бей или беги», и в нашу кровь поступает кортизол. После пробуждения потратьте две минуты на простое осознание своего дыхания. Если вы отвлекаетесь на мысли о работе, отпускайте их и возвращайтесь к своему дыханию
«Как оставаться человеком на работе», Дэниел Гоулман
Исследователи обнаружили, что организм человека вырабатывает больше всего гормонов стресса в первые минуты после пробуждения. Почему? Потому что размышления о предстоящем дне запускают наш инстинкт «бей или беги», и в нашу кровь поступает кортизол. После пробуждения потратьте две минуты на простое осознание своего дыхания. Если вы отвлекаетесь на мысли о работе, отпускайте их и возвращайтесь к своему дыханию
«Как оставаться человеком на работе», Дэниел Гоулман
❤39👍14🎃4🔥2
3D-миниатюры Николь Блендер из Испании
Ники создаёт уютные пространства, наполненные множеством деталей. Она начала осваивать Blender в конце 2020 года, и за это время сформировала собственный узнаваемый стиль
А одна из её работ стала заставкой Blender 3.5 на их официальном сайте: blender.org/download/releases/3-5
Больше картинок: awdee.ru/3d-miniatures-by-nicole-blender-from-spain
#awd_illustration via instagram.com/nicky.blender
Ники создаёт уютные пространства, наполненные множеством деталей. Она начала осваивать Blender в конце 2020 года, и за это время сформировала собственный узнаваемый стиль
А одна из её работ стала заставкой Blender 3.5 на их официальном сайте: blender.org/download/releases/3-5
Больше картинок: awdee.ru/3d-miniatures-by-nicole-blender-from-spain
#awd_illustration via instagram.com/nicky.blender
🔥44
Иллюстрации Габриэля Бромбина из Милана
Пустынные одинокие миры с обязательным присутствием геометрических форм — главные темы, которые формируют стиль художника. Через них он предлагает зрителю рассматривать человеческую жизнь, как пространство поиска, в котором есть вход, выход и тайна, требующая разгадки
Иллюстрации Габриэль рисует карандашом на бумаге, а затем дорабатывает в графических редакторах
В 2012 году он опубликовал научно-фантастический графический роман «Песчаное море и плато зеркал» (The Sand Sea and the Plateaux of Mirrors), который создавал в течение двух лет
В качестве художника Габриэль сотрудничает с Nike, The North Face, разработчиками игр и музыкальными исполнителями
Больше иллюстраций: awdee.ru/illustrations-by-gabriel-brombin-of-milan
#awd_illustration via portfolio.gabrielebrombin.com
Пустынные одинокие миры с обязательным присутствием геометрических форм — главные темы, которые формируют стиль художника. Через них он предлагает зрителю рассматривать человеческую жизнь, как пространство поиска, в котором есть вход, выход и тайна, требующая разгадки
Иллюстрации Габриэль рисует карандашом на бумаге, а затем дорабатывает в графических редакторах
В 2012 году он опубликовал научно-фантастический графический роман «Песчаное море и плато зеркал» (The Sand Sea and the Plateaux of Mirrors), который создавал в течение двух лет
В качестве художника Габриэль сотрудничает с Nike, The North Face, разработчиками игр и музыкальными исполнителями
Больше иллюстраций: awdee.ru/illustrations-by-gabriel-brombin-of-milan
#awd_illustration via portfolio.gabrielebrombin.com
❤14🔥5👎2👍1
#цитата_дня
По результатам исследований, рекомендации дальних знакомых полезнее, чем подсказки близких друзей. Именно идеи мало заинтересованных в вас людей подтолкнут к поиску новых возможностей. В своём знаменитом исследовании Марк Грановеттер из Стэнфордского университета обнаружил, что из всех людей, устроившихся на работу благодаря личным контактам, лишь 16,7% нашли её через тех, с кем они виделись не меньше двух раз в неделю. Среди респондентов 55,6% вышли на новое место с помощью знакомых, с которыми виделись не реже раза в год. А 27,8% человек нашли работу через дальних знакомых, с которыми встречались не чаще раза в год: бывших сокурсников, коллег или людей, с которыми они познакомились через профессиональные объединения. Другими словами, у вас больше шансов найти работу через людей, с которыми вы сталкиваетесь не более раза в год, чем через тех, с кем видитесь дважды в неделю или чаще
«Как оставаться человеком на работе», Дэниел Гоулман
По результатам исследований, рекомендации дальних знакомых полезнее, чем подсказки близких друзей. Именно идеи мало заинтересованных в вас людей подтолкнут к поиску новых возможностей. В своём знаменитом исследовании Марк Грановеттер из Стэнфордского университета обнаружил, что из всех людей, устроившихся на работу благодаря личным контактам, лишь 16,7% нашли её через тех, с кем они виделись не меньше двух раз в неделю. Среди респондентов 55,6% вышли на новое место с помощью знакомых, с которыми виделись не реже раза в год. А 27,8% человек нашли работу через дальних знакомых, с которыми встречались не чаще раза в год: бывших сокурсников, коллег или людей, с которыми они познакомились через профессиональные объединения. Другими словами, у вас больше шансов найти работу через людей, с которыми вы сталкиваетесь не более раза в год, чем через тех, с кем видитесь дважды в неделю или чаще
«Как оставаться человеком на работе», Дэниел Гоулман
👍31❤4🔥1
Media is too big
VIEW IN TELEGRAM
Анимированный 3D-леттеринг для титров к фильму Thor: Love and Thunder
Режиссёр хотел, чтобы музыка «передавала ощущение безумного приключения, показанного на экране» и «напыщенную, шумную, цветастую палитру» фильма. Поэтому в нём звучат песни рок-групп 80-х годов
Соответственно, титры дизайнеры стилизовали под логотипы рок-групп той эпохи, а фон наполнили разнообразием цветов, неоном и электрическими разрядами
Надписи разработала дизайн-студия Perception. Шесть из них сделала Ольга Коваленко из Черногории
Больше картинок и анимаций: awdee.ru/animated-3d-lettering-for-the-credits-for-thor-love-and-thunder
#awd_lettering #awd_3D via experienceperception.com/work/thor-love-and-thunder
Режиссёр хотел, чтобы музыка «передавала ощущение безумного приключения, показанного на экране» и «напыщенную, шумную, цветастую палитру» фильма. Поэтому в нём звучат песни рок-групп 80-х годов
Соответственно, титры дизайнеры стилизовали под логотипы рок-групп той эпохи, а фон наполнили разнообразием цветов, неоном и электрическими разрядами
Надписи разработала дизайн-студия Perception. Шесть из них сделала Ольга Коваленко из Черногории
Больше картинок и анимаций: awdee.ru/animated-3d-lettering-for-the-credits-for-thor-love-and-thunder
#awd_lettering #awd_3D via experienceperception.com/work/thor-love-and-thunder
🔥9👍3❤1
Как выравнивать текст в сетке по базовой линии шрифта: руководство для Figma
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе
Как правило, чтобы выровнять текстовые элементы по сетке, дизайнеры используют границы текстового контейнера. Но чтобы среди остальных элементов дизайна текст выглядел более аккуратным, лучше выравнивать его так, чтобы с сеткой совпадали не края контейнера, а базовые линии текста
Проблема в том, что сделать это вручную в Figma довольно трудно. Поэтому автор нашёл решение. Он предлагает использовать компоненты на auto-layout вместо обычных шрифтовых стилей. Для этого нужно обрезать шрифт по верхней и нижней границе, а затем обернуть его в auto-layout. После этого в auto-layout можно добавить вертикальные паддинги, или внутренние отступы, и сместить текст так, чтобы его базовая линия всегда совпадала с сеткой
Макет Figma с примерами из статьи
🙂️️️️ awdee.ru/ultimate-guide-to-baseline-alignment-using-figmas-auto-layout
#awd_article #awd_ui
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе
Как правило, чтобы выровнять текстовые элементы по сетке, дизайнеры используют границы текстового контейнера. Но чтобы среди остальных элементов дизайна текст выглядел более аккуратным, лучше выравнивать его так, чтобы с сеткой совпадали не края контейнера, а базовые линии текста
Проблема в том, что сделать это вручную в Figma довольно трудно. Поэтому автор нашёл решение. Он предлагает использовать компоненты на auto-layout вместо обычных шрифтовых стилей. Для этого нужно обрезать шрифт по верхней и нижней границе, а затем обернуть его в auto-layout. После этого в auto-layout можно добавить вертикальные паддинги, или внутренние отступы, и сместить текст так, чтобы его базовая линия всегда совпадала с сеткой
Макет Figma с примерами из статьи
#awd_article #awd_ui
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как выравнивать текст в сетке по базовой линии шрифта: руководство для Figma — Оди. О дизайне
Перевод статьи Роберта Ипсихи о том, как с помощью функции auto-layout согласовать положение базовых линий текста с сеткой и задокументировать это в дизайн-системе Как правило, чтобы выровнять текстовые элементы по сетке, дизайнеры используют границы текстового…
👍10🤬4🔥2❤1👎1
Девять коротких уроков, с помощью которых вы научитесь моделировать коммерческие продукты, анимировать их и делать 3D-рендеринг в Blender
Темы:
— Моделирование и анимация баночки средства по уходу за кожей с нуля
— Анимация распаковки кроссовок
— Моделирование чашки и нанесение на неё графических деталей с тиснением и эффектом глянца
— Полный процесс моделирования и анимации камеры наблюдения
— Моделирование и рендер губной помады
— Создание капель на банке
— Фотореалистичный рендер бутылки
— Рендер банки с напитком
— Анимация ноутбука Microsoft Surface
#awd_edu #awd_3d
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥7
#цитата_дня
Мне очень нравится концепция психолога Эда Динера. Он утверждает, что наша удовлетворенность зависит не от интенсивности позитивных переживаний, а от их частоты. Когда мы думаем, что подняло бы нас на вершину блаженства, то обычно представляем что-то «большое»: свидание с кинозвездой, присуждение Пулитцеровской премии или покупку яхты. Но Динер и его коллеги это опровергают. Человек, в жизни которого ежедневно происходит десяток приятных вещей, скорее всего, будет счастливее, чем тот, у кого в жизни произошло лишь одно событие, зато грандиозное. Так что носите удобные ботинки, чаще целуйте жену, ешьте картофель фри. Да, это мелочи. Но мелочи имеют огромное значение
«Как оставаться человеком на работе», Дэниел Гоулман
Мне очень нравится концепция психолога Эда Динера. Он утверждает, что наша удовлетворенность зависит не от интенсивности позитивных переживаний, а от их частоты. Когда мы думаем, что подняло бы нас на вершину блаженства, то обычно представляем что-то «большое»: свидание с кинозвездой, присуждение Пулитцеровской премии или покупку яхты. Но Динер и его коллеги это опровергают. Человек, в жизни которого ежедневно происходит десяток приятных вещей, скорее всего, будет счастливее, чем тот, у кого в жизни произошло лишь одно событие, зато грандиозное. Так что носите удобные ботинки, чаще целуйте жену, ешьте картофель фри. Да, это мелочи. Но мелочи имеют огромное значение
«Как оставаться человеком на работе», Дэниел Гоулман
👍50❤19🔥4
Азбука графического дизайнера и художника Ника Теплова из Лейпцига
Больше букв: awdee.ru/azbuka-2
#awd_illustration #awd_typo #awd_retro
Больше букв: awdee.ru/azbuka-2
#awd_illustration #awd_typo #awd_retro
😍18❤3🔥3
Вариативные шрифты
Вариативные шрифты произвели революцию в типографике. Они дают дизайнерам большую свободу для творчества и дополнительный инструмент выразительности, а также позволяют обеспечить максимальное удобство восприятия текста и более быструю загрузку контента
В статье мы рассказываем о том, что такое вариативные шрифты, какие преимущества у них есть и как применять их в работе. Также вы найдёте реальные примеры их использования, подборку из 10 классных бесплатных вариативных шрифтов для скачивания и множество сайтов, где собрана более подробная информация на эту тему и сами шрифты
🙂️️️️ awdee.ru/variativnye-shrifty
#awd_article #awd_typo #awd_font
Вариативные шрифты произвели революцию в типографике. Они дают дизайнерам большую свободу для творчества и дополнительный инструмент выразительности, а также позволяют обеспечить максимальное удобство восприятия текста и более быструю загрузку контента
В статье мы рассказываем о том, что такое вариативные шрифты, какие преимущества у них есть и как применять их в работе. Также вы найдёте реальные примеры их использования, подборку из 10 классных бесплатных вариативных шрифтов для скачивания и множество сайтов, где собрана более подробная информация на эту тему и сами шрифты
#awd_article #awd_typo #awd_font
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Вариативные шрифты — Оди. О дизайне
Из статьи вы узнаете, что такое вариативные шрифты, в чем заключаются их преимущества, а также то, как можно применять их в работе, найдете примеры их использования, которые могут стать для вас источником вдохновения Вариативный шрифт предоставляет возможность…
🔥9
Советы для новичков на фрилансе: 29 вещей, которые я хотел бы знать, когда начинал фрилансить
Перевод рекомендаций Бруклина Нэша начинающим фрилансерам. Автор рассказывает, как устанавливать стоимость за услуги и повышать цены, находить клиентов и договариваться с ними. Он также объясняет, почему важно общаться с другими фрилансерами и никогда не работать бесплатно
Из нетривиальных советов — открывайте ссылку на Google Docs сразу при получении для проверки доступов, чтобы не оконфузиться после того, как вы откроете её через две недели, или отдавайте другим фрилансерам свои проекты, чтобы поддерживать work-life balance и не выгорать
🙂️️ awdee.ru/advice-for-new-freelancers-29-things-i-wish-i-knew-when-i-started-freelancing
#awd_article #awd_career
Перевод рекомендаций Бруклина Нэша начинающим фрилансерам. Автор рассказывает, как устанавливать стоимость за услуги и повышать цены, находить клиентов и договариваться с ними. Он также объясняет, почему важно общаться с другими фрилансерами и никогда не работать бесплатно
Из нетривиальных советов — открывайте ссылку на Google Docs сразу при получении для проверки доступов, чтобы не оконфузиться после того, как вы откроете её через две недели, или отдавайте другим фрилансерам свои проекты, чтобы поддерживать work-life balance и не выгорать
#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16👍3❤2
#цитата_дня
Книга с квадратными иллюстрациями будет квадратной, книга с прямоугольными иллюстрациями будет прямоугольной (портретной или альбомной ориентации), в соответствии с наиболее подходящей формой демонстрации материала. Содержание определяет форму — это фундаментальная истина и в книжном дизайне. Рекомендуется строить модульную сетку в соответствии с пропорциями большинства изображений, чтобы свести к минимуму необходимость кадрирования
“The Vignelli Canon”, Массимо Виньелли
Книга с квадратными иллюстрациями будет квадратной, книга с прямоугольными иллюстрациями будет прямоугольной (портретной или альбомной ориентации), в соответствии с наиболее подходящей формой демонстрации материала. Содержание определяет форму — это фундаментальная истина и в книжном дизайне. Рекомендуется строить модульную сетку в соответствии с пропорциями большинства изображений, чтобы свести к минимуму необходимость кадрирования
“The Vignelli Canon”, Массимо Виньелли
🔥36❤2
Логотипы, разработанные Полом Рэндом и его биография
Влияние Рэнда на индустрию дизайна огромно. Благодаря его работе в области рекламы и графики профессия дизайнера стала значимой и ценной для бизнеса, дизайнеры перестали восприниматься как обычные оформители. Он был одним из первых коммерческих дизайнеров в Штатах, кто принял, практиковал и распространял Швейцарский стиль
🙂️️ awdee.ru/paul-rand
#awd_article #awd_person
Влияние Рэнда на индустрию дизайна огромно. Благодаря его работе в области рекламы и графики профессия дизайнера стала значимой и ценной для бизнеса, дизайнеры перестали восприниматься как обычные оформители. Он был одним из первых коммерческих дизайнеров в Штатах, кто принял, практиковал и распространял Швейцарский стиль
#awd_article #awd_person
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17🔥3
Как уберечь пользователя от потери данных по ошибке: проектирование «удаления» и «отмены»
Пять рекомендаций от UX Movement по проектированию действий, ведущих пользователя к удалению каких-либо данных.
🙂️️️️ awdee.ru/actions-that-prevent-data-loss
#awd_article #awd_ui
Пять рекомендаций от UX Movement по проектированию действий, ведущих пользователя к удалению каких-либо данных.
#awd_article #awd_ui
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди
Как уберечь пользователя от потери данных по ошибке: проектирование «удаления» и «отмены»
Если пользователь нажал кнопку «Удалить», не выполняйте действие сразу. Лучше пусть перед ним возникнет экран подтверждения. Используйте...
👍16🔥5
#цитата_дня
Компьютеры позволили создавать шрифты кому угодно, и это привело к сильнейшему визуальному загрязнению в истории. Чтобы привлечь внимание к этому вопросу, я устроил выставку работ, созданных нами за многие годы с помощью всего 4 гарнитур: Garamond, Bodoni, Century Expanded и Helvetica. Целью выставки было показать, что, экономя шрифты, можно с успехом создать великое множество печатных материалов. Другими словами, важен не шрифт, а то, что ты с ним делаешь
“The Vignelli Canon”, Массимо Виньелли
Компьютеры позволили создавать шрифты кому угодно, и это привело к сильнейшему визуальному загрязнению в истории. Чтобы привлечь внимание к этому вопросу, я устроил выставку работ, созданных нами за многие годы с помощью всего 4 гарнитур: Garamond, Bodoni, Century Expanded и Helvetica. Целью выставки было показать, что, экономя шрифты, можно с успехом создать великое множество печатных материалов. Другими словами, важен не шрифт, а то, что ты с ним делаешь
“The Vignelli Canon”, Массимо Виньелли
❤41👍14🔥3🤡3💩2
This media is not supported in your browser
VIEW IN TELEGRAM
Яндекс Музыка выкатила большое обновление и новый логотип
Обновление айдентики приурочили к освежению интерфейса и улучшению алгоритмов рекомендаций
На место банальной ассоциации первого уровня — ноты, пришёл яркий псевдообъёмный импульс. Он удачно взаимодействует с новым контрастным шрифтом. В направлении, куда «смотрит» импульс, шрифт — широкий, а с его обратной стороны — узкий. Это задаёт знаку и надписи общую динамику
Динамика, кстати, выбрана «позитивная» — вправо-вверх, в соответствии с матрицей эмоций
А ещё импульс отлично укладывается в музыкальный ассоциативный ряд: движение, энергия, вспышка, звёзды, и много чего ещё
Больше картинок: awdee.ru/yandex-music-rolled-out-a-big-update-and-a-new-logo
#awd_identity via music.yandex.ru/home
Обновление айдентики приурочили к освежению интерфейса и улучшению алгоритмов рекомендаций
На место банальной ассоциации первого уровня — ноты, пришёл яркий псевдообъёмный импульс. Он удачно взаимодействует с новым контрастным шрифтом. В направлении, куда «смотрит» импульс, шрифт — широкий, а с его обратной стороны — узкий. Это задаёт знаку и надписи общую динамику
Динамика, кстати, выбрана «позитивная» — вправо-вверх, в соответствии с матрицей эмоций
А ещё импульс отлично укладывается в музыкальный ассоциативный ряд: движение, энергия, вспышка, звёзды, и много чего ещё
Больше картинок: awdee.ru/yandex-music-rolled-out-a-big-update-and-a-new-logo
#awd_identity via music.yandex.ru/home
🔥29👎26💩16👍10❤6
Рубрики Оди
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Обложки»: awdee.ru/tag/cover
У нас на сайте немало рубрик с сотнями залипательных материалов
Например, рубрика «Обложки»: awdee.ru/tag/cover
💘11🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Институт цвета Pantone представил цвет 2024 года
Им стал бархатисто-нежный оттенок под названием Peach Fuzz — «персиковый пух»
Директор Pantone о новом цвете: «В поисках оттенка, который отражал бы врождённое стремление людей заботиться о себе и других, мы выбрали цвет, излучающий теплоту»
Нравится вам «персиковый пух»?
#awd_color via pantone.com/color-of-the-year/2024
Им стал бархатисто-нежный оттенок под названием Peach Fuzz — «персиковый пух»
Директор Pantone о новом цвете: «В поисках оттенка, который отражал бы врождённое стремление людей заботиться о себе и других, мы выбрали цвет, излучающий теплоту»
Нравится вам «персиковый пух»?
#awd_color via pantone.com/color-of-the-year/2024
🥰48❤8🤮6👏4👍3
#цитата_дня
Многие полиграфисты убеждены, что в аббревиатуре CMYK буква K — последняя от слова black, которую якобы взяли для избежания путаницы с буквой B, обозначающей blue в цветовой модели RGB. На самом деле CMYK расшифровывается как cyan, magenta, yellow, key color. Причём key color (ключевой цвет) может быть любым: хочешь — чёрным, а хочешь — серебряным
«Ководство», Артемий Лебедев
Многие полиграфисты убеждены, что в аббревиатуре CMYK буква K — последняя от слова black, которую якобы взяли для избежания путаницы с буквой B, обозначающей blue в цветовой модели RGB. На самом деле CMYK расшифровывается как cyan, magenta, yellow, key color. Причём key color (ключевой цвет) может быть любым: хочешь — чёрным, а хочешь — серебряным
«Ководство», Артемий Лебедев
👍65💩13❤8🔥3😱1