Интерактивные компоненты Figma
На прошлой Figma Config 2020 показали новый функционал, который позволит не создавать дополнительные экраны или «костылить» макеты для продвинутого показа прототипов в Figma.
В марте 2021 интерактивные компоненты наконец увидели свет, правда пока в бета-тесте. Подать заявку и получить доступ в течении пары дней может любой желающий.
Читать статью
#Figma
На прошлой Figma Config 2020 показали новый функционал, который позволит не создавать дополнительные экраны или «костылить» макеты для продвинутого показа прототипов в Figma.
В марте 2021 интерактивные компоненты наконец увидели свет, правда пока в бета-тесте. Подать заявку и получить доступ в течении пары дней может любой желающий.
Читать статью
#Figma
Функции логотипа
1.Представление компании на рынке.
2.Информирование рынка и аудитории.
3.Формирование имиджа бренда.
4.Выделение компании и ее продукта среди конкурентов.
5.Защита прав собственности.
6.Гарантия качества для потребителей.
7.Привлечение внимания к бренду.
8.Повышение лояльности потребителей.
9.Основа для фирменного стиля.
Если логотип не справляется с какой-либо из вышеперечисленных задач, его необходимо переработать на основе маркетингового анализа и пересмотренного концепта дизайна.
Секрет хорошего логотипа – это вдумчивый ресерч, который логически приведет к правильной идее и станет основой концепции дизайна.
Изучение процесса создания логотипа поможет вам увидеть и понять, как рождается профессиональный логотип и какие шаги требуется предпринять заказчику и дизайнеру.
Автор
#Logo
1.Представление компании на рынке.
2.Информирование рынка и аудитории.
3.Формирование имиджа бренда.
4.Выделение компании и ее продукта среди конкурентов.
5.Защита прав собственности.
6.Гарантия качества для потребителей.
7.Привлечение внимания к бренду.
8.Повышение лояльности потребителей.
9.Основа для фирменного стиля.
Если логотип не справляется с какой-либо из вышеперечисленных задач, его необходимо переработать на основе маркетингового анализа и пересмотренного концепта дизайна.
Секрет хорошего логотипа – это вдумчивый ресерч, который логически приведет к правильной идее и станет основой концепции дизайна.
Изучение процесса создания логотипа поможет вам увидеть и понять, как рождается профессиональный логотип и какие шаги требуется предпринять заказчику и дизайнеру.
Автор
#Logo
Генератор облака тэгов на основе текста - WorldClouds.com
Загружаете файл с текстом, выбираете форму, шрифт, цвета и прочие опции, сервис генерирует картинку.
Загружаете файл с текстом, выбираете форму, шрифт, цвета и прочие опции, сервис генерирует картинку.
Тренды графического и веб дизайна лета 2021. Текстуры
Сейчас многие используют различные текстуры поверхностей в своем дизайне. Это может быть 3D текстура пыли, металла, бумаги, стены и тд.
Текстуры добавляют дизайну глубины и чувство “пошарпанности”.
Сейчас многие используют различные текстуры поверхностей в своем дизайне. Это может быть 3D текстура пыли, металла, бумаги, стены и тд.
Текстуры добавляют дизайну глубины и чувство “пошарпанности”.
Тренд в типографике 2021 года. Заголовки с засечками
Цифровой дизайн отошел от шрифтов с засечками в первые дни, поскольку разрешение экрана было низким, а детали шрифта терялись. Сегодня заголовки с засечками набирают популярность как контрапункт к современным стилям без засечек, преобладавшим в дизайне последнее десятилетие. В связи с тем, что многие технологические компании на протяжении многих лет исключают шрифты с засечками из своего интерфейса, возникает ощущение всеобщего сходства.
В 2021 году дизайнеры будут обращать внимание на шрифты с засечками, чтобы привнести в цифровой дизайн больше индивидуальности, энергии и удобочитаемости.
#Typography
Цифровой дизайн отошел от шрифтов с засечками в первые дни, поскольку разрешение экрана было низким, а детали шрифта терялись. Сегодня заголовки с засечками набирают популярность как контрапункт к современным стилям без засечек, преобладавшим в дизайне последнее десятилетие. В связи с тем, что многие технологические компании на протяжении многих лет исключают шрифты с засечками из своего интерфейса, возникает ощущение всеобщего сходства.
В 2021 году дизайнеры будут обращать внимание на шрифты с засечками, чтобы привнести в цифровой дизайн больше индивидуальности, энергии и удобочитаемости.
#Typography
👍1
iMaterial Pro Icons pack
Отличный набор иконок iMaterial Pro Icons для Figma, который содержит в себе более 400 иконок разных тематик. Пак иконок можно использовать абсолютно для любого проекта. Так же автор предлагает полный набор, содержащий в себе уже 2400 иконок, всего за 14$.
Установить пак
Отличный набор иконок iMaterial Pro Icons для Figma, который содержит в себе более 400 иконок разных тематик. Пак иконок можно использовать абсолютно для любого проекта. Так же автор предлагает полный набор, содержащий в себе уже 2400 иконок, всего за 14$.
Установить пак
UX совет. Сделайте отписку максимально простой
Ловушка для тараканов (roach motel) – это темный паттерн UX, когда очень легко войти в ситуацию, а затем раздражающе трудно выбраться из нее.
Если я подписался на ваш продукт, сделайте максимально простой возможность отменить подписку.
Я не должен звонить в службу поддержки, отправлять письмо, читать часто задаваемые вопросы или общаться с агентом. Просто дайте мне долбанную кнопку с надписью «Отмена» и позвольте мне продолжить жить своей жизнью.
#UX
Ловушка для тараканов (roach motel) – это темный паттерн UX, когда очень легко войти в ситуацию, а затем раздражающе трудно выбраться из нее.
Если я подписался на ваш продукт, сделайте максимально простой возможность отменить подписку.
Я не должен звонить в службу поддержки, отправлять письмо, читать часто задаваемые вопросы или общаться с агентом. Просто дайте мне долбанную кнопку с надписью «Отмена» и позвольте мне продолжить жить своей жизнью.
#UX
Flickr.com - этот сайт является хостингом для различных картинок и видеороликов. Среди представленных на выбор вариантов пришедшие за вдохновением веб-дизайнеры, непременно, найдут именно, что им требуется.
Правило цветовой палитры: пытайтесь следовать правилу 60–30–10
Это вечное правило декорирования, которое может помочь вам легко составить цветовую схему. Пропорции 60% + 30% + 10% предназначены для обеспечения баланса цветов, используемых в любом пространстве.
Эта концепция невероятно проста в использовании: 60% – ваш доминирующий оттенок, 30% – вторичный цвет, а 10% – цвет акцента. Идея состоит в том, что вторичный цвет поддерживает основной цвет, но они достаточно отличаются, чтобы разделять их.
Ваши 10% – цвет акцента. Это может быть цвет для призыва к действию или другого элемента, который вы хотите выделить.
Это вечное правило декорирования, которое может помочь вам легко составить цветовую схему. Пропорции 60% + 30% + 10% предназначены для обеспечения баланса цветов, используемых в любом пространстве.
Эта концепция невероятно проста в использовании: 60% – ваш доминирующий оттенок, 30% – вторичный цвет, а 10% – цвет акцента. Идея состоит в том, что вторичный цвет поддерживает основной цвет, но они достаточно отличаются, чтобы разделять их.
Ваши 10% – цвет акцента. Это может быть цвет для призыва к действию или другого элемента, который вы хотите выделить.
Добавьте обложку к файлу Figma
При управлении различными проектами и файлами Figma может быть сложно сразу найти нужный проект.
Создание обложки – это простое и элегантное решение, позволяющее сделать проекты узнаваемыми с первого взгляда.
Чтобы добавить обложку, вам нужно:
1. Создайте страницу в документе и назовите ее «cover» (необязательно).
2. Нарисуйте фрейм для изображения обложки (лучше всего подходит размер 1920 x 960)
3. Наполните его изображениями, например, логотипом или чем-то еще, что поможет вам и вашим товарищам по команде узнать проект.
4. Щелкните правой кнопкой мыши по фрейму и выберите «set as thumbnail».
#Figma
При управлении различными проектами и файлами Figma может быть сложно сразу найти нужный проект.
Создание обложки – это простое и элегантное решение, позволяющее сделать проекты узнаваемыми с первого взгляда.
Чтобы добавить обложку, вам нужно:
1. Создайте страницу в документе и назовите ее «cover» (необязательно).
2. Нарисуйте фрейм для изображения обложки (лучше всего подходит размер 1920 x 960)
3. Наполните его изображениями, например, логотипом или чем-то еще, что поможет вам и вашим товарищам по команде узнать проект.
4. Щелкните правой кнопкой мыши по фрейму и выберите «set as thumbnail».
#Figma
Совет по созданию логотипа. Спрашивайте мнение других
Не стоит недооценивать мнение других людей о вашей эмблеме, ведь свежий взгляд может уловить то, что вы могли упустить. Разработав концепцию своего логотипа, всегда перепроверяйте его на наличие двойных смыслов, спрятанных слов и значений, а также возможности неверного толкования представителями других культур.
Многие дизайнерские бюро советуют постоянно добавлять свои идеи на доску, где их могут видеть ваши коллеги. Если же вы работаете уединенно, постарайтесь найти дизайнеров, которые смогли бы оценить вашу работу. И, конечно, вы всегда можете помочь им тем же.
#Design
Не стоит недооценивать мнение других людей о вашей эмблеме, ведь свежий взгляд может уловить то, что вы могли упустить. Разработав концепцию своего логотипа, всегда перепроверяйте его на наличие двойных смыслов, спрятанных слов и значений, а также возможности неверного толкования представителями других культур.
Многие дизайнерские бюро советуют постоянно добавлять свои идеи на доску, где их могут видеть ваши коллеги. Если же вы работаете уединенно, постарайтесь найти дизайнеров, которые смогли бы оценить вашу работу. И, конечно, вы всегда можете помочь им тем же.
#Design
Color Mixer - забавный микшер цветов, в котором можно накрутить себе крутую палитру, регулируя их положение на оси и параметры наложения.
Экспорт возможен в SVG и СSS. .
Экспорт возможен в SVG и СSS. .
Рекомендация для оптимальной работы в Figma. Организуйте компоненты
Нет ничего хуже, чем открыть чей-то файл дизайна и понять, что нет возможности внести изменения в основные компоненты, не щелкнув правой кнопкой мыши и не выбрав пункт «go to the main component», потому что они не организованы.
Отсутствие организации обязательно приведет к негативным последствиям в какой-то момент, поэтому я всегда рекомендую перемещать каждый основной компонент на собственную страницу или в собственный раздел файла дизайна. Это упрощает обновление компонентов и обнаружение несоответствий. Еще лучше, когда дизайнеры организуют компоненты с помощью заголовков страниц для кнопок, цветовых стилей, полей ввода и т.д.
Чем лучше будет выглядеть файл дизайна, тем лучше будут выглядеть сами дизайны.
Автор
#Figma
Нет ничего хуже, чем открыть чей-то файл дизайна и понять, что нет возможности внести изменения в основные компоненты, не щелкнув правой кнопкой мыши и не выбрав пункт «go to the main component», потому что они не организованы.
Отсутствие организации обязательно приведет к негативным последствиям в какой-то момент, поэтому я всегда рекомендую перемещать каждый основной компонент на собственную страницу или в собственный раздел файла дизайна. Это упрощает обновление компонентов и обнаружение несоответствий. Еще лучше, когда дизайнеры организуют компоненты с помощью заголовков страниц для кнопок, цветовых стилей, полей ввода и т.д.
Чем лучше будет выглядеть файл дизайна, тем лучше будут выглядеть сами дизайны.
Автор
#Figma
Тренд дизайна 2021 года : приложение в приложении. Появление «матрёшек»
Уже не обязательно создавать сложные приложения, тратя силы разработчиков и деньги. В моде мини-приложения, которые могут интегрироваться в крупные платформы.
Например, в сервисах ВКонтакте можно уже и заказать еду, и вызвать такси, и даже найти работу. Тут тоже можно увидеть тенденцию к укрупнению и объединению: популярные приложения становятся некими экосистемами, в которых можно получить релевантные услуги. Пример — китайский мессенджер WeChat. В него интегрирована платежная система, платформа для заказа товаров и другие сервисы. С его помощью даже осуществляется социальный мониторинг, отслеживаются контакты с потенциальными носителями Covid-19.
Людям удобно совершать действия на одной платформе, не держа в телефоне и в голове десятки отдельных приложений.
#Design
Уже не обязательно создавать сложные приложения, тратя силы разработчиков и деньги. В моде мини-приложения, которые могут интегрироваться в крупные платформы.
Например, в сервисах ВКонтакте можно уже и заказать еду, и вызвать такси, и даже найти работу. Тут тоже можно увидеть тенденцию к укрупнению и объединению: популярные приложения становятся некими экосистемами, в которых можно получить релевантные услуги. Пример — китайский мессенджер WeChat. В него интегрирована платежная система, платформа для заказа товаров и другие сервисы. С его помощью даже осуществляется социальный мониторинг, отслеживаются контакты с потенциальными носителями Covid-19.
Людям удобно совершать действия на одной платформе, не держа в телефоне и в голове десятки отдельных приложений.
#Design
Главная ошибка при выборе цвета для бизнеса
Как-то давным-давно моя коллега пыталась помочь мне с цветовой гаммой для айдентики, и предложила мне использовать синий, потому что синий, по её мнению, цвет среднего ценового сегмента.
Трудно с этим смириться (наверное), но в дизайне не всё так однозначно. Например, нет чёткой цифры того, какой делать интерлиньяж для текста, т.к. многие шрифты отличаются друг от друга. Значение 130% для одного может показаться идеальным, для другого — большим, а для третьего маленьким.
То же касается и цвета, нельзя чётко сказать, что синий цвет — это про свежесть, а белый — про элегантность. Если бы это работало, то мы всегда бы знали, что если мы заходим в условно красно-белый магазин, то там 100 пудов будут дешёвые товары. Читать далее
Автор Граф дизайна
Как-то давным-давно моя коллега пыталась помочь мне с цветовой гаммой для айдентики, и предложила мне использовать синий, потому что синий, по её мнению, цвет среднего ценового сегмента.
Трудно с этим смириться (наверное), но в дизайне не всё так однозначно. Например, нет чёткой цифры того, какой делать интерлиньяж для текста, т.к. многие шрифты отличаются друг от друга. Значение 130% для одного может показаться идеальным, для другого — большим, а для третьего маленьким.
То же касается и цвета, нельзя чётко сказать, что синий цвет — это про свежесть, а белый — про элегантность. Если бы это работало, то мы всегда бы знали, что если мы заходим в условно красно-белый магазин, то там 100 пудов будут дешёвые товары. Читать далее
Автор Граф дизайна
Medium
Главная ошибка при выборе цвета для бизнеса
Как-то давным-давно моя коллега пыталась помочь мне с цветовой гаммой для айдентики, и предложила мне использовать синий, потому что синий…
🔥1
Тепловые карты: зачем нужны в мобильных приложениях и примеры использования
Если говорить совсем просто — тепловая карта отображает касания пользователей на каждом экране приложения. Красный цвет — касаний много, синий — мало. Аналитика свайпов, долгих нажатий, попыток приблизить, многочисленных нажатий (в порыве закрыть блок с рекламой) и вообще, любое прикосновение к экрану — в комплекте.
Но зачем это нужно при таком многообразии количественных инструментов аналитики?
Читать статью
#Design
Если говорить совсем просто — тепловая карта отображает касания пользователей на каждом экране приложения. Красный цвет — касаний много, синий — мало. Аналитика свайпов, долгих нажатий, попыток приблизить, многочисленных нажатий (в порыве закрыть блок с рекламой) и вообще, любое прикосновение к экрану — в комплекте.
Но зачем это нужно при таком многообразии количественных инструментов аналитики?
Читать статью
#Design
DeviantArt - на данном ресурсе собраны интересные работы, в большинстве своем в области графического дизайна.
Deviantart
DeviantArt - The Largest Online Art Gallery and Community
DeviantArt is where art and community thrive. Explore over 350 million pieces of art while connecting to fellow artists and art enthusiasts.