UX/UI дизайн с использованием Angular Material в браузере ПК и мобильных устройств.

Предметные детали проекта (графику до этого уточнения см.в img_block2.zip архиве)

1 .Примеры дизайна НБТ,
Бизнес див.current_design\business.png
Успех двух.current_design\success.png

ВтораяАудитор проекта 40+, 60+

3 .Как попали в игру:
- через Сарафанное радио
- Мессенджеры
- e-mail переписка
- Рефералки

Распространение по структуре див.структуры.png

В перспективе:
- Google Play
- App Store

4 .Сетевой бизнес - рефералки очень важны.Пример структуры див.структуры.png

5 .Какой объем аудитории: сейчас есть базы структур на 3-5ти участников, посмотрите.Пример небольшой частицы структуры structures.png

6 .Мотивация: научиться лучше развивать свои структуры (бизнеса), улучшать здоровье и финансовое благополучие

7 .Можно ли закрыть оранжевую линию и это хорошо для бизнеса?Надежно можно, но лучше ее где-то «сгореть», чтобы она по необходимости разгорелась.8 .Основные элементы дизайна див.business_priority.png все другие детали, которые не так важны, как выделены.9 .Иконы используют шрифт для Angular Material
https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aself_improvement%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024

10 .Использование библиотеки накладывает ограничения в предложении дизайнерских решений – со своей стороны мы это понимаем.11 .Игровое поле, как мы круг трансформировали дива.4_game_field.png слева - наш вариант, справа вариант оф-лайн настольной игры.П. С В архиве img_block2.zip есть довольно масштабные изображения, поэтому лучше прозрачно до 100%, чтобы лучше всего увидеть важные детали.

Предметніше деталі проекту (графіку до цього уточнення див. у img_block2.zip архіві)

1. Приклади дизайну НБТ,
- бізнес див. current_design\business.png
- успіх дви. current_design\success.png

2. Аудиторыя проекту 40+, 60+

3. Як попадають на гру:
- через сарафанне радіо
- месенджери
- e-mail переписка
- рефералки

розповсюдженням по структурі див. structures.png

В перспективі:
- Google Play
- App Store

4. Мережевий бізнес - рефералки дуже важливі. Приклад структури див. structures.png

5. Який об'єм аудиторії: зараз є бази структур на 3-5тис учасників, див. приклад невеликої частинки структури structures.png

6. Мотивація: навчитися розвивати краще свої струтури (бізнесу), покращувати здоров'я та фінансове благополуччя

7. Чи можна закрити оранжеву лінію і чи це ок для бізнесу? Напено можна але краще її десь "згорнути", щоб вона за потреби розгорталась.

8. Найголовніші елементи дизайну див. business_priority.png все інше деталі, які не настільки важливі, як виділене.

9. Іконки використовуємо шрифт для Angular Material
https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aself_improvement%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024

10. Використання бібліотеки накладає обмеження в пропонуванні дизайн рішень - зі своєї сторони ми це розуміємо.

11. Ігрове поле, як ми круг трансформували див. 4_game_field.png зліва - наш варіант, справа варіант off-line настільної гри.

P.S. В архіві img_block2.zip є досить масштабні зображення, тому краще прозумти до 100%, щоб найкраще побачити важливі деталі.

Внимание ! Очень много вопросов снимает более внимательное знакомство с user_manual.pdf всего 10 страниц в большинстве которых изображения.

Увага! Дуже багато питань зніме більш уважне ознайомлення із user_manual.pdf всього 10 сторінок в більшості яких зображення.

Работа с цветом, что позволит нам быстрее его имплементировать можно выйти с: "The color system", Angular Material design


https://m2.material.io/design/color/the-color-system.html#color-usage-and-palettes

Роботу із кольором, що дасть нам змогу швидше його імплементувати можна виходити із: "The color system", Angular Material design

https://m2.material.io/design/color/the-color-system.html#color-usage-and-palettes

Графические ссылки:
reference_1.png
reference_1_and_comments.png


reference_2_1.png
reference_2_2.png

Это очень хорошо отражает ожидания. В файле: reference_1_and_comments.png - есть отчеты по компонентам, которые можно брать стандартными с Angular Material


Иконы мы берем из шрифта, пример: https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aschool%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024 https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Afinance%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024 Эти иконы встречаются на экранах, отражающих игровое поле игры.


ПС . За ссылки отдельно благодарный Rostyslav Tinemark

Графічні референси: 

reference_1.png
reference_1_and_comments.png

reference_2_1.png
reference_2_2.png

Ось ці досить вдало відображають очікування. У файлі: reference_1_and_comments.png - є відмітки по компонентам які можна брати стандартними із Angular Material

Іконки ми беремо із шрифту, приклад: 

• https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aschool%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024
• https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Afinance%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024

Ці іконки зустрічаються на скрінах, що відображають ігрове поле гри.

PS. За референси окремо вдячний Rostyslav Tinemark

Обновлены данные по бизнес приоритетам. Определен Пассивный доход, так как это бизнес игра и одной из целей является Пассивный доход и фин. благополучия . Див . business_priority.png за пределами архива приоритетнее того, что в архиве.

Оновлені дані по бізнес пріорітетам. Відокремив Пасивний дохід, так як це бізнес гра і однією із цілей є Пасивний дохід та фін. благополуччя. Див. business_priority.png за межами архіву пріорітетніший ніж той, що в архіві.

Игра также использует диалоговые окна:
Аларм
- подтверждает
- Модаль
Примеры использования в архиве: dialog_windows.zip

Гра також використовує діалогові вікна: 

- alert

- confirm

- modal

Приклади використання в архіві: dialog_windows.zip