Vibrant Effect
Это эффект прозрачного размытия под контентом. Есть отдельно для одиночныйх текстов, больших объёмов текста и разделителей.
В 13 оси появилось много возможностей для тонкой настройки эффектов блюра и это замечательно. У дизайнеров появилось больше простора для создания красивых продуктов, а у разработчиков это работает из коробки.
В этой статье наглядно показаны виды брюра, отсюда же я и брал картинки pspdfkit.com/blog/20…s-on-ios
В iOS 13 добавилось 5 новых размытий. Все они умеют в тёмную и светлую тему, но можно отключить переключение. Иронично называются Material.
Ultra Thin Material — размывает чуть-чуть, цвета совсем немного. Сильно прозрачный
Thin Material — чуть большще размытия, чуть менее прозрачный
Material — думаю, вы уже поняли тенденцию. Ещё меньше прозрачности и больше блюра богу блюра.
Thick Material — Ага, материал потолще, блюра побольше.
Chrome Material — по сути то же самое, что и Material, но меньше размытия при той же непрозрачности.
Уровни блюра в iOSРаньше я думал, что их 3, а их 11! ОДИННАДЦАТЬ!!!!Как выбирать?
Я люблю добавлять в интерфейсы «стеклянные» поверхности. Они красиво размывают фон за собой. Обычно, я слышал от разработчиков, что есть 3 стандартных типа блюра: Extra Light, Light и Dark. Про себя я прозвал их светлый, обычный и тёмный.
Всё сложнее. Традиционно их 6:
Extra Light — супер светлый блюр. При переключении в тёмную тему остаётся светлым.
Light — просто светлый блюр. Так же игнорирует тёмную тему
Dark — просто тёмный блюр. В обоих темах остётся таким же тёмным
Extra Dark — то же, что и Dark, но более нуарный
Regular — умный блюр. Умеет понимать светлую и тёмную тему. В светлой применяет обычный light, в тёмной — darkProminent — радикал в нашем списке. Мимикрирует под тему, но уже с Extra Light и Extra Dark
Всем привет. Простите, что давно не писал. Этот канал я создавал для открытий в дизайне и жизни с ним связанной. Я не хочу, чтобы сюда просачивалось моё личное мнение о политике, людях, личной жизни. Я не хочу, чтобы канал выходил за рамки своей темы.
Как и многие, я продолжаю работать. У меня снова появляются открытия и я продолжу делиться ими в канале. Сегодя расскажу вам, что забрлюр на Айосе не так прост, как кажется. Если вы думаете, что пока не время, то я понимаю. Увидимся, как станет проще.
Недавно увидел, что Яндекс запустил курс продуктового дизайнера на целых 20 месяцев. 20 месяцев — это офигеть. Я у Горбунова то за 6 офигел, а тут 20.
Так вот там пишут, что крутой сеньор получает от 200 000 р и это может привести к грустному вечеру самокопания. Сразу формируется мерило «если я не получаю 200, то я не настоящий продуктовый дизайнер», а это не так. Я знаю, что один и тот же диз может получать и 100 и 200, в зависимости от его ценности для конкретной компании. При этом, выполняя одну и ту же работу. Поэтому я против разглашения зарплат. Особенно из разных компаний. Так что если до 200 000 вы не добрались, то не волнуйтесь, вы всё равно крутые большие молодцы)
Знаете ли вы, что Гугл выпустил новые гайдлайны по дизайну для Андроида 12? Вот я и не знал. Есть даже официальный фигма-файл.
m3.material.io/librari…droid-12
Сколько вариантов дизайна показывать заказчику?1, 2, 10 — верного ответа нет
Плавучая редакция советует показывать несколько вариантов дизайна. Так заказчик сможет выбрать лучший. Но зачем показывать заказчику вариант похуже? А если его выберут, тогда реализуют дизайн похуже? Или дизайнер сам не уверен какой дизайн лучше? Получается, что дизайнер перекладывает ответственность за дизайн на заказчика? Мол, вы же сами выбрали, я не виноват, что так сработало?
Значит нужно всегда 1 вариант? В вот и нетушки.
Когда показывать 1 вариант
Когда дизайнер четко понял задачу, согласовал понимание клиента и уверен, что сделал лучшее решение, на которое способен. Если клиенту не понравится результат, то значит дизайнер где-то недопонял. Дополнительные варианты были бы попыткой угадать что именно.
Когда показывать несколько вариантов
1. Когда дизайнер не знает точно как сработает дизайн и предлагает сделать А/Б тест. Количество вариаций тут может улетать в десятки.
2. Когда дизайнер не понимает бюджет, сроки и приоритеты. В таком случае нормально сделать вариант покруче, но подороже и попроще и подешевле. В этом случае важно оговаривать плюсы и минусы каждого решения, а не ждать, что заказчик догадается до них сам.
3. Когда заказчику важно быть в процессе, постоянно видеть что происходит, влиять на финальное качество. В таких случаях лучше давать выбор между парой мелких деталей: какой цвет лучше, ультрамарин или глубокий синий?
Есть два варианта
#совет из фонда советов
Хорошая привычка для любого копирайтера или дизайнера — предлагать заказчику не один результат, а больше.
Когда вариант только один, заказчик вынужден выбирать между ним и ничем. Вместо того чтобы оценивать достоинства работы, он будет невольно искать доказательства, что результат говно. Поэтому один вариант всегда выглядит как черновик, даже если за ним стоит много труда.
Когда вы показываете два варианта, всё меняется. Теперь задача заказчика не в том, чтобы оценивать работу в целом, а в том, чтобы сравнить результаты и выбрать лучший.
Понятно, что с крупной работой — статьей или прототипом приложения — такое не прокатит. Но можно предложить варианты на каком-то небольшом отрезке: два наброска первой главы или две пачки основных экранов. А потом просто ссылаться на этот выбор.
Дайтелюдямвыбрать.
Скриншоты хороших решений
Я завёл новый телеграм канал со скриншотами сайтов и приложений. Туда я буду постить решения, которые мне показались интересными. Это не просто свалка скриншотов, там я пишу на что именно обратить внимание, как работает решение и почему это хорошо. Если вам такое нравится — подписывайтесь, буду рад.
https://t.me/uigallery
Делать дела и не распылять время— Вань, привет, можешь помочь?
— Конечно, но сейчас я занят. Тебе будет удобно в 15 обсудить?
Секрет продуктивности — не бросаться на задачу сразу. Вот сидит дизайнер, проектирует себе регистрацию, пиксели двигает. И тут в слаке:
«давай обсудим?», «а где лежит?», «а как работает?».
Дизайнер отрывается, вникает в проблему, помогает решить, возвращается к задаче и 15 минут ворочает память: о чём я тут?
Главная иллюзия, что занимаешься чем-то нужным. Что весь день решал чьи-то проблемы. По факту же, дизайн не продвинулся. Становится стыдно за себя и не ясно как так то.
Попробуйте отложить дело. Не отвлекаться, не погружаться, а перенести на удобное время. Удивительно, но половина к тому времени рассосётся сама. Придёт понимание, что на дизайнера делегировали вопросы, в которых лень было разбираться самостоятельно.
Тест на знания визуализации данных
Ребята из агенства Инфографика выкатили тест. Вопросы простые, но раскрываеют основное правило: данные должны считываться без искажений. Самый кайф — объясняют почему решение хорошее или плохое, чего не хватает тому же Вкусомеру от Лебедева.
В следующей версии собираются усложнить вопросы и добавить таймер. Буду ждать.
🔥 Мы сделали тест на знание датавизуализации
Попробуйте правильно выбрать способ визуализации данных в 10 разных ситуациях — и скриньте свои результаты в комментарии.
Попробуй, визуализируй это →
P. S. Отдельное спасибо тем, кто пошерит тест среди друзей-знакомых-коллег 🙃