Size: a a a

Веб Дизайн/UI/UX

2020 April 15

RS

Roman Serdyuk in Веб Дизайн/UI/UX
Egor Viktorovich
Новый vs code делает
Ну почти. )))
источник

D

Dmitriy in Веб Дизайн/UI/UX
Roman Serdyuk
Граждане дизайнеры, подскажите пожалуйста, есть ли в фигме волшебная кнопка "сделать всё красиво"? У меня есть фрейм с  шириной 500рх и внутри пять иконок. Можно их равномерно распределить как-то по этому фрейму, чтобы между ними одинаковое расстояние было?
Да
источник

D

Dmitriy in Веб Дизайн/UI/UX
Не знаю фреймы там или группы у иконок, но КРЧ
1. Они должны быть одного типа
2. Выдели их все и нажми ctr alt shift T
источник

АШ

Александр Шулев in Веб Дизайн/UI/UX
Roman Serdyuk
Вот, хочу их равномерно раскидать.
Тут ещё есть один интересный нюанс.
Когда выравниваешь иконки по центру относительно друг друга, но некоторые их них все равно кажутся на 1-2рх сдвинуты. Этот визуальный обман происходит когда конфликтные иконки имеют наровномерную форму. Например иконка у которой есть объемная часть и зауженная. То объемная часть иконки будет создавать иллюзию, что ассиметрия располагается именно на ее месте.
источник

АШ

Александр Шулев in Веб Дизайн/UI/UX
источник

АШ

Александр Шулев in Веб Дизайн/UI/UX
Вот например эта. Когда бегло смотришь на интерфейс, то кажется что иконка завалена налево. Хотя присмотревшись стает понятно, что она по центру. А все из-за несимметричности и из-за неравномерной визуальной нагрузке.
источник

АШ

Александр Шулев in Веб Дизайн/UI/UX
Выход:
1 Искать более менее симетричные иконки;
2 Двигать проблемные иконки на 1,2 рх в нужную сторону для устранения визуального конфликта.
источник

S

Shustry in Веб Дизайн/UI/UX
Александр Шулев
Тут ещё есть один интересный нюанс.
Когда выравниваешь иконки по центру относительно друг друга, но некоторые их них все равно кажутся на 1-2рх сдвинуты. Этот визуальный обман происходит когда конфликтные иконки имеют наровномерную форму. Например иконка у которой есть объемная часть и зауженная. То объемная часть иконки будет создавать иллюзию, что ассиметрия располагается именно на ее месте.
https://habr.com/ru/company/badoo/blog/333992/

Немного про оптическое выравнивание в тему
источник

S

Shustry in Веб Дизайн/UI/UX
Roman Serdyuk
Я, наверное, тупой и буду заниматься вёрсткой...
тыжпрограммист. Там js-код есть в статье.
источник

RS

Roman Serdyuk in Веб Дизайн/UI/UX
Благодарю. Менять официальные иконки html, css, jquery, семантики, доступности и всего остального я не буду, конечно же. Но про визуальное выравнивание почитаю. Спасибо. Хотя в принципе, я этот макет делаю исключительно для себя. Но это не повод делать плохо.
источник

АВ

Александр Викторович in Веб Дизайн/UI/UX
привет коллеги. Совет нужен! Дано, приложение в котором надо сделать часы, задание:
"На стрелках часов, выбор старт сна
На стрелках часов указать конец сна"
И все это надо сделать на 1 шкале. Есть у кого идеи как это реализовать? 😊
источник

D

Dmitriy in Веб Дизайн/UI/UX
🔴 Новое видео 📣 Новая рубрика
👻 Бегите смотреть
https://youtu.be/jnrcVCqgRY8
источник

AV

Anastasia Vitovt in Веб Дизайн/UI/UX
Уважаемые коллеги)
Первый раз попробовала сделать интернет-магазин одежды)

Могу попросить конструктивной критики - что можно улучшить, какие решения применить/исправить?

Либо лайки/похвалу, если все в целом ок?)

https://www.behance.net/gallery/94923265/NOEL-CONCEPT-Clothes-redesign-concept

Всем счастья и хороших заказчиков🙏🏻

#разбор
источник

S〰

Serhii 〰 in Веб Дизайн/UI/UX
Anastasia Vitovt
Уважаемые коллеги)
Первый раз попробовала сделать интернет-магазин одежды)

Могу попросить конструктивной критики - что можно улучшить, какие решения применить/исправить?

Либо лайки/похвалу, если все в целом ок?)

https://www.behance.net/gallery/94923265/NOEL-CONCEPT-Clothes-redesign-concept

Всем счастья и хороших заказчиков🙏🏻

#разбор
источник

S〰

Serhii 〰 in Веб Дизайн/UI/UX
Anastasia Vitovt
Уважаемые коллеги)
Первый раз попробовала сделать интернет-магазин одежды)

Могу попросить конструктивной критики - что можно улучшить, какие решения применить/исправить?

Либо лайки/похвалу, если все в целом ок?)

https://www.behance.net/gallery/94923265/NOEL-CONCEPT-Clothes-redesign-concept

Всем счастья и хороших заказчиков🙏🏻

#разбор
источник

S〰

Serhii 〰 in Веб Дизайн/UI/UX
Anastasia Vitovt
Уважаемые коллеги)
Первый раз попробовала сделать интернет-магазин одежды)

Могу попросить конструктивной критики - что можно улучшить, какие решения применить/исправить?

Либо лайки/похвалу, если все в целом ок?)

https://www.behance.net/gallery/94923265/NOEL-CONCEPT-Clothes-redesign-concept

Всем счастья и хороших заказчиков🙏🏻

#разбор
источник

S〰

Serhii 〰 in Веб Дизайн/UI/UX
1) UX мобильного приложения, кнопки слишком близко друг к другу, минимум 48х48, желательно 56. Чем больше тем лучше.
соответственно нужно исправлять навбар, да и остальные экраны тоже. Там где выбор размера и “Размерная сетка” очень будет тяжело попасть  по кнопке
2) Зачем ссылки на социалки везде? Это лишнее
3) Правила внутреннего и внешнего, всё очень нагромаждено и тяжело читается
4) Следует изучить вообще устройство екоммерс. К примеру, отсутствуют детали о товаре. Как минимум размеры модели, на которой та или иная одежда.  Очень упрощает выбор размера и помогает понять как вообще будет на тебе сидеть вещь, когда ты знаешь параметры модели
5) Купить сейчас и добавить в корзину вообще в воздухе висят, не понятно по какому принципу она там находится. Да и текст выровнять вертикально по центру, оптическую компенсацию ни кто не отменял
6) Полупрозрачность в меню лишняя
7) В целом поизучать магазины и посмотреть как и что работает, много мелких косяков, которые лень описывать
8. Много шума, вначале нагромождение из кучи сеток, в которые не вписываются элементы

и так можно продолжать дальше, но я думаю пока что достаточно
источник

AV

Anastasia Vitovt in Веб Дизайн/UI/UX
Спасибо! Приму к сведению! Исправлю!
источник

AY

Alexander Yeromin in Веб Дизайн/UI/UX
Поддержую коллегу, слишком загрузила кейс
источник

AY

Alexander Yeromin in Веб Дизайн/UI/UX
Особенно этот блок
источник