Что такое UX/UI в двух словах

UX — (User Experience) — удовлетворение полученное пользователем от взаимодействия в вещью, устройством. Иначе, мера удовольствия, «радости» (или наоборот), которые, конечно зависят от удобства, продуманности самого механизма взаимодействия. Определяется объективно тестированием и субъективно оценкой самого пользователя. UX зависит от «пути» проделанного пользователем для достижения цели (получения результата) при взаимодействии с некоторой вещью.

UI — (User Interface) — способ взаимодействия пользователя с вещью. Чтобы завести машину могут применяться разные способы: а) друзья — заводим с «толкача», б) ручка (S-образная — как она называется?) суют её в каленвал и дрык-дрык — пытаются завести авто, в) ключ зажигания — поворачиваем и авто заводится, г) провода в замке зажигания — интерфейс для угонщика, д) усилием мысли — Дох Хуан, дружок Кастанеды …. +++ придумайте что-нибудь свое. Для вычислительной техники … так уж повелось, это всякие мышки, трэкболы, сенсорные экраны, комбинации «горячих» клавиш, представление программ в виде окон (microsoft, а точнее xerox), графические (и не только графические) элементы: кнопки, переключатели, ссылки и их взаимное расположение, форма, цвет, вид … и прочее, что позволяет пользователю взаимодействовать с устройством удобнее, быстрее, точнее.

На этом — всё!

Редактируем осеннее фото (цветокоррекция)

Иногда хочется улучшить уже сделанный снимок. Причины могут быть разные: матрица фотоаппарата не очень точно передаёт цвета, или снимок выглядит скучно или ещё что-то …

Вот у нас с вами есть снимок.

исходный снимок
исходный снимок

Мне кажется, что выглядит он блёклым и скучным. Давайте, подправим изображение.
Чтобы нам удобно было редактировать и видеть разницу между тем что было, и что появляется, давайте сделаем копию снимка. Выбираем в меню Image -> Duplicate и получим копию. С этой копией и будем экспериментировать.

duplicate
выбираем Duplicate

Сначала изменим тональность снимка. Для этого выбираем в меню пункты Image -> Adjustments -> Levels .

Levels
выбираем Levels

С помощью треугольных ручек-бегунков вносим изменения для теней (чёрная треугольная ручка), полутонов (серая) и света (белая).

изменяем тональность фотографии
изменяем тональность

Наш снимок становится более контрастным, глубоким (смотри снимок слева).

Затем изменяем цветовой баланс. Для этого выбираем в меню пункты Image -> Adjustments -> Color Balance.

Color Balance
выбираем Color Balance

Также с помощью подвижных ручек поправляем цветовой баланс для теней, полутонов и света. Для каждого из них немного смещаем баланс к красному и к жёлтому. Главное не перестараться, знать меру, иначе получится нечто худшее, чем было.

корректировка цветового баланса
корректировка цветового баланса

Получаем новый эмоционально насыщенный снимок.

новый снимок
новый снимок
исходный снимок
исходный снимок

Какой выберем? Конечно новый!

 

Эта статья размещена на Яндекс.Дзен