Кратко
Красивый дрибл-шот от Halo Lab, разбор фишек и проблем.
Автор
Темы
#первые_шаги#UI_ревью
Дата
September 19, 2023
super:Link
Web site design: landing page by Halo UI/UX
Что круто
- С визуальной точки зрения это выглядит вполне интересно. Матовые поверхности, шарики парят в воздухе и всё такое обволакивающее. Даже в статике возникает эффект, что иллюстрация шевелится и парит словно с параллаксом. Макет просторный и даже не смотря на обилие объектов выглядит чисто.
- Нравится лёгкий размазанный градиент за надписью, который делает заголовок хоть немного читаемым.
- Круглые элементы на макете клёво рифмуются друг с другом по форме. Аватар, знак вопроса, все виды шариков, иконка около SIGN UP подобны по форме и из-за этого образуют сильные невидимые композиционные связи, которые держат макет.
- Автор эффективно использовал якорные углы. DAG и SIGN UP занимают выгодные места.
- Интересно выглядит стрелка вправо в круге, была бы ещё потемнее. Круг даёт ей форму кнопки и как следствие, признак того, что на неё можно нажать.
Что не круто
- К сожалению, это дрибловщина, в которой полно моментов, не совместимых с реальной жизнью. В угоду красоте посланы тесты на контраст и живой контент. Форма победила содержание. Пользователи с большой долей вероятности не заметят белый значок NFT, белую надпись UNIQUE на матовой карточке, а также стрелку вправо.
- Проблема с навигацией: непонятно, на каком разделе мы находимся.
- Абзац в тексте «A way to…» начинается слишком далеко, видимо чтобы соблюсти вертикальный ритм с иллюстрацией.
- Кнопка Explore не тянет на Call to action и теряется в иллюстрации.
- Непонятно, взаимосвязаны ли стрелка вправо и текстовый абзац. По идее должны, чтобы можно было листать блоки информации.
- Если это хэштег, непонятно, как в нём ведут себя пробелы: нужно ли писать слово без них, или нужно использовать нижние подчёркивания.
PS: Halo Lab https://www.halo-lab.com — украинская студия из Одессы с очень хорошим уровнем UI.