Size: a a a

2019 October 29
dui
Как порно сайты манипулируют вниманием и двигают технологии вперёд. 18+

Pornhub, ресурс, который умеет хорошо задерживать пользователя. Кто-то скажет, что у них всё не очень с точки зрения визуального дизайна, но в плане UX у них всё очень хорошо. Этот и другие крупные порносайты знают, как удерживать пользователя, как можно дольше и продавать платные услуги.

Большая статья про, то, как сайты для взрослых манипулируют нашим вниманием.

Несколько цитат из статьи:
⁃ Интерфейс сайтов заставляет смотреть на всю страницу: глаза описывают окружность по часовой стрелке, начиная с логотипа и прыгающей груди, затем влево вниз, и цепляются за готовый к просмотру нижний ряд видео.
⁃ Интерфейс делает порносайты местом для скитаний, брождений, безделья и пустой траты времени
⁃ Он сравнивает дизайн порносайтов с «Икеей», где пользовательские маршруты тщательно продуманы.
⁃ Логотипы всегда находятся слева вверху, рядом — тонкая полоска меню с выпадающим списком категорий. Сетка с видео располагается ниже, справа — объявления с прямыми эфирами, на которых обычно изображены мастурбирющие на камеру модели или фурри (антропоморфные животные) с неестественно большой грудью.
⁃ Секс-индустрия уже давно стимулирует технологические инновации. Благодаря ей были придуманы новые инструменты продаж и способы заработка. Среди прочего мы обязаны ей появлением онлайн-видеочатов, видеостримов, защищенных онлайн-платежей, всплывающих уведомлений и сетевой рекламы.

Подробнее обо всём в статье — https://newochem.io/porntube-ux/
Или можно прослушать её в подкасте «Newочём» — https://overcast.fm/+KY6Kk8haM
источник
2019 October 30
dui
One UI 2 от Samsung

Samsung анонсировали обновление фирменной оболочки One UI 2. Эта оболочка, как и её первая версия, нацелены на удобное использование устройств компании одной рукой. Концепция в том, что видимый контент отображается в верхней части устройства, а тот с которым взаимодействуешь, в нижней.

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

Вообще Samsung молодцы, нравится их визуальный стиль в системе.

https://youtu.be/wxwycoG41fc

Лендинг проекта — https://www.samsung.com/us/apps/one-ui/
источник
dui
sRGB или Display P3

Сделал перевод твиттер треда про цветовые профили и управление цветом, и в чём разница между sRGB и Display P3 — https://vk.com/@duiux-srgb-ili-display-p3
источник
2019 October 31
dui
Анонсирован конкурс дизайн концептов  Mail Design Cup (бывший Russian Design Cup)

Уже сейчас идёт отборочный тур, который закончится 15 ноября.

Рекомендую принять участие многим дизайнерам, особенно новичкам и тем, кто ищет работу. Многие участники прошлых конкурсов получали офферы. Конкурс позволяет заявить о себе, как дизайнере, и здорово прокачивает, развивает креативное мышление при работе над проектами.

Я принимал участие два года назад, и здорово прокачал уровень презентации проектов и поработал над разными задачами, пришлось даже делать AR интерфейс для Камаз в одном из этапов. В итоге взял призовое место в одном из этапов. Но к сожалению не вошёл в тройку победителей, попал лишь в десятку, но для первого участия я посчитал это хорошим результатом.

https://maildesigncup.ru/about/
источник
dui
О дизайн системе Газпромбанка «Холизм»

Саша Окунев рассказал, как он и его команда работали над созданием дизайн системы Газпромбанка под названием «Холизм» — https://clc.to/Nu-FRw

Ссылка на дизайн систему — https://holism.gpbdev.ru/

#designSystem
источник
2019 November 04
dui
Компания Facebook обновила логотип.

Привычный всем лого, остался действовать в рамках приложения Facebook.

