Есть ли в дизайне точка фокуса?
При написании книги или статьи, автор старается привнести в текст нечто “цепляющее”, чтобы привлечь читателей и удержать их. В дизайне точка фокуса выполняет ту же задачу. Это может быть картинка или графика, заголовок или предложение, или любой другой текст.
Невозможно сфокусировать внимание зрителей на каждом элементе дизайна, нужно выбрать самый важный. Этот важный текст или изображение — ваша точка фокуса — должен иметь самый большой визуальный вес (в первого взгляда выделаться на странице).
Привлечь внимание к точке фокуса можно при помощи размера, формы, направления, расположения, цвета, текстуры или других характеристик.
На картинке внимание в первую очередь привлекает цифра 5 (точка фокуса выбрана правильно, ведь она информирует зрителя о скидке): она большого размера, написана самым жирным шрифтом и она единственная выделена тонкой внутренней линией.
#Design
При написании книги или статьи, автор старается привнести в текст нечто “цепляющее”, чтобы привлечь читателей и удержать их. В дизайне точка фокуса выполняет ту же задачу. Это может быть картинка или графика, заголовок или предложение, или любой другой текст.
Невозможно сфокусировать внимание зрителей на каждом элементе дизайна, нужно выбрать самый важный. Этот важный текст или изображение — ваша точка фокуса — должен иметь самый большой визуальный вес (в первого взгляда выделаться на странице).
Привлечь внимание к точке фокуса можно при помощи размера, формы, направления, расположения, цвета, текстуры или других характеристик.
На картинке внимание в первую очередь привлекает цифра 5 (точка фокуса выбрана правильно, ведь она информирует зрителя о скидке): она большого размера, написана самым жирным шрифтом и она единственная выделена тонкой внутренней линией.
#Design
Awwwards. com -сайт для вдохновения
Этот ресурс многим уже хорошо знаком, но не сказать о нём просто невозможно. Среди веб-мастеров мало таких, кто ни разу его не посещал.
#Design
Этот ресурс многим уже хорошо знаком, но не сказать о нём просто невозможно. Среди веб-мастеров мало таких, кто ни разу его не посещал.
#Design
Awwwards
Isabel Moranta - Awwwards SOTD
Portfolio
Интерактивные компоненты 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. .