0to255.com – сайт для подбора более светлых и темных оттенков одного цвета.
Вот основные задачи которые выполняет UX-дизайнер:
-Ознакомление с компанией, её идеологией и целями. Анализ текущего положения на рынке и исследование конкурентной среды;
-Исследование ЦА, их интересов, потребностей и болей. Составление портретов для типов пользователей;
-Составление сценария взаимодействия пользователя с сайтом;
-Изучение проблем пользователей во время взаимодействия с продуктом, их пожеланий и отношения к продукту;
-Анализ и подбор наилучшего решения для повышения пользовательского опыта;
-Проектирование вайрфреймов с высокой точностью;
-Тестирование вайрфеймов на потенциальных пользователях;
-Подбор наиболее подходящего визуального стиля и (иногда) разработка дизайна для иллюстрации и иконок с учетом целей компании и проведенного ранее исследования;
-(Иногда) проектирование адаптивного интерфейса для всех платформ;
-Разработка прототипа сайта;
-Проведение юзабилити-тестирования на потенциальных пользователях;
-(Иногда) разработка дизайн системы;
Автор
#Design #UX
-Ознакомление с компанией, её идеологией и целями. Анализ текущего положения на рынке и исследование конкурентной среды;
-Исследование ЦА, их интересов, потребностей и болей. Составление портретов для типов пользователей;
-Составление сценария взаимодействия пользователя с сайтом;
-Изучение проблем пользователей во время взаимодействия с продуктом, их пожеланий и отношения к продукту;
-Анализ и подбор наилучшего решения для повышения пользовательского опыта;
-Проектирование вайрфреймов с высокой точностью;
-Тестирование вайрфеймов на потенциальных пользователях;
-Подбор наиболее подходящего визуального стиля и (иногда) разработка дизайна для иллюстрации и иконок с учетом целей компании и проведенного ранее исследования;
-(Иногда) проектирование адаптивного интерфейса для всех платформ;
-Разработка прототипа сайта;
-Проведение юзабилити-тестирования на потенциальных пользователях;
-(Иногда) разработка дизайн системы;
Автор
#Design #UX
Что самое важное в дизайне
В дизайне самое важное — простота, понятность и удобство пользования сущностью. Одним словом — юзабилити (usability).
Причем не важно какой именно дизайн: интерфейсов, бытовых предметов или оружия (например знаменитый АК-47 любят именно за простоту и удобство пользования). Суть дизайна везде одна.
Конечно красивый визуал тоже важен, банально приятен и будет только преимуществом.
Но если дизайн сложный/непонятный/неудобный/непродуманный, зато красивый, то такой дизайн никому не нужен, этой красотой никто не будет пользоваться.
Или будут, если нет выбора, но при этом ненавидя и проклиная, а задача дизайнера упрощать жизнь пользователям.
(поэтому cоветуется дизайнерам интерфейсов избегать Behance и Dribbble, где почти все преследуют только красоту и лайки)
А вот если дизайнер может на одинаково высоком уровне делать сразу все составляющие дизайна, то ему нет цены.
Вывод:
В любом дизайне самое важное предоставить все функции сущности максимально просто, понятно и удобно, а если все это будет иметь еще и красивый приятный визуал, то жизнь удалась и прожита не зря.
Автор
Decign
В дизайне самое важное — простота, понятность и удобство пользования сущностью. Одним словом — юзабилити (usability).
Причем не важно какой именно дизайн: интерфейсов, бытовых предметов или оружия (например знаменитый АК-47 любят именно за простоту и удобство пользования). Суть дизайна везде одна.
Конечно красивый визуал тоже важен, банально приятен и будет только преимуществом.
Но если дизайн сложный/непонятный/неудобный/непродуманный, зато красивый, то такой дизайн никому не нужен, этой красотой никто не будет пользоваться.
Или будут, если нет выбора, но при этом ненавидя и проклиная, а задача дизайнера упрощать жизнь пользователям.
(поэтому cоветуется дизайнерам интерфейсов избегать Behance и Dribbble, где почти все преследуют только красоту и лайки)
А вот если дизайнер может на одинаково высоком уровне делать сразу все составляющие дизайна, то ему нет цены.
Вывод:
В любом дизайне самое важное предоставить все функции сущности максимально просто, понятно и удобно, а если все это будет иметь еще и красивый приятный визуал, то жизнь удалась и прожита не зря.
Автор
Decign
Тренд типографики 2021 года : градиенты
Ужасные градиенты использовались в дизайне с первых дней Paint Shop Pro. Но сегодня тенденция заливки шрифта градиентами продолжает набирать популярность. Она используется, чтобы оживить заголовки и придать им глубину.
В результате в 2021 году мы увидим более тонкие градиенты и больший акцент на цветовой гармонии между шрифтом и остальными элементами дизайна.
#Typography
Ужасные градиенты использовались в дизайне с первых дней Paint Shop Pro. Но сегодня тенденция заливки шрифта градиентами продолжает набирать популярность. Она используется, чтобы оживить заголовки и придать им глубину.
В результате в 2021 году мы увидим более тонкие градиенты и больший акцент на цветовой гармонии между шрифтом и остальными элементами дизайна.
#Typography
Используйте шаг 8dp
Зачем проектировать с шагом 8?
Этому есть простое объяснение. Причина, по которой мы используем магическое число 8, а не 5, заключается в том, что, если устройство имеет разрешение 1,5x, оно не сможет правильно отобразить нечетное число.
Кроме того, подавляющее большинство современных размеров экрана делится на 8, что упрощает надлежащее выравнивание ваших дизайнов на этих устройствах.
Ваши дизайны будут выглядеть согласованными, если вы будете проектировать с шагом 8 на сетке 8-pt. Больше не придется угадывать интервал, и все идеально согласуется с выбранными вами интервалами.
#Design
Зачем проектировать с шагом 8?
Этому есть простое объяснение. Причина, по которой мы используем магическое число 8, а не 5, заключается в том, что, если устройство имеет разрешение 1,5x, оно не сможет правильно отобразить нечетное число.
Кроме того, подавляющее большинство современных размеров экрана делится на 8, что упрощает надлежащее выравнивание ваших дизайнов на этих устройствах.
Ваши дизайны будут выглядеть согласованными, если вы будете проектировать с шагом 8 на сетке 8-pt. Больше не придется угадывать интервал, и все идеально согласуется с выбранными вами интервалами.
#Design
Есть ли в дизайне точка фокуса?
При написании книги или статьи, автор старается привнести в текст нечто “цепляющее”, чтобы привлечь читателей и удержать их. В дизайне точка фокуса выполняет ту же задачу. Это может быть картинка или графика, заголовок или предложение, или любой другой текст.
Невозможно сфокусировать внимание зрителей на каждом элементе дизайна, нужно выбрать самый важный. Этот важный текст или изображение — ваша точка фокуса — должен иметь самый большой визуальный вес (в первого взгляда выделаться на странице).
Привлечь внимание к точке фокуса можно при помощи размера, формы, направления, расположения, цвета, текстуры или других характеристик.
На картинке внимание в первую очередь привлекает цифра 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