6 porad - jak projektować na system Android i iOS
•
1 recomendación•1,448 vistas
Prezentacja zawiera 6 porad, które wzbogacą wiedzę początkujących mobile developerów i grafików, w zakresie projektowania aplikacji na system Android oraz iOS.
Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (14)
Similar a 6 porad - jak projektować na system Android i iOS
Similar a 6 porad - jak projektować na system Android i iOS (10)
Más de OSOM STUDIO - Agencja Interaktywna
Más de OSOM STUDIO - Agencja Interaktywna (13)
6 porad - jak projektować na system Android i iOS
- 1. STUDIOOSOM JAK PROJEKTOWAĆ na system Android i iOS 6 porad
- 2. STUDIOOSOM Do kogo skierowany jest poradnik? 1 6 porad skierowanych jest przede wszystkim do grafików i osób interesujących się grafiką projektową, którym obce nie są także tematy związane z mobile. To także świetny przewodnik dla samouków i tych, którzy chcą zaprojektować aplikację, lecz nie wiedzą, jak się do tego zabrać. 6 porad dotyczących projektowania na system Android i iOS
- 3. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 6 porad, z których dowiesz się jak... 2 ...projektować na dwa najpopularniejsze systemy operacyjne - Android i iOS. 6 porad dotyczących projektowania na system Android i iOS
- 4. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Integrują zespół i dostarczają rozrywki 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podbniebny twór 2 Głównym celem projektu jest promocja Łodzi. Odbywa się to za sprawą Latającego Kamerzysty, który korzysta z drona i filmuje ciekawe zakątki miasta. Oprócz dostarczania odbiorcom wizualnej rozrywki, Latający Kamerzysta edukuje - jego filmy urozmaicone są informacjami dotyczącymi historii Łodzi. STUDIOOSOM Flat Design i Material Design 3 Przed przystąpieniem do projektowania warto poznać terminy, tj. Flat Design i Material Design. Są to nowoczesne metody projektowania, w których królują “spłaszczone” elementy. 6 porad dotyczących projektowania na system Android i iOS
- 5. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM Flat Design 4 To “spłaszczanie” elementów interfejsu użytkownika w celu poprawy jego funkcjonalności. Oznacza to np. stosowanie kanciastych krawędzi przy jednoczesnej rezygnacji z gradientów, cieni i odbić. Brak wymiarowości i efektu 3d. Koncentracja wyłącznie na wzajemnej spójności ikon, typografii i koloru. 6 porad dotyczących projektowania na system Android i iOS
- 6. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Pierwszy sukces 11 Realizacja projektów niekomercyjnych daje tym więcej satysfakcji i motywacji, gdy spotyka się z aprobatą odbiorców. Tak było przy okazji projektu “Latający Kamerzysta”. Został on doceniony nie tylko przez lokalną społeczność, ale również podczas pierwszego i jedynego w Polsce - Dron Festiwalu - podczas którego zwyciężył w kategorii Story. Zwycięski film przedstawiał Cmentarz Żydowski przy ul. Brackiej w Łodzi. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podniebni pasjonaci 9 Jeśli nie dla pieniędzy, to… z pasji. Jako wielbiciele nowych technologii i fabrykanckiego miasta Łodzi postanowiliśmy połączyć te dwie pasje. Tak właśnie narodził się ten niekomercyjny projekt. Uznaliśmy, że Latający Kamerzysta oprócz treści wizualnych będzie też przedstawiał opowieści o mieście, jego mieszkańcach, promując je i jednocześnie pokazując Łodzianom jego zawiłą historię. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Integrują zespół i dostarczają rozrywki 9 Nic tak nie łączy ludzi, jak wspólna pasja i cel. Podczas burz mózgów możemy lepiej poznać poglądy na dany temat wszystkich uczestników. Nie dość, że grupowa dyskusja dostarcza zespołowi rozrywki i go integruje, to jeszcze pozwala na podjęcie najlepszych decyzji. No i oczywiście dopracowanie pomysłów. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podbniebny twór 2 Głównym celem projektu jest promocja Łodzi. Odbywa się to za sprawą Latającego Kamerzysty, który korzysta z drona i filmuje ciekawe zakątki miasta. Oprócz dostarczania odbiorcom wizualnej rozrywki, Latający Kamerzysta edukuje - jego filmy urozmaicone są informacjami dotyczącymi historii Łodzi. STUDIOOSOM Material Design 5 6 porad dotyczących projektowania na system Android i iOS To zespół wytycznych, stworzony, kontrolowany i rozwijany przez Google. Podobnie, jak Flat Design, opiera się na minimalizmie i “płaskości”. Wykorzystuje się w nim technikę nakładania warstw, dzięki czemu dodane elementy przy jednoczesnej płaskości są “pogłębione”, bardziej wyraziste i zrozumiałe dla użytkownika. Znajduje też zastosowanie przy tworzeniu animacji. Wspomniane warstwy i animacje są drogowskazami. Dokładnie informują użytkownika o tym, co się dzieje, co z czego wynika i jaki jest przepływ akcji.
- 7. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Pierwszy sukces 11 Realizacja projektów niekomercyjnych daje tym więcej satysfakcji i motywacji, gdy spotyka się z aprobatą odbiorców. Tak było przy okazji projektu “Latający Kamerzysta”. Został on doceniony nie tylko przez lokalną społeczność, ale również podczas pierwszego i jedynego w Polsce - Dron Festiwalu - podczas którego zwyciężył w kategorii Story. Zwycięski film przedstawiał Cmentarz Żydowski przy ul. Brackiej w Łodzi. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podniebni pasjonaci 9 Jeśli nie dla pieniędzy, to… z pasji. Jako wielbiciele nowych technologii i fabrykanckiego miasta Łodzi postanowiliśmy połączyć te dwie pasje. Tak właśnie narodził się ten niekomercyjny projekt. Uznaliśmy, że Latający Kamerzysta oprócz treści wizualnych będzie też przedstawiał opowieści o mieście, jego mieszkańcach, promując je i jednocześnie pokazując Łodzianom jego zawiłą historię. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Integrują zespół i dostarczają rozrywki 9 Nic tak nie łączy ludzi, jak wspólna pasja i cel. Podczas burz mózgów możemy lepiej poznać poglądy na dany temat wszystkich uczestników. Nie dość, że grupowa dyskusja dostarcza zespołowi rozrywki i go integruje, to jeszcze pozwala na podjęcie najlepszych decyzji. No i oczywiście dopracowanie pomysłów. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podbniebny twór 2 Głównym celem projektu jest promocja Łodzi. Odbywa się to za sprawą Latającego Kamerzysty, który korzysta z drona i filmuje ciekawe zakątki miasta. Oprócz dostarczania odbiorcom wizualnej rozrywki, Latający Kamerzysta edukuje - jego filmy urozmaicone są informacjami dotyczącymi historii Łodzi. STUDIOOSOM 6 6 porad dotyczących projektowania na system Android i iOS iOS Jako pierwszy na warsztat bierzemy system iOS, który dedykowany jest urządzeniom marki Apple.
- 8. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Pierwszy sukces 11 Realizacja projektów niekomercyjnych daje tym więcej satysfakcji i motywacji, gdy spotyka się z aprobatą odbiorców. Tak było przy okazji projektu “Latający Kamerzysta”. Został on doceniony nie tylko przez lokalną społeczność, ale również podczas pierwszego i jedynego w Polsce - Dron Festiwalu - podczas którego zwyciężył w kategorii Story. Zwycięski film przedstawiał Cmentarz Żydowski przy ul. Brackiej w Łodzi. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podniebni pasjonaci 9 Jeśli nie dla pieniędzy, to… z pasji. Jako wielbiciele nowych technologii i fabrykanckiego miasta Łodzi postanowiliśmy połączyć te dwie pasje. Tak właśnie narodził się ten niekomercyjny projekt. Uznaliśmy, że Latający Kamerzysta oprócz treści wizualnych będzie też przedstawiał opowieści o mieście, jego mieszkańcach, promując je i jednocześnie pokazując Łodzianom jego zawiłą historię. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Integrują zespół i dostarczają rozrywki 9 Nic tak nie łączy ludzi, jak wspólna pasja i cel. Podczas burz mózgów możemy lepiej poznać poglądy na dany temat wszystkich uczestników. Nie dość, że grupowa dyskusja dostarcza zespołowi rozrywki i go integruje, to jeszcze pozwala na podjęcie najlepszych decyzji. No i oczywiście dopracowanie pomysłów. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podbniebny twór 2 Głównym celem projektu jest promocja Łodzi. Odbywa się to za sprawą Latającego Kamerzysty, który korzysta z drona i filmuje ciekawe zakątki miasta. Oprócz dostarczania odbiorcom wizualnej rozrywki, Latający Kamerzysta edukuje - jego filmy urozmaicone są informacjami dotyczącymi historii Łodzi. STUDIOOSOM kolorystyka 7 Pierwsza wskazówka dotyczy wykorzystywanej kolorystyki. W tym przypadku świetnie sprawdzą się żywe barwy, zaproponowane przez samo Apple. 6 porad dotyczących projektowania na system Android i iOS
- 9. dla których warto prowadzić projekty niekomercyjne 5 powodów dla których warto prowadzić projekty niekomercyjne 5 powodów dla których warto prowadzić projekty niekomercyjne 5 powodów dla których warto prowadzić projekty niekomercyjne 5 powodów Ikona 6 porad dotyczących projektowania na system Android i iOS Bardzo ważny jest także projekt ikony. To w dużej mierze od jej wyglądu zależy, czy użytkownik będzie chciał się zapoznać z “zawartością” naszej aplikacji. Powinna być ona minimalistyczna, a jednocześnie sugerująca czego appka dotyczy. Apple w dalszym ciągu nie wydało oficjalnego szablonu, dlatego warto przy projektowa- niu tego elementu skorzystać z nieoficjalnej jego wersji – na przykład takiego STUDIOOSOM 11STUDIOOSOM 9STUDIOOSOM 9STUDIOOSOM 2STUDIOOSOM 8
- 10. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM Font 9 Warto pozostać w tym temacie spójnym i konsekwentnym, i skorzystać z czcionek zbliżonych wyglądem do tych, które na co dzień widzimy w ekranie smartfona. Domyślną stosowaną przez Apple jest Helvetica Neue. Oprócz niej mamy alternatywy. Listę zainstalowanych i dostępnych czcionek znajdziesz tutaj. 6 porad dotyczących projektowania na system Android i iOS FONTANDRO FONTANDROID FONTANDR
- 11. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Pierwszy sukces 11 Realizacja projektów niekomercyjnych daje tym więcej satysfakcji i motywacji, gdy spotyka się z aprobatą odbiorców. Tak było przy okazji projektu “Latający Kamerzysta”. Został on doceniony nie tylko przez lokalną społeczność, ale również podczas pierwszego i jedynego w Polsce - Dron Festiwalu - podczas którego zwyciężył w kategorii Story. Zwycięski film przedstawiał Cmentarz Żydowski przy ul. Brackiej w Łodzi. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podniebni pasjonaci 9 Jeśli nie dla pieniędzy, to… z pasji. Jako wielbiciele nowych technologii i fabrykanckiego miasta Łodzi postanowiliśmy połączyć te dwie pasje. Tak właśnie narodził się ten niekomercyjny projekt. Uznaliśmy, że Latający Kamerzysta oprócz treści wizualnych będzie też przedstawiał opowieści o mieście, jego mieszkańcach, promując je i jednocześnie pokazując Łodzianom jego zawiłą historię. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Integrują zespół i dostarczają rozrywki 9 Nic tak nie łączy ludzi, jak wspólna pasja i cel. Podczas burz mózgów możemy lepiej poznać poglądy na dany temat wszystkich uczestników. Nie dość, że grupowa dyskusja dostarcza zespołowi rozrywki i go integruje, to jeszcze pozwala na podjęcie najlepszych decyzji. No i oczywiście dopracowanie pomysłów. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów Podbniebny twór 2 Głównym celem projektu jest promocja Łodzi. Odbywa się to za sprawą Latającego Kamerzysty, który korzysta z drona i filmuje ciekawe zakątki miasta. Oprócz dostarczania odbiorcom wizualnej rozrywki, Latający Kamerzysta edukuje - jego filmy urozmaicone są informacjami dotyczącymi historii Łodzi. STUDIOOSOM FONT 10 Problemem może okazać się niekiedy zdobycie licencji (lub jej wysoka cena) na komercyjną, zastrzeżoną czcionkę. Warto w takim przypadku skorzystać z bazy czcionek (znajdziesz ją tutaj), które znajdują swoje zastosowanie w aplikacjach mobilnych. 6 porad dotyczących projektowania na system Android i iOS FONTfONTFON FONTfONTFO FONTfONTFON
- 12. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 11 6 porad dotyczących projektowania na system Android i iOS Android Czas wziąć pod lupę tajniki projektowania na system operacyjny Android. Jak już wspomniano wcześniej, Android opiera się na Material Designie, a ten z kolei umiejscowiony jest na trzech fundamentach.
- 13. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 12 6 porad dotyczących projektowania na system Android i iOS Pierwszy z nich to metaforyczność. Projektując wykorzystuj wiele atrybutów. Ich celem jest jak najszybsze naprowadzenie użytkownika na punkt, do którego zmierza.
- 14. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 13 6 porad dotyczących projektowania na system Android i iOS Wizualizacja to kolejna z fundamentalnych zasad, o której trzeba pamiętać w procesie projektowania. Chodzi tutaj o spójność wszystkich graficznych elementów: fontów, kolorów, rozmieszczenia przestrzennego…
- 15. Ważna jest również płynność. Dzięki niej użytkownik przechodzi przez poszczególne kroki w sposób, który nie zakłóca jego uwagi. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 14 6 porad dotyczących projektowania na system Android i iOS
- 16. STUDIOOSOM 5 powodów 11STUDIOOSOM 5 powodów 9STUDIOOSOM 5 powodów 9STUDIOOSOM 5 powodów 2STUDIOOSOM 15 Jak zawsze, zależy to od wielu czynników, a także w dużej mierze od preferencji twórcy. 6 porad dotyczących projektowania na system Android i iOS Na który system lepiej projektować?
- 17. łatwe przeprowadzenie testów możliwość szerszej dystrybucji powolność emulatora systemu brak obsługi grafiki wektorowej (przymus tworzenia warstw) ZA PRZECIW STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 16 6 porad dotyczących projektowania na system Android i iOS Android - nie taki straszny, jak go malują
- 18. STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 11STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 9STUDIOOSOM dla których warto prowadzić projekty niekomercyjne 5 powodów 2STUDIOOSOM 17 6 porad dotyczących projektowania na system Android i iOS ZA PRZECIW kompatybilność i pewne wsparcie przyszłych wersji systemowych stabilność systemu mniej elastyczna nawigacja, niż w Androidzie (utrudnione wprowadzanie poprawek) brak obsługi grafiki wektorowej (przymus tworzenia warstw) iOS
- 19. STUDIOOSOM OSOMSTUDIO - Agencja Interaktywna specjalizująca się w tworzeniu i projektowaniu stron internetowych oraz aplikacji mobilnych, w działaniach z zakresu e-marketingu i e-PR, projektowaniu graficznym na potrzeby Internetu i Mobile oraz realizacji video. office@osomstudio.com (+48) 791 169 208www.osomstudio.com Dzięki za czas poświęcony na zapoznanie się z naszą prezentacją. Jeśli moglibyśmy jeszcze jakoś Ci pomóc - skontaktuj się z nami!