13 лайфхаков по UI/UX, которые прокачают твой дизайн
1. Сделайте элементы более четкими с помощью тонкой границы.
2. Для достижения лучшего оптического баланса уменьшите межбуквенный интервал в заголовках.
3. Для сохранения последовательности убедитесь, что все иконки имеют единый визуальный стиль.
4. Используйте только один шрифт во всем дизайне.
5. Пустое пространство – ваш друг.
6. Создаете длинные формы контента? Попробуйте шрифт 20pt.
7. Используйте шкалу шрифтов, чтобы определить гармоничный набор размеров шрифта.
8. Выберите базовый цвет, а затем используйте Tints и Shades, чтобы добиться единообразия.
9. Улучшите онбординг пользователей.
10. Ваши тени должны быть образованы одним источником света.
11. Используйте суперсемейства, когда ищете отличные сочетания шрифтов.
12. Увеличьте контраст между текстом и изображениями с помощью ненавязчивого оверлея.
13. Умеренно используйте центрированный текст.
#Design #UI #UX
1. Сделайте элементы более четкими с помощью тонкой границы.
2. Для достижения лучшего оптического баланса уменьшите межбуквенный интервал в заголовках.
3. Для сохранения последовательности убедитесь, что все иконки имеют единый визуальный стиль.
4. Используйте только один шрифт во всем дизайне.
5. Пустое пространство – ваш друг.
6. Создаете длинные формы контента? Попробуйте шрифт 20pt.
7. Используйте шкалу шрифтов, чтобы определить гармоничный набор размеров шрифта.
8. Выберите базовый цвет, а затем используйте Tints и Shades, чтобы добиться единообразия.
9. Улучшите онбординг пользователей.
10. Ваши тени должны быть образованы одним источником света.
11. Используйте суперсемейства, когда ищете отличные сочетания шрифтов.
12. Увеличьте контраст между текстом и изображениями с помощью ненавязчивого оверлея.
13. Умеренно используйте центрированный текст.
#Design #UI #UX
Твое мнение
Anonymous Poll
79%
Чётенько
13%
Не нравится такая категоричность
8%
А что такое логотип?
Firefox теперь без хвоста. Лиса осталась, не переживайте
Все внимание компания сконцентрировала на огне. Firefox обновил свой логотип. Им стал круглый символ пламени. Прочитай коротенькую статью, чтобы быть в курсе о всех фишках обновления
#Design #Logo
Все внимание компания сконцентрировала на огне. Firefox обновил свой логотип. Им стал круглый символ пламени. Прочитай коротенькую статью, чтобы быть в курсе о всех фишках обновления
#Design #Logo
LogoBook — 1000 идей для ваших логотипов
Очень крутой проект, в котором можно найти различное исполнение букв, форм, символов. Это инструмент значительно облегачает работу в генерации новых идей. Должен отметить высокое качество контента на сайте. Все работы размещенные на сайте тщательно отбираются вручную.
Посмотреть
#Design #Logo
Очень крутой проект, в котором можно найти различное исполнение букв, форм, символов. Это инструмент значительно облегачает работу в генерации новых идей. Должен отметить высокое качество контента на сайте. Все работы размещенные на сайте тщательно отбираются вручную.
Посмотреть
#Design #Logo
50 бесплатных современных шрифтов
Если вы ищете великолепный и стильный шрифт, посмотрите на эту современную подборку. Этот обзор полон элегантных, стильных и универсальных шрифтов. Он идеально подойдут для всех видов современного дизайна, от веб-сайтов до печатных материалов.
Посмотреть шрифты
#Design #Typography
Если вы ищете великолепный и стильный шрифт, посмотрите на эту современную подборку. Этот обзор полон элегантных, стильных и универсальных шрифтов. Он идеально подойдут для всех видов современного дизайна, от веб-сайтов до печатных материалов.
Посмотреть шрифты
#Design #Typography
Минимализм и простота
В истории интерфейсов очень много было экспериментов и сегодня дизайн пришел к тому, что хороший интерфейс — это тот интерфейс который не видно. Дизайн не должен перетягивать на себя внимание и быть навязчивым. Поэтому белый цвет и отсутствие дизайна - самый оптимальный вариант для этих задач. В данном случае дизайн фокусируется в деталях: сетка интерфейса, шрифты, иконки, цвета, UX, анимация.
На что стоит обращать внимание?
1. Оставляйте на первом плане только самые необходимые функции для пользователя.
2. Делайте интерфейс легким и воздушным. Убирайте массивные цвета. В центре должен оставаться контент.
3. Выстраивайте дизайн вокруг хороших шрифтов, качественной верстки, правильных акцентах, иконках, однородности.
4. Уделяйте максимум внимания деталям.
5. Делайте интефейс "незаметным", но интуитивно понятным и удобным.
6. Сильно не уходите от привычных функций и дизайна для пользователей.
Поверьте, иногда действительно не стоит придумывать велосипед.
#Design #UI
В истории интерфейсов очень много было экспериментов и сегодня дизайн пришел к тому, что хороший интерфейс — это тот интерфейс который не видно. Дизайн не должен перетягивать на себя внимание и быть навязчивым. Поэтому белый цвет и отсутствие дизайна - самый оптимальный вариант для этих задач. В данном случае дизайн фокусируется в деталях: сетка интерфейса, шрифты, иконки, цвета, UX, анимация.
На что стоит обращать внимание?
1. Оставляйте на первом плане только самые необходимые функции для пользователя.
2. Делайте интерфейс легким и воздушным. Убирайте массивные цвета. В центре должен оставаться контент.
3. Выстраивайте дизайн вокруг хороших шрифтов, качественной верстки, правильных акцентах, иконках, однородности.
4. Уделяйте максимум внимания деталям.
5. Делайте интефейс "незаметным", но интуитивно понятным и удобным.
6. Сильно не уходите от привычных функций и дизайна для пользователей.
Поверьте, иногда действительно не стоит придумывать велосипед.
#Design #UI
3 критические ошибки в портфолио, которые могут стоить вам работы
1. Плохая презентация
Постарайтесь представить свои проекты визуально, интересно и продуманно. Помните, что люди, особенно дизайнеры, предпочитают воспринимать информацию визуально, и все мы любим привлекательные вещи. Даже самое изысканное блюдо будет невкусным, если подать его на уродливой тарелке. То же самое и с пользовательским интерфейсом.
2. Отсутствие внимания к деталям
Это очень важно. Дизайнер должен обращать внимание даже на мельчайшие детали в интерфейсе, который проектирует. Так покажите миру, что вам не все равно. Ищите несоответствия и недостатки в своем дизайне (поля, цвета, типографика). Что приводит нас к следующему пункту.
3. Грамматические ошибки
К сожалению, они попадаются часто и оказывают невероятно негативное влияние. Даже самая визуально привлекательная панель инструментов со словом «Daschboard», «Dashbord» или «Dasboard» немедленно потеряет всю свою магию.
#Design #Freelance
Автор
1. Плохая презентация
Постарайтесь представить свои проекты визуально, интересно и продуманно. Помните, что люди, особенно дизайнеры, предпочитают воспринимать информацию визуально, и все мы любим привлекательные вещи. Даже самое изысканное блюдо будет невкусным, если подать его на уродливой тарелке. То же самое и с пользовательским интерфейсом.
2. Отсутствие внимания к деталям
Это очень важно. Дизайнер должен обращать внимание даже на мельчайшие детали в интерфейсе, который проектирует. Так покажите миру, что вам не все равно. Ищите несоответствия и недостатки в своем дизайне (поля, цвета, типографика). Что приводит нас к следующему пункту.
3. Грамматические ошибки
К сожалению, они попадаются часто и оказывают невероятно негативное влияние. Даже самая визуально привлекательная панель инструментов со словом «Daschboard», «Dashbord» или «Dasboard» немедленно потеряет всю свою магию.
#Design #Freelance
Автор
Институт цвета Pantone назвал сразу два главных цвета 2021 года:
Illuminating и Ultimate Gray, говорится в сообщении института. Pantone охарактеризовал сочетание серого и желтого как «вдохновляющее и дающее надежду». Институт называет желтый оттенок «согревающим и оптимистичным», а серый — «практичным и твердым». По мнению Pantone, это сочетание лучше всего выражает настроение 2021 г., подчеркивая, как не похожие друг на друга элементы могут объединяться, чтобы поддерживать друг друга.
«PANTONE 13-0647 Illuminating — это яркий и жизнерадостный желтый цвет, искрящийся живостью, согревающий желтый оттенок, пронизанный солнечной энергией. PANTONE 17-5104 Ultimate Gray символизирует прочные и надежные элементы, которые являются вечными и обеспечивают прочную основу», — пояснили специалисты института.
Согласно сайту Pantone, 2021 г. станет первым за 20 лет, когда были выбраны сразу два цвета года. В 2020 г. цветом года стал «классический синий».
#Design #Creative
Источник
Illuminating и Ultimate Gray, говорится в сообщении института. Pantone охарактеризовал сочетание серого и желтого как «вдохновляющее и дающее надежду». Институт называет желтый оттенок «согревающим и оптимистичным», а серый — «практичным и твердым». По мнению Pantone, это сочетание лучше всего выражает настроение 2021 г., подчеркивая, как не похожие друг на друга элементы могут объединяться, чтобы поддерживать друг друга.
«PANTONE 13-0647 Illuminating — это яркий и жизнерадостный желтый цвет, искрящийся живостью, согревающий желтый оттенок, пронизанный солнечной энергией. PANTONE 17-5104 Ultimate Gray символизирует прочные и надежные элементы, которые являются вечными и обеспечивают прочную основу», — пояснили специалисты института.
Согласно сайту Pantone, 2021 г. станет первым за 20 лет, когда были выбраны сразу два цвета года. В 2020 г. цветом года стал «классический синий».
#Design #Creative
Источник
Логотип какого года тебе нравится больше?
Anonymous Poll
8%
1995
8%
2001
6%
2006
14%
2009
21%
2012
42%
2015
5 основных анти-трендов современного дизайна
Некоторые тренды становятся настолько популярными, что популярность определенного образа или эффекта представляет опасность для самого продукта – разные продукты начинают походить на армию клонов – без оригинальности и без фактора узнаваемости. Давайте посмотрим на эти тренды.
Читать подробнее
Некоторые тренды становятся настолько популярными, что популярность определенного образа или эффекта представляет опасность для самого продукта – разные продукты начинают походить на армию клонов – без оригинальности и без фактора узнаваемости. Давайте посмотрим на эти тренды.
Читать подробнее
Telegraph
5 основных анти-трендов современного дизайна
Тренды приходят и уходят. Дизайнеры, особенно в мире интерфейсов, легко следуют новым веяниям, не уделяя им должного внимания. Хотя я не хочу демонизировать тренды, некоторые из них, если их использовать бездумно, могут стать настоящей катастрофой для продукта.…
Преимущества использования плагинов
Плагины предоставляют простые и интуитивно понятные способы расширения ваших возможностей в Figma. Они помогают оптимизировать и автоматизировать рутинные и повторяющиеся задачи. Например, наименования слоев, поиск, группировка, добавление специальных функций, таких как добавление полезного контента в макеты. Они как дворецкий Альфред для Бэтмена. Всегда помогают в нужное время.
На данный момент для Figma есть почти 420 плагинов. Да, они добавляются почти каждый день. Замечательный момент заключается в том, что они разрабатываются не сотрудниками компании, а обычными людьми, такими как вы и я. Все верно, если вы знаете популярные языки программирования и можете создать интересный плагин, тогда все сообщество Figma будет радо увидеть ваш продукт!
#Design #Figma
Плагины предоставляют простые и интуитивно понятные способы расширения ваших возможностей в Figma. Они помогают оптимизировать и автоматизировать рутинные и повторяющиеся задачи. Например, наименования слоев, поиск, группировка, добавление специальных функций, таких как добавление полезного контента в макеты. Они как дворецкий Альфред для Бэтмена. Всегда помогают в нужное время.
На данный момент для Figma есть почти 420 плагинов. Да, они добавляются почти каждый день. Замечательный момент заключается в том, что они разрабатываются не сотрудниками компании, а обычными людьми, такими как вы и я. Все верно, если вы знаете популярные языки программирования и можете создать интересный плагин, тогда все сообщество Figma будет радо увидеть ваш продукт!
#Design #Figma
Свежий взгляд на бренд
Бренд Android все время развивался. Еще в 2014 году мы обновили наш логотип и цвет бренда, а в этом году представляем его более современный вид.
Дизайн логотипа черпает вдохновение у самого узнаваемого нечеловеческого члена сообщества, робота Android. Робот принадлежит всему сообществу и долгое время был символом веселья и сердцем Android. Теперь он занимает особое место в нашем логотипе.
Также мы изменили цвет логотипа с зеленого на черный. Это небольшое изменение, но мы обнаружили, что зеленый цвет трудно распознается, особенно для людей с нарушениями зрения. Логотип часто сочетается с цветами, из-за которых его трудно увидеть, поэтому мы придумали новый набор цветовых комбинаций, который придаст логотипу яркого контраста.
#Design #Logo #Brand
Бренд Android все время развивался. Еще в 2014 году мы обновили наш логотип и цвет бренда, а в этом году представляем его более современный вид.
Дизайн логотипа черпает вдохновение у самого узнаваемого нечеловеческого члена сообщества, робота Android. Робот принадлежит всему сообществу и долгое время был символом веселья и сердцем Android. Теперь он занимает особое место в нашем логотипе.
Также мы изменили цвет логотипа с зеленого на черный. Это небольшое изменение, но мы обнаружили, что зеленый цвет трудно распознается, особенно для людей с нарушениями зрения. Логотип часто сочетается с цветами, из-за которых его трудно увидеть, поэтому мы придумали новый набор цветовых комбинаций, который придаст логотипу яркого контраста.
#Design #Logo #Brand
Best Font for Logo
Best Font for Logo or Poster Design Oceania SVG
Скачать шрифт
#Design #Typography #Font
Best Font for Logo or Poster Design Oceania SVG
Скачать шрифт
#Design #Typography #Font
Dfonts
Oceania | SVG Script Font - Dfonts
Oceania | SVG Script Font with a calligraphy style, So beautiful on invitation like greeting cards, branding materials, business cards, quotes, posters, and more!
Двоезапятие
Считается, что точку с запятой (;) изобрел Альд Мануций Старший. За прошедшие почти пятьсот лет никто толком не научился применять этот знак по назначению. Иностранные писатели точку с запятой иногда ставят, русские писатели обычно избегают.
Предлагается ввести новый знак, состоящий из двух запятых. Графически и интонационно такой символ гораздо лучше подходит для обозначения паузы.
Автору известна судьба типографических нововведений — редкие из них наслаждаются популярностью. Но, в отличие от мало известного сегодня интерробанга (вопроцательный знак — гибрид вопросительного и восклицательного, предложенный Мартином Спектером в 1962 году), знак паузы может оказаться востребованным и актуальным в современных текстах.
Взято из § 133 «Ководство» Артемия Лебедева
#Design #Typography
Считается, что точку с запятой (;) изобрел Альд Мануций Старший. За прошедшие почти пятьсот лет никто толком не научился применять этот знак по назначению. Иностранные писатели точку с запятой иногда ставят, русские писатели обычно избегают.
Предлагается ввести новый знак, состоящий из двух запятых. Графически и интонационно такой символ гораздо лучше подходит для обозначения паузы.
Автору известна судьба типографических нововведений — редкие из них наслаждаются популярностью. Но, в отличие от мало известного сегодня интерробанга (вопроцательный знак — гибрид вопросительного и восклицательного, предложенный Мартином Спектером в 1962 году), знак паузы может оказаться востребованным и актуальным в современных текстах.
Взято из § 133 «Ководство» Артемия Лебедева
#Design #Typography
Самый большой недостаток в UX PlayStation 5
Иногда можно легко поторопиться и проигнорировать очевидные детали продукта. Одним из таких примеров является недавно выпущенная игровая консоль PlayStation 5. С момента ее релиза многие пользователи сообщали, что привод оптических дисков не работает. Угадайте почему? Они вставляли диск неправильной стороной! Их чуть не хватил инфаркт, когда они подумали, что им попалась бракованная консоль или диск с игрой.
Конечно, мы можем обвинить пользователя, что он не прочитал руководство полностью, но, согласно первому правилу UX-дизайна, «пользователь всегда прав». Итак, давайте разберемся с этой проблемой с точки зрения дизайнера.
Читать
#Design #UX
Иногда можно легко поторопиться и проигнорировать очевидные детали продукта. Одним из таких примеров является недавно выпущенная игровая консоль PlayStation 5. С момента ее релиза многие пользователи сообщали, что привод оптических дисков не работает. Угадайте почему? Они вставляли диск неправильной стороной! Их чуть не хватил инфаркт, когда они подумали, что им попалась бракованная консоль или диск с игрой.
Конечно, мы можем обвинить пользователя, что он не прочитал руководство полностью, но, согласно первому правилу UX-дизайна, «пользователь всегда прав». Итак, давайте разберемся с этой проблемой с точки зрения дизайнера.
Читать
#Design #UX
Telegraph
Самый большой недостаток в UX PlayStation 5
Новый дизайн Новая вертикальная ориентация консоли выглядит чертовски красиво, но все меняет. До этого привод оптических дисков находился в верхней части устройства (PlayStation 1, 2, 3 и 4), это позволяло понять, что диск нужно вставлять блестящей стороной…
Design Line запускает первое онлайн-голосование за любимого дизайн-спикера 2020
Кто тебя прокачал больше других?
За кем ты следишь?
Кто достоин подарка от Деда Мороза и Design Line?
Заходи на https://clc.to/designvote и отдавай свой голос. Для чего? Просто фан и любопытсво. Лучшим подарим подарки от Деда Мороза
Результаты подведут там же 28 декабря
Кто тебя прокачал больше других?
За кем ты следишь?
Кто достоин подарка от Деда Мороза и Design Line?
Заходи на https://clc.to/designvote и отдавай свой голос. Для чего? Просто фан и любопытсво. Лучшим подарим подарки от Деда Мороза
Результаты подведут там же 28 декабря
Моушн для юзабилити
Моушн-дизайн должен поддерживать юзабилити четырьмя различными способами.
Ожидание: когда пользователи взаимодействуют с элементами интерфейса, какое поведение движения они ожидают увидеть? Соответствует ли движение ожиданиям или вызывает недоумение?
Непрерывность: вызывают ли взаимодействия последовательные движения в процессе пользовательского опыта?
Повествование: связаны ли взаимодействия и вызываемое ими поведение движения с логическим развитием событий, удовлетворяющим намерения пользователя?
Взаимосвязь: как пространственные, эстетические и иерархические атрибуты элементов интерфейса соотносятся друг с другом и влияют на принятие решений пользователем? Как движение влияет на существующие взаимосвязи между элементами?
#Motion
Моушн-дизайн должен поддерживать юзабилити четырьмя различными способами.
Ожидание: когда пользователи взаимодействуют с элементами интерфейса, какое поведение движения они ожидают увидеть? Соответствует ли движение ожиданиям или вызывает недоумение?
Непрерывность: вызывают ли взаимодействия последовательные движения в процессе пользовательского опыта?
Повествование: связаны ли взаимодействия и вызываемое ими поведение движения с логическим развитием событий, удовлетворяющим намерения пользователя?
Взаимосвязь: как пространственные, эстетические и иерархические атрибуты элементов интерфейса соотносятся друг с другом и влияют на принятие решений пользователем? Как движение влияет на существующие взаимосвязи между элементами?
#Motion