Idź Pan w UI! #6 – ćwiczenie na detal

Dzisiaj trochę inaczej, ale nie mniej przydatnie niż do tej pory. Bo… będziemy kopiować! Tak, tak! Wielu początkujących twórców ma problemy ze skalą obiektów na widoku i ich stylowaniem. A nie ma nic lepszego żeby nauczyć się zauważać najmniejsze detale jak spróbować odtworzyć te istniejące interfejsy. Dziś więc czas na zadanie, które nauczy was obserwacji, zwracania uwagi na detal i poprawy warsztatu od strony technicznej. No to lecimy z tym!

Jak to działa?

Możecie wykorzystać to jako inspirację do nowego projektu do portfolio, formę ćwiczenia lub wziąć udział w wyzwaniu, zrealizować zadanie i (do tej pory tak było) wysłać je do mnie w określonym terminie. Ja w kolejnym tygodniu przygotowuję Live Stream na kanale YouTube, gdzie omawiam nadesłane projekty – czyli robimy sobie spotkanie w formie korekty. Jeżeli jesteście ciekawi jak wyglądają takie spotkania online – zerknijcie na cykl ćwiczeń Logo Brief. Tam co miesiąc również przeprowadzamy taki Live! Więcej szczegółów odnośnie wysyłki projektów do wyzwania zamieściłam poniżej!

W wakacje będzie trochę inaczej – przede wszystkim potrzebuję trochę odpocząć od regularnego nagrywania, dlatego zadania będą publikowane (trochę rzadziej niż raz na tydzień) i nie wszystkie będą kończyć się streamem. Teraz głównym źródłem dyskusji na temat projektów będzie grupa na FB, gdzie będzie można publikować swoje projekty i poczytać opinie innych użytkowników. Jeśli nie jesteście gotowi na publikację prac pod swoim nazwiskiem, możecie podesłać projekty do mnie na maila byzebza@gmail.com* i ja opublikuję je za was. 

Bądź na bieżąco

Żeby być na bieżąco z zadaniami i informacjami o Live Streamach, najwygodniej dopisać się do newslettera, bo dzięki temu, prosto na maila dostaniecie każdą informację. Można po prostu śledzić bloga albo moje kanały na portalach społecznościowych, ale algorytmy bywają okrutne i jest szansa, że nie zawsze wyświetlą się wam powiadomienia o nowym zadaniu. Newsletter ten problem eliminuje.

Treść zadania

Temat: Kopia popularnych aplikacji!

Deadline: 4 sierpnia 2019 (do końca dnia)

Format: twojego smartfona

Cel zadania: Zadanie jest bardzo proste. Zróbcie screeny głównych ekranów aplikacji Facebook, kalendarza i skrzynki pocztowej, z których korzystacie, a potem… odtwórzcie dokładnie te ekrany w wybranym narzędziu. Style tekstów, ułożenie elementów, efekty graficzne, ikony. Tak, tak, każdy najdrobniejszy szczegół. Pamiętajcie, że to zadanie ma sens, kiedy każdy element wykonacie samodzielnie. Nie ma mowy o pobieraniu gotowego setu elementów czy design systemu. Dzięki temu naprawdę odrobinę poprawicie swój warsztat.

Pamiętajcie jednak, że zadania z tego ćwiczenia nie będą nadawać się do umieszczenia w portfolio!

Prezentacja zadania: W związku z tym, że dalej idziemy trybem wakacyjny, na koniec tego zadania nie odbędzie się stream. W zasadzie w tym przypadku nie miałby sensu. Dlatego do wrzucania efektów swojej pracy zapraszam na grupę. Jeśli chcecie podzielić się wynikami wrzućcie zarówno ekran oryginału jak i kopii do porównania dla innych. Jeśli chcecie opublikować projekt incognito możecie też podesłać go do mnie na maila byzebza@gmail.com, a ja opublikuję go za was:)!

Artykuły z bloga, które mogą się przydać:

Jak wziąć udział w wyzwaniu?

Na czas wakacji wyzwanie będzie w całości prowadzone w fejsbukowej grupie. Projekt wrzucamy w formie jednego posta (jeśli będziecie robić poprawki to publikujemy je w komentarzach do swojego wpisu). Oznaczcie też w opisie, że jest to zadanie #6 🙂

W grupie publikujemy zdjęcia i video bezpośrednio wgrywane do wpisu lub w formie linku do prototypu. 

? Stworzyłam też kurs o UI

A jeśli interesuje was zagadnienie komponentów UI to zachęcam do wzięcia udziału w kursie dla Eduweb, który stworzyłam całkiem niedawno – opowiadam w nim o najpopularniejszych komponentach interfejsu graficznego!

* Przesyłając swoje projekty na maila wyrażacie zgodę na przetwarzanie swoich danych osobowych, w celu realizacji zadania domowego. Dzięki temu będę mogła się z Wami skontaktować, dopytać o szczegóły projektu i ustalić jak wiele informacji mogę podać o Was. Jednocześnie macie prawo dostępu do treści swoich danych oraz ich poprawiania, wycofania zgody na ich przetwarzanie w każdym czasie, jak również, że podanie tych danych było dobrowolne. Ot tyle tych nudnych formalności!

You May Also Like
Read More

Idź Pan w UI! #15 – sklep mobilny

Po wiosennej przerwie wracamy do ćwiczeń! Zmieniłam sposób przyjmowania zgłoszeń, więc zerknijcie koniecznie na instrukcję poniżej. Ostatnio projektowaliście aplikację mobilną, która miała pozwalać na zamawianie…
Read More

Idź Pan w UI! #19 – koszyk w sklepie

Ostatnio na zmianę projektowaliśmy wersje mobilne i desktopowe projektów. Ale dobrze już wiecie, że projektując stronę trzeba od razu myśleć o różnych rozdzielczościach –…