UX/UI design using Angular Material in the PC and mobile browser.

More detailed details of the project (graphics to this clarification see.in img_block2.zip archive

1 .Examples of NBT design,
The business wonders.current_design\business.png
Success of the two.current_design\success.png

The 2ndProject Auditor 40+ and 60+

3 .How to play the game:
by Sarafan Radio.
Messengers
e-mail of correspondence
Referrals

Structure of the Divine.by structures.png

In the perspective:
The Google Play
App Store

and 4.Networking business - references are very important.Examples of the wild structure.by structures.png

and 5.What volume of audience: now there are bases of structures for 3-5th participants, see.Examples of a small particle structure structures.png

6 .Motivation: learn to better develop your structures (business), improve health and financial well-being

7 .Can I close an orange line and is it good for business?Hopefully you can but it’s better to get it somewhere, so that it’s necessary to get it off.8thThe most important elements of the design.business_priority.png is all the other details that are not as important as distinguished.The 9.Icons using fonts for Angular Material
HTTPS://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aself_improvement%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024

The 10.The use of the library imposes restrictions on the proposal of design solutions - on our side we understand it.11 of 11.The game field as we transformed the circle.4_game_field.png to the left is our option, the right option of the off-line table game.by P.S. The archive img_block2.zip has quite large images, so it's better to get up to 100% to see the most important details.

Предметніше деталі проекту (графіку до цього уточнення див. у 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%, щоб найкраще побачити важливі деталі.

Attention ! A lot of questions will take a more careful acquaintance with user_manual.pdf only 10 pages in most of which images.

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

Work with color that will allow us to implement it faster can come from: "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

Graphic References:
reference_1.png
reference_1_and_comments.png


reference_2_1.png
reference_2_2.png

These are pretty well reflected in expectations. In the file: reference_1_and_comments.png - there are notes on components that can be taken by standard from Angular Material


Icons we take from the font, example: 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 These icons are found on screens that display the game field.


The PS. Thanks for references 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

Updated business priorities. This is a business game and one of the goals is passive income and fin. and wellbeing. The Wonders. business_priority.png beyond the archive is more priority than that in the archive.

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

The game also uses dialogue windows:
The alert
confirmed
The modal
Examples of use in the archive: dialog_windows.zip

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

- alert

- confirm

- modal

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