UX/UI design z użyciem Angular Material w przeglądarce PC i mobilnych.
1 .PK
2 .Mobilne
Teraz mamy taki surowy interfejs prototypu:
- screen_shots.zip - tutaj główne zdjęcia ekranu prototypu gry, która działa w przeglądarce
- user_manual.pdf - tutaj opis obecnego funkcjonalności ze strony użytkownika końcowego (dzisiaj / jutro aktualizuję ten plik, dodaje się jeszcze kilka elementów, poza nim nic się nie zmienia)
Chciałbym, żeby:
1 .Pokażemy, jak blisko rzeczywistości, na ile jest to możliwe budżet, pochodząc z ekranów i dokumentacji.
2 .Wpisz w komentarzu terminy (może być konieczne wprowadzanie kolejności dodatkowo oprócz zapisanych w projekcie, zwykle łatwiej jest je tylko ustalić w godzinach i zapłacić w godzinach)
3 .Jakiekolwiek wyjaśnienia, pytania - będę postrzegać jako dodatkowy plus do wyboru stawki, i ustawić w projekcie.CzteryStudenci się nie martwią.
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%, щоб найкраще побачити важливі деталі.
Увага! Дуже багато питань зніме більш уважне ознайомлення із user_manual.pdf всього 10 сторінок в більшості яких зображення.
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_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
Оновлені дані по бізнес пріорітетам. Відокремив Пасивний дохід, так як це бізнес гра і однією із цілей є Пасивний дохід та фін. благополуччя. Див. business_priority.png за межами архіву пріорітетніший ніж той, що в архіві.
- alert
- potwierdzenie
- mody
Przykłady użytkowania w archiwum: dialog_windows.zip
Гра також використовує діалогові вікна:
- alert
- confirm
- modal
Приклади використання в архіві: dialog_windows.zip
Załączniki 9
Plik z rezultatem
Opinia zleceniodawcy o współpracy z Vadym Hrynchuk
UX/UI design z użyciem Angular Material w przeglądarce PC i mobilnych.Wadyma ma dobre, wysokiej jakości systemowe widzenie projektowania. Zrozumie powiązania między elementami projektowania, a zgodnie z tym sam śledzi je. Generuje pomysły sam, i modyfikuje, z punktu widzenia projektowania, moje pomysły, które bardzo potrzebuję. Uwielbiam podejście do wprowadzania praw: dostałem praw, komunikowałem, kiedy będą - i praw jest wtedy, gdy się zgodziły. Był odcienie z komunikacją, gdzie można było zadzwonić, omówić pomysły, rejestrować tylko to, co należy zrobić i nie pisać wszystkiego tekstem, a nie robić nic innego, zamiast tego trzeba było wszystko pisać... W całości praca jest bardzo zadowolony, muszę się zwrócić jeszcze raz, i polecam wszystkim współpracę z Vadim.
Opinia freelancera o współpracy z Serhii Melnichuk
UX/UI design z użyciem Angular Material w przeglądarce PC i mobilnych.Wszystko minęło świetnie. Będę zadowolony z dalszej współpracy. Polecam .
-
Сергію, я готовий з вами співпрацювати, оріентуючись на ваші побажання та на завдання в цілому, точний час (скільки це буду створювати) назвати важко.
Якщо все що ви написали, а потім додали ще - структуруете, і надасте це единим файлом, я більш точно вже зможу підказати по ціні та терміну.
Дякую.
-
Aktualne zlecenia dla freelancerów w kategorii Projektowanie interfejsów użytkownika (UI/UX)
Wymagany grafikPotrzebny jest projektant, który potrafi rysować coś podobnego Trzeba stworzyć grafikę 2D do aplikacji mobilnej Projektowanie interfejsów użytkownika (UI/UX), Malarstwo i grafika ∙ 3 godziny 35 minut temu ∙ 14 ofert |
Landing page dla szkoły angielskiego
1117 PLN
Szukamy projektanta + dewelopera landing page (Wix / WordPress / Weblium) Cześć! Szukamy wykonawcy do zaprojektowania i stworzenia landing page dla kursu języka angielskiego. Co jest potrzebne: — projekt i wykonanie landing page na 12 bloków; — dwie strony płatności:… Układ HTML i CSS, Projektowanie interfejsów użytkownika (UI/UX) ∙ 4 godziny 3 minuty temu ∙ 83 oferty |
Należy przenieść i dostosować design ze starej strony na nowąWitaj. Należy przenieść i dostosować design starej strony msonya.com do nowego szablonu test.msonya.com i stworzyć design każdej strony w Figma do dalszego "nałożenia" designu na stronę. Dwa formaty: desktop i mobilny Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 3 dni 17 godzin temu ∙ 54 oferty |
Audyt UI/UX i dostosowanie strony do jednolitego stylu
662 PLN
Ważne: rozważamy tylko specjalistów z potwierdzonym doświadczeniem, z portfolio. Opracowywana jest strona agencji nieruchomości. Wszystkie główne strony zostały już zebrane i zrealizowane w Lovable. Na obecnym etapie wymagany jest profesjonalny audyt interfejsów, identyfikacja… Projektowanie interfejsów użytkownika (UI/UX) ∙ 3 dni 21 godzin temu ∙ 38 ofert |
Szukamy projektanta do stworzenia serii triggerowych emaili dla marki męskich akcesoriówSzukamy doświadczonego projektanta emaili do opracowania projektu serii wiadomości wyzwalających dla marki męskich akcesoriów. Teksty wiadomości są już gotowe. Zadanie polega na stworzeniu wysokiej jakości, nowoczesnego i responsywnego projektu, który będzie odpowiadał stylowi… Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 3 dni 23 godziny temu ∙ 19 ofert |