IT之家4月5日消息 魅族Flyme 8系統(tǒng)發(fā)布已半年有余，近日Flyme用戶體驗(yàn)設(shè)計官方也回顧了Flyme 8空白頁的設(shè)計歷程。
▲最終 Flyme 8 空白頁的圖形，文字部分因當(dāng)時還在設(shè)計階段，與目前實(shí)際應(yīng)用不符
官方表示，空白頁就是當(dāng)前頁面內(nèi)容為空白，或者當(dāng)前頁面內(nèi)容錯誤、丟失等，與原本跳轉(zhuǎn)頁面不相符的頁面，以前叫404，不過一般以白色頁面為主。設(shè)計師在接手空白頁項(xiàng)目后從邏輯、情感、品牌3個角度分析Flyme空白頁，而后才定下終稿。
IT之家了解到，設(shè)計師依照先前的分析為初稿定調(diào)：“邏輯清晰，通俗易懂，有情感，有簡單動效，視覺風(fēng)格統(tǒng)一，有較好的延續(xù)性”，同時設(shè)計師還希望空白頁能加入動效。不過項(xiàng)目組認(rèn)為這樣設(shè)計成本會大大提高，每一個空白頁都做動畫是非常大的工作量，后期新增空白頁也會變得麻煩。同時動效這種“重”設(shè)計會變相增加用戶的逗留時長。
飛機(jī)稿1：“太可愛，不符合Flyme的風(fēng)格，另外也稍微有點(diǎn)復(fù)雜?！?/p>
飛機(jī)稿2：“雖然簡化了，但也還是可愛。”
飛機(jī)稿3：“過于寫實(shí)了，與系統(tǒng)視覺風(fēng)格不相符”
飛機(jī)稿4：“覺得還是不夠好，有些抽象”
在最終確定方向后魅族設(shè)計團(tuán)隊還要繼續(xù)深化空白頁設(shè)計，最后與同期進(jìn)行的Flyme引導(dǎo)頁統(tǒng)一了設(shè)計風(fēng)格，用類似2.5D的方法去設(shè)計。最后在經(jīng)歷了無數(shù)遍的調(diào)整后才得到了空白頁最終稿。
▲同期進(jìn)行的 Flyme 8 引導(dǎo)頁圖形
后期魅族官方將空白頁對夜間模式進(jìn)行了適配，進(jìn)而研究出了一套顏色系統(tǒng)，讓同一張圖在常規(guī)模式和夜間模式下都通用。此舉既減少固件包的大小還減少了夜間模式下開發(fā)的難度。
廣告聲明：文內(nèi)含有的對外跳轉(zhuǎn)鏈接（包括不限于超鏈接、二維碼、口令等形式），用于傳遞更多信息，節(jié)省甄選時間，結(jié)果僅供參考，IT之家所有文章均包含本聲明。