Navrhovanie akčných listov v Sketch – jednoduché kroky

Vývoj mobilných aplikácií vyžaduje nielen kreatívne dizajny, ale aj premyslené funkčnosti. Efektívny element, ktorý mnohým aplikáciám dodáva profesionálny nádych, je Akčný hárok. V tomto tutoriále sa dozvieš, ako môžeš pomocou iOS knižnice vytvoriť Akčný hárok na zlepšenie používateľskej skúsenosti. Zameranie nie je zamerané iba na dizajn, ale aj na praktickú implementáciu.

Najdôležitejšie zistenia

Akčný hárok je dôležitým elementom, ktorý poskytuje používateľom rôzne možnosti bez preplnenia používateľského rozhrania. Umožňuje jednoduchú interakciu, najmä pre právne informácie alebo prihlášky.

Krok-za-krokom návod

1. Vytvor základ

Predtým, než sa dostaneš k špecifickým dizajnom a funkciám, musíš zabezpečiť podmienky na to, aby sa používatelia mohli prihlasovať a odhlasovať. To zahŕňa aj právne aspekty, ako je zobrazenie obchodných podmienok alebo zásad ochrany osobných údajov.

2. Vytvor nový tlačidlo

Umiesni tlačidlo v pravom hornom rohu svojho kontroléra. Toto tlačidlo sa použije na otvorenie Akčného hárku. Môžeš ho označiť trochu neutrálnym názvom, ktorý priláka používateľov.

3. Prispôsob rozhranie elementy

Aby si jasnejšie znázornil voľbu používateľa, mal by si pridať štítok so slovom „viac“. Samozrejme, môžeš namiesto toho použiť tri bodky, aby to bolo vizuálne atraktívnejšie vytvorené.

4. Zmeň dizajn kontroléra

Teraz je dôležité prispôsobiť rozhranie. Zmeň názov svojho kontroléra a zabezpeč, aby jasne vynikal v dizajne. Môžeš ho napríklad nazvať „Profilový kontrolér Viac“.

5. Vytvor obdĺžnik pre menu

Aby si vytvoril jasné oddelenie medzi tvojim Akčným hárkom a zvyškom aplikácie, vytvor obdĺžnik, ktorý prekryje celý kontrolér. Ofarbi obdĺžnik na čierno s 50% priesvitnosťou, aby si dosiahol mäkké pozadie.

6. Príprava Akčného hárku

Namiesto vytvárania vlastného menu, využi už existujúce šablóny na vytvorenie tvojich Akčných hárkov. Skontroluj možnosti v iOS knižnici a vyber jednoduchý Akčný hárok, ktorý už má požadované tmavé pozadie.

7. Prispôsob tlačidlá v Akčnom hárku

Začni prispôsobovaním akcií v Akčnom hárku. Zachovaj tlačidlo „Zrušiť“ a pridaj hneď nad ním tlačidlo „Odhlásiť“, aby si používateľom poskytol jednoduchú možnosť odhlásenia.

8. Používaj možnosti dizajnu tlačidla

Optimalizuj dizajn tlačidla „Odhlásiť“ tak, že ho nastavíš ako „destruktívne“. Tým získa tlačidlo červené sfarbenie, ktoré ho zvýrazní a povzbudí používateľov, aby sa tejto akcie zúčastnili s rozvahou.

9. Pridaj ďalšie akcie

Po vytvorení základných funkcií môžeš pridať ďalšie možnosti. Zváž, aké informácie môžu byť pre používateľov užitočné, napríklad často kladené otázky, nastavenia upozornení alebo odkazy na obchodné podmienky a zásady ochrany osobných údajov.

10. Dokončenie menu

Nakoniec skontroluj, či sú všetky funkcie a možnosti plánované v Akčnom hárku prítomné. S jasným výpisom možností pomáhaš vývojárovi efektívne navrhnúť aplikáciu a splniť všetky právne požiadavky.

Zhrnutie – Vytvorenie Akčných hárkov v Sketch

V tomto návode si sa naučil, ako vytvoriť Akčný hárok v Sketch, aby si ho efektívne používal v aplikácii. Akčný hárok poskytuje nielen rozmanité možnosti pre interakciu používateľov, ale tiež spĺňa zásadné právne požiadavky.