Musli — дискуссионная платформа для дизайнеров
Платформа для онлайн дискуссий.
Простая, полезная, питательная для ума, как мюсли. Объединяющая дизайнеров рунета для развития творческих возможностей.
Платформа для онлайн дискуссий.
Простая, полезная, питательная для ума, как мюсли. Объединяющая дизайнеров рунета для развития творческих возможностей.
UXPUB 🇺🇦 Дизайн-спільнота
Продуктовий дизайн, UX/UI, figma та проектування інтерфейсів. Найбільша спільнота дизайнерів України.
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
UX-дизайн сложен. Наша работа – это не только забота о потребностях клиентов.
Мы должны создавать дизайны, которые разработчики могут построить. Придумывайте решения, которые принесут пользу бизнесу, помимо красивого внешнего вида.
Мы также думаем о том, как сделать их доступными, работать на многих устройствах и как это повлияет на другие части нашего продукта.
Читать статью
#Design #UX
Telegraph
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей продуктовой команды. Вы «пробегаете» весь процесс проектирования за неделю, от определения проблемы до создания прототипа. Его суть в том, чтобы привнести идеи…
Как стать дизайнером презентаций?
1. Набить руку в PowerPoint, используя "технику китайца".
Берем самые трендовые презентации (например с сайта https://graphicriver.net/) и повторяем 10-20-n различных слайдов.
2. Найти первого клиента среди знакомых, которому нужна презентация.
В идеале, чтобы этому клиенту от вас нужна была только красивая картинка. На первых порах рекомендуется делать работы по бартеру за рекламу (нам важнее запустить сарафанное радио, чем заработать 5-10 тысяч рублей).
3. Параллельно изучаем процесс работы над смыслами, здесь нам приходят на помощь книги Nansy Duarte "HBR guide to persuasive presentations" или "Slideology", а также основы дизайн-мышления.
4. К этому времени у нас есть несколько работ в портфолио и вы можете откликаться на более сложные проекты (ведь теперь вы можете делать не только красивые картинки, но и помогать структурировать смыслы ваших клиентов)
5. Учимся делать презентации по полному циклу (от постановки цели до проверки в бою и сбора фидбека)
6. Прокачиваем софт скиллы и навыки публичного выступления
7. Начинаем выступать с презентациями сами (на мероприятиях/вебинарах)
8. Повышаем насмотренность с помощью отраслевых конференций.
Автор
#Design #Creative
1. Набить руку в PowerPoint, используя "технику китайца".
Берем самые трендовые презентации (например с сайта https://graphicriver.net/) и повторяем 10-20-n различных слайдов.
2. Найти первого клиента среди знакомых, которому нужна презентация.
В идеале, чтобы этому клиенту от вас нужна была только красивая картинка. На первых порах рекомендуется делать работы по бартеру за рекламу (нам важнее запустить сарафанное радио, чем заработать 5-10 тысяч рублей).
3. Параллельно изучаем процесс работы над смыслами, здесь нам приходят на помощь книги Nansy Duarte "HBR guide to persuasive presentations" или "Slideology", а также основы дизайн-мышления.
4. К этому времени у нас есть несколько работ в портфолио и вы можете откликаться на более сложные проекты (ведь теперь вы можете делать не только красивые картинки, но и помогать структурировать смыслы ваших клиентов)
5. Учимся делать презентации по полному циклу (от постановки цели до проверки в бою и сбора фидбека)
6. Прокачиваем софт скиллы и навыки публичного выступления
7. Начинаем выступать с презентациями сами (на мероприятиях/вебинарах)
8. Повышаем насмотренность с помощью отраслевых конференций.
Автор
#Design #Creative
Сквирклморфизм (Squirclemorphism) в дизайне интерфейсов
Вы заметили рост популярности этого тренда?
Последние годы богаты на новые стили UI дизайна. Начиная с простого плоского дизайна, Material дизайна и заканчивая неоморфизмом, и глассморфизмом.
... Давайте погрузимся в мир сквирклов (суперэллипсов)!
Читать об этом
#Design #UI #Creative
Вы заметили рост популярности этого тренда?
Последние годы богаты на новые стили UI дизайна. Начиная с простого плоского дизайна, Material дизайна и заканчивая неоморфизмом, и глассморфизмом.
... Давайте погрузимся в мир сквирклов (суперэллипсов)!
Читать об этом
#Design #UI #Creative
Браузерный генератор Pattern Generator текстур позволяет создавать уникальные royalty-free текстуры.
У Pattern Generator гибкие настройки: выбрав базовый стиль, вы можете затем настроить свою текстуру с помощью цветов, фильтров и преобразований.
Каждый стиль узора имеет свои уникальные преобразования.
Кнопка «Shuffle» — это та же кнопка «Random», которая перемешивает стили и выдает рандомизированные элементы.
Экспортнуть файл можно не только в JPEG или PNG, но и в качестве кода для inline SVG и фоновой картинки CSS.
#Design #Creative
У Pattern Generator гибкие настройки: выбрав базовый стиль, вы можете затем настроить свою текстуру с помощью цветов, фильтров и преобразований.
Каждый стиль узора имеет свои уникальные преобразования.
Кнопка «Shuffle» — это та же кнопка «Random», которая перемешивает стили и выдает рандомизированные элементы.
Экспортнуть файл можно не только в JPEG или PNG, но и в качестве кода для inline SVG и фоновой картинки CSS.
#Design #Creative
Важный принцип UX : не усложняйте
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?».
- Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое?
- Будет ли им труднее достичь своей цели или сайт им станет меньше?
Если элемент не оправдывает своего присутствия, выбросьте его.
Простой дизайн легче продемонстрировать, понять, запустить и поддерживать. И вы всегда можете добавить что-то обратно, если станет ясно, что на это есть спрос.
Автор
#Design #UX
Как найти проект, если вы еще новичок?
1. Вы можете сами создать проект и работать над ним.
2. Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
3. Вы можете стать волонтером проекта и предложить свою помощь в качестве UX / UIдизайнера. В результате ваш дизайн будет использоваться разработчиками и будет опубликован, а вы, в свою очередь, научитесь работать с различными типами задач и добавите этот дизайн в свое портфолио.
4. Создайте дизайн для бизнеса своих знакомых, родственников и друзей – кафе, салон красоты, услуги фотографа и т. д. Нет гарантии, что ваш дизайн потом будет запущен в производство (возможно, в данный момент ваш друг не готов тратить время или деньги на программиста), но зато вы попрактикуетесь и научитесь работать с клиентами.
Автор
1. Вы можете сами создать проект и работать над ним.
2. Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
3. Вы можете стать волонтером проекта и предложить свою помощь в качестве UX / UIдизайнера. В результате ваш дизайн будет использоваться разработчиками и будет опубликован, а вы, в свою очередь, научитесь работать с различными типами задач и добавите этот дизайн в свое портфолио.
4. Создайте дизайн для бизнеса своих знакомых, родственников и друзей – кафе, салон красоты, услуги фотографа и т. д. Нет гарантии, что ваш дизайн потом будет запущен в производство (возможно, в данный момент ваш друг не готов тратить время или деньги на программиста), но зато вы попрактикуетесь и научитесь работать с клиентами.
Автор
Совет дизайнерам, не связанные с дизайном : вы – это не ваша работа
Итак, вы – это не ваша работа. Вы человек – уникальный, несовершенный, полный сложностей и противоречий, который просто работает в UX и UI. Не забывайте этого.
На протяжении всей жизни вы, вероятно, будете работать в разных компаниях, отраслях и на разных должностях. Помните, что работа временна, но жизненные события и отношения, которые мы строим, постоянны. Будь то работа по дому, учеба или семейные дела, если вам нужно делать это – делайте. Работа может и должна подождать.
Если работа кажется невыносимой и становится единственным занятием, на которое вы тратите время, сделайте глубокий вдох и подумайте, что у вас есть право сделать перерыв.
Автор
#Design
Итак, вы – это не ваша работа. Вы человек – уникальный, несовершенный, полный сложностей и противоречий, который просто работает в UX и UI. Не забывайте этого.
На протяжении всей жизни вы, вероятно, будете работать в разных компаниях, отраслях и на разных должностях. Помните, что работа временна, но жизненные события и отношения, которые мы строим, постоянны. Будь то работа по дому, учеба или семейные дела, если вам нужно делать это – делайте. Работа может и должна подождать.
Если работа кажется невыносимой и становится единственным занятием, на которое вы тратите время, сделайте глубокий вдох и подумайте, что у вас есть право сделать перерыв.
Автор
#Design
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