Подробнее об идее логотипа и создании — https://facebook.design/companybrand
источник
2019 November 05
dui
Sketch 60 Beta, и плагин Runner — всё?

Сорри, какой-то кликбейтный заголовок получился, но ладно.

На прошлой неделе Sketch анонсировали 60 бету.

Из нового: облачные библиотеки и новая панель компонентов, похожая на панель в Figma. Так же появился удобный поиск в оверайдах, который принёс плагин Runner Pro.
https://www.sketch.com/beta/

Интересно ещё то, что кажется команда Runner в связи с выходом этого обновления решила приостановить развитие — https://twitter.com/sketch_runner/status/1189428604733513729?s=21
источник
2019 November 07
dui
Конкурс для дизайнеров в VK Cup

Недавно был анонсирован конкурс для интерфейс дизайнеров в рамках чемпионата VK Cup с возможностью выиграть больше 500 тыс.руб.

Конкурс пройдёт в три этапа. Квалификационный раунд начнётся 6 декабря и продлится 11 дней. По мере прохождения конкурса нужно будет создать несколько простых элементов дизайна, а затем интерфейс сервиса ВК, или самостоятельное приложение.

Подавайте заявку на участие до 4 декабря: vk.cc/cup

Все новости VK Cup найдёте в сообществе: vk.com/cup
источник
2019 November 12
dui
Sketch 60 — релиз

Переработали панель компонентов, сделали нативный раннер и внедрили облачные библиотеки.

Тут можно почитать подробнее обо всех основных новвоведениях — https://clc.to/a83YRA
источник
2019 November 28
dui
Сегодня стартует показ документального фильма «33 слова о дизайне». Это фильм-исследование о современном дизайне в России при поддержке Yellow Images.

Посмотреть фильм можно будет во многих городах России и СНГ: Санкт-Петербурге, Москве, Астрахане, Белгороде, Воронеже, Владивостоке, Екатеринбурге, Ижевске, Казани, Калининграде, Краснодаре, Красноярске, Минске, Нальчике, Нижнем Новгороде, Новосибирске, Перми, Ростове-на-Дону, Рязани, Саратове, Смоленске, Сочи, Ставрополе, Тамбове, Томске, Тюмень, Ульяновск, Уфа, Челябинске.

Я выбрал Санкт-Петербург и решил сходить сегодня вечером.

Успеть купить билеты можно по ссылке — https://bangbangeducation.ru/movie/33
источник
2019 December 01
dui
#реклама

Хочешь создавать крутую моушн-графику, создавать эффекты к видео, делать крутые анимации логотипов?

Присоединяйся к обучающему интенсиву по ссылке: https://clc.to/m987Sg

- Познакомим с базовыми функциями Adobe After Effects.
- Покажем, как легко можно «оживить» статичную картинку и сделать интересную анимацию.
- Научим работать с формами, изображениями и шрифтами.
- Создадим первый кейс для портфолио на Behance.
- Проведём подробный разбор работ участников.

В конце интенсива всех участников ждут призы, а авторы лучших работ получат грант на обучение от Skillbox!
источник
2019 December 02
dui
Как дизайнеры из Яндекс.Карт подружили Figma и разработку

Дизайнеры из Я.Карты перешли на Фигму по причине, что у неё мощный API и он даёт доступ ко всей структуре файла. И с помощью этого хотелось упростить поддержку графических ресурсов в коде приложений.

Одной из их задач было сделать удобный репозиторий графических ресурсов. Проще говоря иметь возможность обновлять иконки в Figma в файле и сразу уносить эти изменения в код. В статье есть ссылки про работу API Figma.

Библиотека компонентов была разделена на три файла:
1. Core — хранит цвета, стили текста и иконки.
2. Atom — содержит все отдельные элементы интерфейса. Кнопки, поля ввода и тому подобное.
3. Dev Core — тут хранятся финальные ресурсы для разработчиков. О работе с этим файлом и есть статья.

