DevNotes Live
6 subscribers
84.3K photos
12K videos
195 files
35.5K links
Автоматический агрегатор IT ресурсов в Telegram (@devnotes_robot)
Информация: https://t.me/devnotes_live/121
Download Telegram
Apple Watch Design

Ну и закончу промдизайном, который невооруженным взглядом считывается как развитие дизайна часов. Тот самый «носибельный», о котором Apple тоже явно, но в своей манере, заявляет:

«High-perfomance product like Mac, mobile products like iPhone, wearable products like Apple Watch».

#phygital #brands
Правило четырёх блоков.

Разделите дизайн на четыре блока по смыслу.

Первый блок в дизайне выполняет поставленную задачу сразу и самым очевидным способом.

Второй — помогает выполнять эту задачу. Помогает её понять, мотивировать.

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

Четвертый блок — решает все остальные менее ценные задачи в дизайне. Так вы сможете оценить иерархию важности элементов для успеха продукта и реализации бизнес-задач.
This media is not supported in your browser
VIEW IN TELEGRAM
Хороший дизайн состоит из рациональной идеи пользы для человека, соблазна желаний из яркой эмоции сопровождающей действия и надежной, устойчивой реализации и идеи и эмоции и еще разное:

— Хороший дизайн звучит. Собери себе примеры отличного дизайна и назначай им подходящий саундтрек. Соблазнительно любить предметы дизайна по звуку. Книгу за шелест и хруст страниц. Мышку на столе за щелчки при клике. Приложение за нежный звук оповещения о заказе.

— В дизайне соблазн это часть функциональности объекта. Придумывайте как и чем соблазнить пользователя воспользоваться объектом. Форма, поверхность, чувство, отношение. Одно дело — потребности, они вынуждают себя реализовать заранее, другое дело соблазны — сделать желаемое, что не осмысливалось до, но возникло при контакте с объектом.

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

— Избегайте соблазна сказать себе — «… и так сойдет»

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

— Соблазняйте себя удовольствием от работы. Если любите свое дело — отдавайтесь работе. Это наращивает мастерство и всегда приносит прибыль, уважение коллег и хорошие отношения с собой и набранными кредитами.

— Спешите поймать возможность увлекательно жить. Это особый род соблазнительной активности, когда хочется испытать себя в разных ролях. Побыть музыкантом, поработать в магазине детских игрушек, порисовать этюды или написать рассказ.
Forwarded from EDGELORD
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный факт про фильм Пэрл (2022)

Натянутая улыбка, которую Пэрл (Мия Гот) держит более трех минут во время заключительных титров, была спонтанной идеей Ти Уэста. Он планировал снять, как она улыбается, а затем выбрать стоп-кадр самого тревожного момента, но в последнюю минуту предложил: «А что если держать улыбку так долго, как только возможно, и посмотреть, что получится?». Они сняли улыбку, которая «переходит от комичной к глубоко тревожной, чем дольше она продолжается», за один дубль.
Forwarded from Адовый UX
Мы ценим твою конфиденциальность, поэтому, будь добр, нажми большую синюю (и единственную) кнопку СОГЛАСЕН, чтобы мы могли собирать, обрабатывать и передавать налево твои данные
Доброе утро!

Не нейронка, не фотошоп — просто жизнь. Кадр из реальной жизни.
Media is too big
VIEW IN TELEGRAM
The Unboxing

Volvo представила самый маленький автомобиль в своем классе EX30 в формате распаковки. В прямом смысле этого слова — из коробки.

#transport #showcase
Хороший проект. Запоминается образ, есть сквозная связь всей линейки дизайна, что усиливает торговую марку и создает визуальную основу для бренда. Сама иллюстрация слабая по графическому выполнению, а задумка и образ хорошие.

Дизайн: Atyan
Forwarded from dui (astract)
WWDC2023 / Дизайн пространственного ввода

Дизайнеры из команды Apple рассказали об основных методах работы с пространственными интерфейсами, с которым будет взаимодействовать человек в AR шлеме Vision Pro.

Я сделал выжимку основных моментов их выступления и делюсь с вами. Из-за лимит символов в посте пришлось разбить на два сообщения.

Ссылка на оригинальное видео

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

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

Дизайнеры из эпл определили, что наиболее комфортная зона для отображения главных окон приложения находится в районе 60 градусов поля зрения. (фото 1)

При появлении модальных окон, основной экран приложения сдвигается дальше от взгляда человека. Таким образом глазам не приходится адаптироваться к новой дистанции до элементов. Так формируется иерархия. (фото 2)

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

Минимальная зона для расположения элемента равняется 60 точкам (pt). Но это именно зона для расположения элемента, сам элемент может быть меньше. (фото 3)

Все интерактивные элементы должны иметь ховер эффект. Таким образом человек понимает, что с такими элементами можно взаимодействовать. (видео 4)

При длительном фокусе на интерактивных элементах появляется дополнительная информация. У кнопок появляются тултипы с их описанием, а таб бар раскрывается. Когда вы смотрите на поле голосового ввода и начинаете говорить, оно автоматически активируется.

Продолжение в следующем сообщении 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from dui (astract)
Forwarded from dui (astract)
Forwarded from dui (astract)
Продолжение предыдущего сообщения 👆

Руки
С помощью щипка двумя пальцами происходит всё основное управление в системе. Скролл, зум и так далее.

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

Используйте привычные и натуральные жесты для взаимодействия с некоторыми элементами, так как вы делали бы это в реальной жизни. Крутить пластинку или рубить фрукты вы не будете щипком двух пальцев. (фото 6)

При взаимодействии с элементами в виртуальном пространстве очень важен фидбек. Поэтому при печати на клавиатуре отображается анимация нажатий и воспроизводится звук. (фото 7)

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

С помощью комбинации глаз и рук можно с лёгкостью зумить конкретную зону на фотографии. Посмотрите на нужную зону и сделайте привычный пинч ту зум.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from dui (astract)
Forwarded from dui (astract)
Forwarded from EDGELORD
Где брать бесплатные стоковые фотографии?

Irasutoya (мелые японские клип арты)
Startup Stock Photos (фото под презентации стартапов)
Free Nature Stock (фото природы, животного мира, птиц)
The Pattern Library (фоновые паттерны)
Jay Mantri (авторские фото, автор разрешает брать)
Designer Pics (фото под базовые презентации идей)
New Old Stock (ретро)