Дизайн и верстка мобильного приложения
- 2. 1
Êàê ïðîèñõîäèò ïðîöåññ
ðàçðàáîòêè äèçàéíà ÌÏ
2
Ìû
ðàçáåðåì
Îñîáåííîñòè
äèçàéíà ÌÏ
3
Ïîäãîòîâêà ê âåðñòêå.
Íàðåçêà, êàê ñàìûé
íóäíûé, íî êðàéíå
âàæíûé ýòàï ðàáîòû
äèçàéíåðà
- 4. Èòàê!
Ïðîéäÿ ýòàï ïîäãîòîâêè
è ýòàï ïðîåêòèðîâàíèÿ,
ìû èìååì:
ïðîàíàëèçèðîâàííîå ÒÇ,
ñòðóêòóðó ÌÏ,
óòâåðæäåííûé ïðîòîòèï
ñ ïîëíîñòüþ ïðîäóìàííûì
ôóíêöèîíàëîì
è êàðòîé ýêðàíîâ
- 5. Àíàëèç
Âêëþ÷àÿñü â ðàáîòó, äèçàéíåð åùå ðàç
ïðîâîäèò
Èçó÷åíèå ÒÇ è áðèôà.
Ðàññìîòðåíèå ôóíêöèîíàëà ïðèëîæåíèÿ.
Òåñòèðîâàíèå ïðîòîòèïà.
Òåì ñàìûì âûÿâëÿÿ àñïåêòû,
êîòîðûå íåîáõîäèìî ó÷èòûâàòü ïðè ïðîöåññå äèçàéíà.
- 22. 2. Äëÿ êàæäîãî òèïà ýêðàíà ñîçäàåì ëèñò.
Íà ýñêèçå îòìå÷àåì ðàçìåðû è âûíîñèì âñå çíà÷åíèÿ
øðèôòà, öâåòà, ðàñïîëîæåíèÿ è ò.ï. Îòäåëüíî èçîáðàæàåì ðÿäîì
íàðåçàííûå ýëåìåíòû äëÿ íàãëÿäíîñòè.
- 23. 3. Êàæäûé ýëåìåíò ñîõðàíÿåòñÿ â íåñêîëüêèõ çíà÷åíèÿõ:
íàïðèìåð, äëÿ ðåòèíû è íåðåòèíû ïîä ñîáñòâåííûì èìåíåì.
rateview_icon_star_blue
rateview_icon_star_blue@2x
list_pokypatel_bg
list_pokypatel_bg@2x
- 24. 4.  ïåðâóþ î÷åðåäü îòäåëüíî ìîæíî
íàðåçàòü îñíîâíûå ýëåìåíòû
/Tab Bar, Title Bar/
- 25. 5. Äëÿ êàæäîãî ýêðàíà ñëåäóåò ñîçäàòü îòäåëüíóþ ïàïêó.
6.1no_connect
no_connect_pop_up
no_connect
no_connect@2x
no_connect_pop_up@2x
no_connect_icon_web
no_connect_icon_web@2x
- 26. 6. Íåëüçÿ çàáûâàòü îïèñûâàòü âñå äåéñòâèÿ,
ó÷èòûâàòü âñå ñèòóàöèè.
Ëþáûå êîììåíòàðèè, êîòîðûå
ìîãóò îáëåã÷èòü ðàáîòó ïðîãðàììèñòà, óìåñòíû!
- 28. ïðèñòàëüíîå âíèìàíèå íàäî óäåëÿòü
èíòåãðàöèè äèçàéíà
ò.ê. íå ìàêåò äèçàéíåðà âèäèò
ïîëüçîâàòåëü ó ñåáÿ íà ýêðàíå,
à êîíå÷íûé ïðîäóêò
!!!!!!!!!!!!!!
- 29. ïðèñòàëüíîå âíèìàíèå íàäî óäåëÿòü
èíòåãðàöèè äèçàéíà
ò.ê. íå ìàêåò äèçàéíåðà âèäèò
ïîëüçîâàòåëü ó ñåáÿ íà ýêðàíå,
à êîíå÷íûé ïðîäóêò
!!!!!!!!!!!!!!