С помощью скрипта, который был написан командой появилась возможность синхронизировать все изменения из макета в код. Но для корректной работы важно соблюдать правильное именование графических ресурсов, для этого был написан плагин для браузера, который проверяет соответствие файла с заданными параметрами.

Подробнее обо всём этом в статье — https://medium.com/yandex-maps-ios/как-мы-используем-figma-api-для-доставки-дизайна-в-production-928b33d31a5b
источник
2019 December 04
dui
Sketch анонсировал фичи, которые планирует запустить в 2020 году
1. Уже в январе 2020 должен появиться Handoff режим (проще говоря аналог Zeplin)

2. Ассистент, который судя по видео будет понимать, что вы нарисовали кнопку и предлагать завернуть эту группу в символ кнопки. И так же будет чесать на различные дизайн ошибки элементы. Аналогичные помощники по работе, есть в редакторах кода, которые чекают написанный код.

3. Улучшенное прототипирование. Ховер состояния, Скрытие хотспотов на прототипах, модальные окна, сохранение скролла, улучшенный шаринг прототипов.

4. Совместная работа над макетом. Привет, Фигма!
https://youtu.be/ltWFMvlylM0
источник
2019 December 06
dui
Pantone выбрал цвет 2020:  #0f4c81 «Классический синий»
источник
2019 December 09
dui
Кажется я раньше не делал подобные лайв посты, но не удержался сегодня и захотелось показать плохой интерфейс.

В фитнес зале обновили беговые дорожки, теперь они с модным тачскрином, но меня смутило два контрола в интерфейсе.

1. Под большим таймером слева есть две кнопки: плюс и минус.
2. Ниже под ним, большая синяя кнопка. Иконка похожа на термометр(?)

Как думаете, что происходит по нажатию на каждый из контролов? Пишите мне личку или чатик канала.
источник
2019 December 11
dui
В твиттере зашла речь про актуальные дизайн ресурсы от Google и Apple. Возможно кто нибудь незнает, но у компаний в их гайдлайнах есть ссылки на Sketch, XD и даже Figma файлы со всеми компонентами. Помимо них есть и другие полезные в работе ресурсы.

Apple
По ссылке файлы с компонентами для всех актуальных платформ компании: https://developer.apple.com/design/resources/

Material Design
Помимо файлов с компонентами, есть море других полезных материалов: https://material.io/resources/
источник
2019 December 19
dui
#реклама

Умеешь пользоваться фотошопом? А хочешь, чтобы работа с этой программой приносила тебе хороший заработок? Ведь 100 000 рублей — средняя зарплата дизайнера. Правда, чтобы стать им, владеть только фотошопом недостаточно.

Стать востребованным дизайнером тебе поможет курс от Skillbox «Профессия Художник компьютерной графики».

Все подробности по ссылке: https://clc.to/profession_artist

В честь Нового года Skillbox дарит огромную скидку в декабре — 55%!

На курсе ты:
— будешь работать с фотошопом с нуля;
— изучишь рекламную графику;
— научишься создавать визуализацию в 3D;
— создашь креативную концепцию в CGI.

В конце ты создашь крутое портфолио, состоящее из 8 работ, а после Skillbox поможет с трудоустройством.

Первые полгода учись бесплатно!
источник
2019 December 21
dui
Инструмент для создания мягких теней с экспортом CSS — https://brumm.af/shadows
источник
2019 December 30
dui
​​​​Утилита для настройки параметров Haptic в iOS.

Может быть полезна если вы планируете использовать Haptic устройства в вашем приложении https://apps.apple.com/ru/app/haptic-composer/id1493064699
источник
2020 January 11
dui
На выставке CES2020, Samsung показали аватары, которые генерирует нейронка.

Зачем нужны фотомодели в будущем, когда уже сейчас, и возможно в будущем все они будут заменены цифровой копией?

https://youtu.be/Q6f6EXX-79w
источник