UX/UI design z użyciem Angular Material w przeglądarce PC i mobilnych.

Więcej szczegółów projektu (grafika do tego wyjaśnienia widzisz.w img_block2.zip archiwum)

1 .Przykłady projektowania NBT,
Przedsiębiorstwo jest cudem.aktual_design\business.png
Sukces jest dwoje.aktualny_design\success.png

2 .Audytor projektu 40+, 60+

3 .Jak trafić do gry:
- przez radia Sarafana
- messengerów
- e-mail przesłanie
- referencje

Rozprzestrzenianie się według struktury dzikiej.Struktura .png

W perspektywie:
- Google Play
Sklep App Store

CzteryBiznes sieciowy - referencje są bardzo ważne.Przykłady struktury dzikiej.Struktura .png

PięćJaki jest objętość audycji: obecnie istnieją bazy struktur na 3-5 tysięcy uczestników, zobacz.Przykład małej cząsteczki struktury structures.png

6.Motywacja: nauczyć się lepiej rozwijać swoje struktury (biznes), poprawić zdrowie i dobro finansowe

7 .Czy można zamknąć linię pomarańczową i czy jest to dobre dla biznesu?Może być, ale lepiej ją gdzieś „zgotować”, aby po potrzebie się rozgotowała.8 i 8.Najważniejsze elementy projektowania cudów.business_priority.png wszystkie inne szczegóły, które nie są tak ważne, jak wyróżnione.9 .Ikony używają czcionki dla Angular Material
HTTPS://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Aself_improvement%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4024

DziesięćKorzystanie z biblioteki wprowadza ograniczenia w oferowaniu rozwiązań projektowania - z naszej strony rozumiemy to.11 .Pole gry, jak my krąg przekształcił cud.4_game_field.png po lewej - nasza opcja, prawica opcja off-line gry stołowej.P.S . Archiwum img_block2.zip zawiera dość szerokie obrazy, więc lepiej jest przejrzeć do 100%, aby najlepiej zobaczyć ważne szczegóły.

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

Uwaga ! Zbyt wiele pytań będzie bardziej szczegółowe zapoznanie się z user_manual.pdf zaledwie 10 stron w większości obrazów.

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

Praca z kolorem, który pozwoli nam szybciej go wdrożyć można wyjść z: "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

Referencje graficzne :
Referencje_1.png
reference_1_and_comments.png


reference_2_1.png
reference_2_2.png

To bardzo dobrze odzwierciedla oczekiwania. W pliku: reference_1_and_comments.png - są notatki na komponenty, które można pobrać standardowe z Angular Material


Ikony pobieramy z czcionki, przykład: 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 Te ikony znajdują się na ekranach wyświetlających pole gry.


PS w. Za referencje oddzielnie dziękuję 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

Aktualizowane dane z priorytetów biznesowych. Wyznaczony dochód pasywny, ponieważ jest to gra biznesowa i jednym z celów jest dochód pasywny i fin. i dobrobytu. Wygląda na to. business_priority.png poza archiwum jest bardziej priorytetowy niż ten, który jest w archiwum.

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

Gra wykorzystuje również okna dialogowe:
- alert
- potwierdzenie
- mody
Przykłady użytkowania w archiwum: dialog_windows.zip

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

- alert

- confirm

- modal

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