Daniel Hruska Nowa wersja mobilnego systemu operacyjnego Apple, siódma z rzędu, ma jeszcze kilka miesięcy do premiery wersji finalnej, ale już wywołuje fale w świecie IT, o jakich nawet surferom z Mavericks by się nie śniło. Ponieważ człowiek wykorzystuje wzrok najwięcej zmysłów, jest więcej niż zrozumiałe, że największa część uwagi zostanie poświęcona projektowaniu nowego interfejsu użytkownika. Matryca zaokrąglonych ikon na ekranie głównym jest częścią symboli iOS od 2007 roku, jednak po sześciu latach ich wygląd nieco się zmienił, co niektórym może nie przypaść do gustu.
Oprócz nieco większych wymiarów i większego promienia narożników Apple w subtelny sposób zachęca programistów do podążania za nową siatką podczas projektowania ikon. Samodzielny projektant, programista i bloger Neven Mrgan Tumblr uruchomił nową siatkę, nazywając ją nawet „Jony Ive Grid”. Według niego ikony w nowym iOS 7 są proste słabo. Wszystko, co potrzebne, wyjaśnił Mrgan na powyższym obrazku.
Po lewej stronie widać prostą ikonę z siatką, pośrodku nową ikonę App Store, a po prawej tę samą ikonę zmodyfikowaną według Mrgana. Apple twierdzi, że jeśli wszystkie ikony mają układ siatki, cały ekran będzie wyglądał harmonijnie. Nikt jeszcze nie twierdzi, że w nowej siatce nie da się ułożyć czegoś tak skomplikowanego, jednak większość projektantów woli projekt dowolny, czyli taki, którym nie rządzą żadne zasady, a jedynie to, czy dana rzecz cieszy oko.
Zapytacie, w czym dokładnie tkwi problem? Wewnętrzne kółko w nowej ikonie jest za duże. Podobnego zdania są projektanci, których Mrgan pytał o tę kwestię. Według nich siatka używana przez Safari, Obrazy, Wiadomości, iTunes Store i inne nie jest pomocna. We wszystkich tych ikonach obiekt pośrodku jest za duży. Każdy z ankietowanych projektantów zamiast oryginalnej ikony wybrałby tę po prawej stronie.
Jako ogólny przykład Mrgan podaje porównanie różnych obiektów w jednej płaszczyźnie. Jeśli spojrzysz na powyższy obrazek, po lewej stronie zobaczysz pusty kwadrat określający maksymalny rozmiar obiektu. Pośrodku znajduje się gwiazda i kwadrat, oba rozciągające się do krawędzi. Czy kwadrat wydaje się nieco większy od gwiazdy? Obiekty dotykające krawędzi krawędzi mają wpływ optyczny większe niż obiekty stykające się krawędziami tylko wierzchołkami. Kwadrat po prawej stronie jest dostosowany tak, aby optycznie pasował do gwiazdy i innych obiektów. Ikona App Store na powyższym obrazku została zmodyfikowana na tej samej zasadzie. Pod tym względem mówi się, że ikony w iOS 7 są słabo.
Kiedy po raz pierwszy zobaczyłem iOS 7 na żywo, od razu „uderzył mnie” ogromny okrąg z kompasem w ikonie Safari. Tutaj nie powiedziałbym złego słowa na krytykę Mrgana. Poza tym ikony wydawały mi się dość duże i okrągłe, cały system wydawał się w jakiś sposób zagmatwany. Po kilku dniach zacząłem go postrzegać zupełnie normalnie, jakbym znał go od kilku lat. Patrząc wstecz na iOS 6 na moim iPhonie, ikony są małe, przestarzałe, dziwnie pudełkowate, z niepotrzebnie małymi obiektami pośrodku.
Nie chcę, żeby Mrgan i inni projektanci „rozmawiali” o tym rzemiośle, absolutnie nie. Powiem tylko, że iOS 7 ma celowy design, który z pewnością trzeba dopracować latem, ale już na mnie robi to bardzo pozytywne wrażenie. Nie przypadł Ci do gustu lub nie miałeś jeszcze okazji spróbować? Nie martw się, najprawdopodobniej przypadnie Ci do gustu i zajdzie Ci za skórę w ciągu kilku dni. Jak napisał pod jednym z naszych artykułów jeden z naszych czytelników – dobry design dojrzewa w głowie.
A kto to jest Mrgan??? Chytrolina bez rezultatu?
Dlatego bardziej podoba mi się oryginał, jest taki wyrazisty :)
„co z pewnością wymaga dopracowania latem, ale już zrobiło na mnie ogromne wrażenie.” Co robi wrażenie?
pozytywne :)
Więc jest dobrze ;)
Wczoraj zainstalowałem iOS i miałem go przez godzinę. Nie wiem, czy to wersja beta, czy projekt, ale w ogóle o tym nie wiedziałem.
doskonały artykuł!
Teraz napisałem obok tego moją opinię:
W szkole uczono nas, że gdy powstają ikony, w zestawie ikon musi znajdować się jednolity element wizualny, który te ikony spaja, ta sama stylizacja graficzna, kolor, skrót graficzny... Osobiście nowe ikony nie wydają mi się zbyt podobne. Na przykład ikona czterech kolorowych bąbelków z białym odbiciem w ogóle nie pasuje do reszty. Jeśli chodzi o ikonę, to jest to inne podejście... Dla zobrazowania pomysłu załączam obrazek ze strony:
ikony w iOS 7 są okropne!!! To taki żart z Hallo Kitty... takie jest moje zdanie...
Nie wiem, jakoś konstrukcja matrycy Johny'ego przypomina mi np. Maca Mini z dołu, patrz http://www.apple.com/cz/mac-mini/design.html drugie zdjęcie. Według niego prawdopodobnie ma głowę i piętę.
I szczerze mówiąc, na pierwszy rzut oka nie czułem się komfortowo z ikonami. Czytając ten artykuł i patrząc na trzy ikony (J. siatka + Oryg. + góra), miałem wrażenie, że właściwa, a zwłaszcza oryginalna, to ta pośrodku. Że projekt jednak dojrzeje w głowie? :)
Niech pan Mrgan pisze co chce, mi bardziej podoba się środkowa ikona. Natomiast w prawym okrąg wydaje mi się nieco zatopiony.