Obsah
- 01. Vyzkoušejte Skala Preview
- 02. Prohrajte to pomocí DevRocket
- 03. Designové ikony na náměstí
- 04. Použijte šablonu návrhu ikony Apple
- 05. Design pro iPhone 4 a zvětšovat
- 06. Pamatujte si své pixely
- 07. K.I.S.S.
- 08. Dynamický typ
- 09. Stavový řádek iOS 7
Návrh pro iOS vždy vyvolával konkrétní výzvy, se kterými se návrhář musí potýkat. Zatímco předchozí verze iOS byly velmi zaměřeny na skeuomorfní vzhled a chování, skvěle „plochá“ estetika iOS 7 vyžaduje odlišný přístup a nejlepší aplikace pro iPhone se mu musí jednoduše přizpůsobit.
Jelikož se zdá, že celé odvětví směřuje k trendu plochého designu, nebylo žádným skutečným překvapením, když se designový tým Jony Ive ve společnosti Apple v loňském roce vydal tímto směrem iOS. Grafika je nyní odvážnější, barevnější a více zaměřená na funkci než formu. Takže i když už víte, jak vytvořit aplikaci, věnujte pozornost těmto tipům a technikám pro navrhování uživatelských rozhraní připravených pro iOS 7 ve Photoshopu.
01. Vyzkoušejte Skala Preview
Skala Preview je velmi užitečný nástroj pro všechny návrháře aplikací. Umožňuje vám vidět svůj design - dokonalý v pixelech a barevný - na obrazovce připojeného zařízení přímo z Photoshopu. Odstraňuje dohady a šetří vám spoustu času.
02. Prohrajte to pomocí DevRocket
DevRocket je další zásuvný modul Photoshopu, který je skvělý pro návrháře iOS.S ním můžete generovat šablony v obou orientacích, přepínat mezi Retinou a standardem ve Photoshopu a dokonce exportovat v obou rozlišeních. Nezbytný.
03. Designové ikony na náměstí
Možná si myslíte, že protože se ikony aplikací na iPhonu objevují se zaoblenými rohy, je třeba je navrhnout. Není tak. Vezměte v úvahu viditelnou oblast a označte ji ve Photoshopu jako průvodce designem. Odešlete čtvercový obrázek do App Store a zbytek nechte na Apple.
04. Použijte šablonu návrhu ikony Apple
Existuje mnoho šablon, které vám pomohou navrhnout ikonu, která pracuje s novou mřížkou rozložení Apple (tu najdete zdarma). Jsou skvělé, protože vám umožňují vytvářet více ikon jednoduchým vkládáním grafiky do předem určených masek vrstev.
05. Design pro iPhone 4 a zvětšovat
Pokud nemáte čas na vytvoření uživatelského rozhraní na míru pro iPhone 4 a 5, navrhněte o něco menší obrazovku iPhone 4 a zvětšete jej. Pokud máte čas, využijte prostor iPhonu 5 dobře a využijte svou aplikaci - a její hlavní funkci - k dýchání.
06. Pamatujte si své pixely
Design pro displej Retina znamená pracovat ve dvou rozlišeních - normální velikosti a dvojnásobku původní velikosti pro Retina. Chcete-li se vyhnout rozmazaným okrajům, když je váš design zmenšen, udržujte rovnoměrné (nikoli liché) proporce obrazu a ve Photoshopu zaškrtněte políčko Přichytit k pixelu.
07. K.I.S.S.
Nenechte se unášet přechody, rámečky a vrženými stíny, protože to se nehodí k jednoduššímu a jasnějšímu pocitu iOS 7. Pokud chcete, aby se vaše aplikace vypadala jako doma, ponechte dostatek prázdného prostoru a vyhněte se skeuomorfnímu přístupu ve prospěch plochého designu.
08. Dynamický typ
Text v iOS 7 lze dynamicky škálovat tak, aby vyhovoval potřebám uživatele. Apple se postaral o systémová písma, aby zajistil čitelnost - pokud zvolíte vlastní písma, zvažte to samé. Protože jsou nyní populární tlačítka bez okrajů, použijte barvu textu k označení, které prvky jsou interaktivní.
09. Stavový řádek iOS 7
S novým důrazem na funkci nad výzdobou by návrháři měli zajistit, aby obsah dosáhl celé šířky a výšky obrazovky. Dobrým příkladem toho je aplikace Počasí od společnosti Apple. Mraky se vznášejí za stavovým řádkem a maximalizují využití nemovitostí na celou obrazovku.
Slova: Dave Brown a Vicky Roberts
Apposing je mobilní a digitální kreativní studio. Zakladatel a výkonný ředitel Dave pracuje se specialistkou na PR a komunikaci Vicky na projektech pro klienty včetně Unileveru a BBC. Tento článek se původně objevil v čísle 225 Počítačového umění.