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