piątek , 18 Sierpień 2017
Główna » Blog » Tworzenie ikon na iPad’a i iPhone’a

Tworzenie ikon na iPad’a i iPhone’a

Użytkownicy urządzeń firmy Apple przyzwyczajeni są do obecności wielu ikon na swoim pulpicie. Oczywiście możemy je grupować w foldery przesuwając na siebie, aby nie zajmowały zbyt dużo miejsca na ekranie. Nota bene Apple opatentował technologie przesuwania ikon jedne nad drugie w celu tworzenia katalogu – Android musi mieć się zatem na baczności z wprowadzaniem podobnych rozwiązań. Istotą ikon jest graficzny odnośnik do konkretnej aplikacji, strony etc. Przekaz graficzny musi być zatem prosty oraz łatwo zapadać w pamięci użytkownika. Tworzenie ikon musi również spełniać wymogi estetyczne – odpowiedni dobór kolorów, rozmiar grafiki itd.

Coraz więcej stron internetowych, w tym także techtutor.pl, wprowadza specjalnie wykonane ikony dla użytkowników iPad’ów oraz iPhone’ów, dzięki którym w bardzo szybki sposób będzie można przejść z ekranu początkowego na stronę internetową (dzięki Safari).

tworzenie ikon

Tworzenie ikon – wytyczne

Ogólne wytyczne związane są z rozmiarami ikon. Poniższa tabelka przedstawia jakie rozmiary ikon powinny być użyte dla poszczególnych typów wyświetlaczy. Rozdzielczość to minimum 72 dpi.

Urządzenie

Wymiary [piksele]

iPad

72 x 72

iPad z wyświetlaczem Retina

144 x 144

iPhone

57 x 57

iPhone z wyśietlaczem Retina

114 x 114

Jak widać, grafiki są w kształcie kwadratów. Ważne, aby w całości zapełnić pola tych grafik, aby iOS automatycznie nie dorobił do ikony ramki np. w szarym kolorze. Przy okazji zaznaczam, że charakterystyczne zaokrąglenia ikony są wykonywane automatycznie przez system, więc nie trzeba ich ręcznie wykonywać. Warto również zadbać aby grafika miała 32 bitową głębię koloru oraz żeby była zapisana w formacie PNG (nie jest to koniecznie, ale rekomendowany jest własnie ten typ plików). Należy też pamiętać aby grafika nie zawierała połysku czy przeźroczystości (chyba że wyłączymy te opcje wcześniej i damy do zrozumienia systemowi aby nie dodawał tych efektów). Zastosowanie się do tych porad umożliwi systemowi najlepsze zaprezentowanie ikony na urządzeniu czytelnika.

A na koniec przedstawiamy jak wygląda nowa ikona na iPad’a dla naszego serwisu (jak zawsze stawiamy na prosty ale charakterystyczny wzór):

tworzenie ikon

Zapraszam do zapoznania się z innym ciekawymi wpisami:

Zobacz również:

styczny styczny styczny autocad 2016 pl

Brak opcji styczny styczny styczny w AutoCAD 2016 PL

Dostaję od Was e-maile, komentarze i wiadomości, że macie problem z opcją styczny styczny styczny podczas …

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Wypełnij CAPTCHA * Time limit is exhausted. Please reload CAPTCHA.

Zapisz się na newsletter!

Nie wysyłam spamu, bo sam go nie lubię