@tytytyapp

Интересный тест на логику. Кто может помочь?

5e5d781cbbb94231214666.png

Based on the logic of the example below you need to complete the task:
Create the row with 10 dots. Change their visual appearance to meet the following requirements:
Requirement 1 – all dots are divided into 2 groups
Requirement 2 – each dot from group 1 has 2 types of visual properties
Requirement 3 – the whole row has one accent dot
Requirement 4 – all dots in group 2 have 3 levels of hierarchy
Requirement 5 – horizontal division (x axis) of the whole row should be asymmetrical

Исходя из логики приведенного ниже примера, вам нужно выполнить задачу:
Создайте строку с 10 точками. Измените их внешний вид, чтобы соответствовать следующим требованиям:
Требование 1 - все точки разделены на 2 группы
Требование 2 - каждая точка из группы 1 имеет 2 типа визуальных свойств, которых нет в группе 2
Требование 3 - весь ряд имеет одну точку акцента
Требование 4 - все точки в группе 2 имеют 3 уровня иерархии
Требование 5 - горизонтальное деление (ось х) всего ряда должно быть асимметричным
  • Вопрос задан
  • 393 просмотра
Пригласить эксперта
Ответы на вопрос 2
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Требование 1 - все точки разделены на 2 группы
Делаем 2 блока разделённых свободным пространством.

Требование 2 - каждая точка из группы 1 имеет 2 типа визуальных свойств, которых нет в группе 2
1-я группа содержит 7 точек.
1-я группа:
Оформление для всех точек группы: круглые, с тенью, с обводкой чёрным.
Цвета (оформление сохраняем!): сначала 3 белых, чёрная, 3 серых.

2-я группа - 3 точки: серые, круглые

Требование 3 - весь ряд имеет одну точку акцента
10-я точка - салатовым.

Требование 4 - все точки в группе 2 имеют 3 уровня иерархии
размер: 1x, 3x, 2x с выравниванием по нижнему краю.

Требование 5 - горизонтальное деление (ось х) всего ряда должно быть асимметричным
(вроде как уже сделали?... в п.4)

PS: похоже на визуальное отображение шагов какого-то теста(/анкеты/"карусели" с фотками/слайды/etc.) с 2-мя кнопками и с текущим шагом (блок из 3-х элементов в конце), например: "Назад" 25 "Далее" (назад/далее - стрелками, например)
В общем, что-то такое имеется ввиду, кмк...
Ответ написан
Идея такая:
5e5e106de4417035621657.png
Реализация, конечно же, должна быть лучше. В идеале обойтись бы без цвета.

1. все точки разделены на 2 группы
Цветные / чёрные

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

3. весь ряд имеет одну точку акцента
доп контур

4. все точки в группе 2 имеют 3 уровня иерархии
дерево вниз

5. горизонтальное деление (ось х) всего ряда должно быть асимметричным
вот тут не знаю, как быть, если окажется 5 и 5 без иерархии
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы