Как работает тёмная тема и как правильно её создать
В мире приложений тёмные темы стали не просто трендом, а хорошим тоном. Так интерфейс не нагружает глаза пользователя в тёмное время суток и экономит энергию на устройствах с OLED-экраном.
Держите статью о создании таких тем с учётом особенностей человеческой физиологии глаза. Тут обсуждают изменение цветовой гаммы в зависимости от времени суток и особенностей сумеречного зрения. Расскажут про теорию цвета и контраста, а главное — как правильно тестировать интерфейс с тёмной темой инженерным путём. И всё это на примерах картинок с уточками.
#ux #ui
В мире приложений тёмные темы стали не просто трендом, а хорошим тоном. Так интерфейс не нагружает глаза пользователя в тёмное время суток и экономит энергию на устройствах с OLED-экраном.
Держите статью о создании таких тем с учётом особенностей человеческой физиологии глаза. Тут обсуждают изменение цветовой гаммы в зависимости от времени суток и особенностей сумеречного зрения. Расскажут про теорию цвета и контраста, а главное — как правильно тестировать интерфейс с тёмной темой инженерным путём. И всё это на примерах картинок с уточками.
#ux #ui
❤🔥7🍌2👍1
Forwarded from Веб-страница
Про UI/UX в двух словах: как и зачем применяют принципы логики в дизайне интерфейсов?
Логика — фундаментальный инструмент, который помогает принимать решения и преодолевать проблемы. Она применима во всём — от простых повседневных действий до сложных научных исследований. И, конечно же, она играет огромную роль в дизайне интерфейсов.
Логика и дизайн-мышление помогают создавать выдающиеся интерфейсы. О том, как это работает, и как «прокачать» эти навыки, рассказывает наш читатель Иван Сержантов: https://tproger.ru/articles/kak-i-zachem-primenyayut-principy-logiki-v-dizajne-interfejsov
#дизайн #ux
Логика — фундаментальный инструмент, который помогает принимать решения и преодолевать проблемы. Она применима во всём — от простых повседневных действий до сложных научных исследований. И, конечно же, она играет огромную роль в дизайне интерфейсов.
Логика и дизайн-мышление помогают создавать выдающиеся интерфейсы. О том, как это работает, и как «прокачать» эти навыки, рассказывает наш читатель Иван Сержантов: https://tproger.ru/articles/kak-i-zachem-primenyayut-principy-logiki-v-dizajne-interfejsov
#дизайн #ux
❤2👍1🍌1
Что такое UX и как сделать интерфейс удобным?
Аббревиатура UX означает user experience, что переводится как «пользовательский опыт». Проще говоря, это то, как пользователь взаимодействует с интерфейсом и насколько сайт или приложение для него понятны и удобны. UX влияет не только на красоту продукта, но и может напрямую влиять на его ключевые метрики и в том числе на выручку.
Этот урок — подробная инструкцию для начинающих, в которой объясняется, как стать востребованным веб-дизайнером, что такое UX/UI, какие есть основные правила в дизайне и как их применять. В материале много общей теории, поэтому видео будет полезно не только фронтендерам или дизайнерам:
https://youtu.be/n2W0otzEu9s?si=dgk22KuTAFoi9o3-
@prog_point #ux #ui #советы
Аббревиатура UX означает user experience, что переводится как «пользовательский опыт». Проще говоря, это то, как пользователь взаимодействует с интерфейсом и насколько сайт или приложение для него понятны и удобны. UX влияет не только на красоту продукта, но и может напрямую влиять на его ключевые метрики и в том числе на выручку.
Этот урок — подробная инструкцию для начинающих, в которой объясняется, как стать востребованным веб-дизайнером, что такое UX/UI, какие есть основные правила в дизайне и как их применять. В материале много общей теории, поэтому видео будет полезно не только фронтендерам или дизайнерам:
https://youtu.be/n2W0otzEu9s?si=dgk22KuTAFoi9o3-
@prog_point #ux #ui #советы
YouTube
UX / UI - Проектирование: учимся делать удобно
Подробная инструкция для начинающих: Как стать востребованным веб дизайнером и что такое UX UI и как их использовать. Общаемся во время премьеры на странице трансляции: https://wayup.in/library/workshop/ux-ui-design?utm_source=youtube&utm_medium=info&utm_campaign=mk…
❤🔥3👍1
Как работает тёмная тема и как правильно её создать
В мире приложений тёмные темы стали не просто трендом, а хорошим тоном. Так интерфейс не нагружает глаза пользователя в тёмное время суток и экономит энергию на устройствах с OLED-экраном.
Держите статью о создании таких тем с учётом особенностей человеческой физиологии глаза. Тут обсуждают изменение цветовой гаммы в зависимости от времени суток и особенностей сумеречного зрения. Расскажут про теорию цвета и контраста, а главное — как правильно тестировать интерфейс с тёмной темой инженерным путём. И всё это на примерах картинок с уточками.
#ux #ui
В мире приложений тёмные темы стали не просто трендом, а хорошим тоном. Так интерфейс не нагружает глаза пользователя в тёмное время суток и экономит энергию на устройствах с OLED-экраном.
Держите статью о создании таких тем с учётом особенностей человеческой физиологии глаза. Тут обсуждают изменение цветовой гаммы в зависимости от времени суток и особенностей сумеречного зрения. Расскажут про теорию цвета и контраста, а главное — как правильно тестировать интерфейс с тёмной темой инженерным путём. И всё это на примерах картинок с уточками.
#ux #ui
❤2❤🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Скелетон: как сделать загрузку визуально приятной
Для загрузки контента на сайте или в приложении требуется время — иногда долисекунд, а иногда гораздо больше. Во втором случае нужно дать пользователю понять, что всё идет по плану, сайт не сломался и контент вот-вот будет. Для этого используются скелетоны — анимированные заглушки вместо контента до момента его загрузки. Они показывают не только, что идет загрузка, но и то где и даже какой контент будет загружен — картинка или текст. Это воспринимается лучше, чем обычный спиннер и делает интерфейс чище.
Я нашёл для вас гайд, как сверстать такой скелетон для карточки статьи за несколько минут. Демонстрируется HTML-код и CSS-стили с переменными, чтобы сразу получать плавную анимацию и адаптивную структуру без кучи лишнего кода.
#css #фронтенд #ux
Для загрузки контента на сайте или в приложении требуется время — иногда долисекунд, а иногда гораздо больше. Во втором случае нужно дать пользователю понять, что всё идет по плану, сайт не сломался и контент вот-вот будет. Для этого используются скелетоны — анимированные заглушки вместо контента до момента его загрузки. Они показывают не только, что идет загрузка, но и то где и даже какой контент будет загружен — картинка или текст. Это воспринимается лучше, чем обычный спиннер и делает интерфейс чище.
Я нашёл для вас гайд, как сверстать такой скелетон для карточки статьи за несколько минут. Демонстрируется HTML-код и CSS-стили с переменными, чтобы сразу получать плавную анимацию и адаптивную структуру без кучи лишнего кода.
#css #фронтенд #ux
👍3❤1