Браузерный генератор 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
Интерактивные компоненты 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 текстура пыли, металла, бумаги, стены и тд.
Текстуры добавляют дизайну глубины и чувство “пошарпанности”.