Ostatni miesiąc, Apple przedstawiony Nowy OS X Yosemite, który otrzymał znaczne wizualnych innowacji tył iOS 7. Kupertinovtsy dodania efektów rozmycia i przezroczystość, podjęliśmy interfejs bardziej płaski, zaktualizowane czcionkę systemową i ikony.
Nowe ikony w doku - mój ulubiony aktualizacji do Yosemite. Pierwsze rzeczą, ludzie chcą dyskutować na wygląd, ale istnieje wiele Porównania ikony Mavericks i Yosemite. Ikony są neater, zagubiony połysk, ale stało się jaśniejsze i zachowały pewne elementy skeumorfizm. Myślę, ikona Finder i ustawienia są piękne, ikona Safari wygląda lepiej niż iOS i kalkulator ikony, Centrum gier i FaceTime wyglądają strasznie.
Doskonała. Przejdźmy.
W rzeczywistości, dla nowych ikon leży coś więcej niż tylko nową farbą. Zamiast je krytykować, ja zamierzam analizować dogłębnie ikony i skupić się na drobnych szczegółów. To spędził dużo czasu w ciągu ostatnich kilku tygodni. Więc, co znalazłem?
dok
Kształt i wielkość ikon został dostosowany, aby zapewnić najlepsze wrażenia wizualne. Wydaje się, że cel ten został osiągnięty dzięki zastosowaniu siatki, ale ja się do tego po rozmowie figur.
Liczby i siatka
Projektanci firmy Apple skopiowany system ikon, aby Yosemite. Istnieją trzy podstawowe kształty wykorzystywane do tworzenia ikon: koło, kwadrat i prostokąt pochylona. Oczywiście, Apple odbiega od tego systemu w niektórych miejscach, ale to oczywiście nie jest uderzające. Aby lepiej zrozumieć te formy, I dołączył do nich z siatką ikon z iOS 7. Nie zmieniły kawałki, więc są w odpowiednich miejscach.
Nie jestem zaskoczony, że okrąg i kwadrat wyraźnie pasuje do konturów. Teraz spójrzmy na jest łączne netto z tej ikony. Dla jasności ja zmniejszone krycie ikon.
Zarysy iBooks ikona i ustawień systemowych niemal idealnie wyrównane z siatki. Uchwyt na ikonę TextEdit umieszczonej między dwiema społecznościami, można stwierdzić, że tylko z wielką rezerwą.
Można zauważyć, że ustawienia ikona trochę mniejsze szerokości siatki. Jabłko używa dwóch rozmiarach na placu. i ustawienia Finder są tej samej szerokości, a terminal i monitorowanie systemu - inne.
Na App Store ikona literą „A” nieco poza ustalone granice, z ciężką postacią mniej niż w książce. Nachylona prostokąt zasługuje na szczególną uwagę, gdyż jest to najbardziej popularny rodzaj ikon dla programów innych firm.
Jeśli zacznie obracać prostokąt namalowany w starej wersji systemu, to trzeba jeszcze zniekształcać go w dłuższej perspektywie, aby dopasować kształt. W Yosemite fałszywego wystarczy dodać głębi do stron książki lub cieni. Ikony w nowym systemie łatwiejsze dla użytkownika i dla artysty. Trudno opisać, ale przede obraz pomaga zilustrować różnicę. Dla takich ikon ma potrzeby półce 3D.
do WWDC 2014 było wielu spekulacja na temat ikon w Yosemite. Założono, że wszystkie z nich pojawią się w postaci elipsy lub okręgu. Na szczęście tak nie było. Myślę, projektanci firmy Apple świetną robotę, aby utworzyć pojedynczą ikonę stylu, pozostawiając programistom tworzyć własne unikalne wersje.
I dostosowany iOS 7 siatkę do tworzenia zaktualizowaną siatkę do Yosemite:
hierarchii dane
Łatwo jest dać się ponieść przez eksperymentów, kiedy nowy styl wizualny wprowadzonych. Zatrzymaj się na chwilę i przypomnieć sobie, co sprawia, że wniosek i do której kategorii. Po tym wszystkim, jedna postać może reprezentować kategorię lepiej niż inne.
okrągły
Być może koło ikony do wykorzystania w aplikacjach, które są częścią podstawowego oprogramowania, lub przeznaczone dla rozrywki. Są przyjemne dla oka, ale wątpliwe jest, czy taki program będzie skierowany do profesjonalistów.
kwadrat
Wydaje się, że w głównych ikon kwadratowych zostaną wykorzystane do narzędzi systemowych. Finder, terminal, konfiguracja systemu i monitorowanie systemu pasuje do stylizacji. Niektóre ikony mogą być rzeczywiście skłonny, ale używają też kształt kwadratu.
pochylona prostokąt
Ikony te zawsze były znakiem rozpoznawczym OS X. Nachylona prostokąt będzie najczęściej używaną formą wszystkie wymienione. Ikony te są aplikacje, które pomagają wykonywać żadnej pracy. Mają największą elastyczność w opcjach rysunek, więc będą one lepiej zrozumieć cel programu z jego niepowtarzalnym wyglądzie.
Efekty oświetlenia i materiałów
Nowe ikony Yosemite nie jest po prostu malowane w określonych kolorach. Jeśli przyjrzymy się im bliżej, staje się jasne, że widzimy odbicie środowiska. Na przykład, można wyraźnie zauważyć patrząc na metalowym uchwytem, przedstawionej powyżej.
Craig Federighi opisał nowy materiał półprzezroczysty dok półka, kiedy Apple wprowadził Yosemite. Wielu uważało, że był prosty rozmycie i przejrzystości efektów. Jednakże, to naprawdę wygląda, jakby stworzony z prawdziwego materiału, zachowując wygląd płaski. Możemy prześledzić tę ideę w wielu ikon. Na przykład, krawędzie metalowe terminalu mają ikony, ustawienia systemowe i system monitoringu.
Na zdjęciu poniżej 3D kulek ułożone na płaskiej powierzchni i odzwierciedlające środowisko, pomoże lepiej zilustrować, co mam na myśli.
Zakres lewo nie jest wykonana z materiału odblaskowego. Jednak nadal można zobaczyć pomarańczowy odcień, odcienie zieleni, żółci i brązów, odzwierciedlone na kuli. To w jaki sposób zachowują się trochę „płaski” obiektów w Yosemite.
Zakres prawa jest wykonany z chromu, co odzwierciedla to, co dzieje się wokół jak lustro. Jest to podobne do obrazu przedmiotów metalowych w Yosemite. W systemie, wydają się aluminium, posiadające w związku z tym bardziej rozproszone i subtelny efekt odbicia.
Są to subtelne szczegóły w ikon OS X Yosemite odszukane wszędzie.
twoja kolej
Rysunek siatki, oświetlenie, a szczegóły są ważne, ale ważne jest, aby pamiętać, że to tylko wytyczne. Dobry projektant wie, kiedy zrobić sobie małą przerwę od systemu. Jeśli jesteś początkujący w projektowaniu ikon, polecam do ścisłego przestrzegania zasad niniejszego regulaminu. Należy zwrócić uwagę na ogólny kształt ikony, pomyśl o materiałach, które starają się przedstawiać.
Łącząc wszystkie ikony z niektórymi postaciami sens. Jednak nie wszystkie aplikacje będą albo muszą być zgodne z tą zasadą. Ikony innych firm są bardzo łatwe do wykrycia, więc nie zapomnij o kącie nachylenia, oświetlenie i ogólny rozmiar. Teraz można rozpocząć pracę na własny ikony dla OS X Yosemite! W może być stosowany jako punkt wyjścia pliki PSD z liczb i siatki utworzonej przeze mnie.
przez Martiancraft