當(dāng)我或者客戶準(zhǔn)備好線框圖原型之后,我更傾向于將它們合并到一個PSD文件中去。接下來,我會琢磨界面交互,點擊不同的地方會產(chǎn)生什么效果。在這個過程中,我們常常能發(fā)現(xiàn)缺失的環(huán)節(jié)和需要補充的界面,以及其他的錯誤,這些都是客戶和我們最初考慮不周全的地方。如此一來,我便可以將所有的界面和元素放在一起,綜合起來看。當(dāng)我面對一個擁有15屏的APP界面設(shè)計稿的時候,就會發(fā)現(xiàn)讓它們保持統(tǒng)一風(fēng)格是一件很難的事情,最初的設(shè)計準(zhǔn)則也因此需要調(diào)整。
三種不同的標(biāo)識線,第一種是帶數(shù)字標(biāo)號指向下一屏的,第二種是屏內(nèi)指引線,第三種是指向外部應(yīng)用和鏈接的線。
完整預(yù)覽圖
關(guān)于樣式——我所使用的原型設(shè)計樣式和很多設(shè)計師差不多,但是比起耗費大量的時間去繪制復(fù)雜的指引線展示交互過程,我更愿意使用代表下一屏的數(shù)字標(biāo)號和簡單直觀的指引線來展示我的設(shè)計。這種方式有點兒像過去老范兒的游戲說明書,但是它比起印刷電路板般的指引線地圖要好的多。如此一來,你便可以在整張圖上看到更多有效的信息。
為此我附上PSD,讓你更容易理解我的想法。
C、后期處理(設(shè)計規(guī)范)
終于接近尾聲了,最后一個部分是創(chuàng)建設(shè)計規(guī)范,檢查并確保視覺的一致性。事實證明,這一環(huán)節(jié)是項目中極為重要的一個部分,不論項目是大是小。在大型項目中,如果要改變某些組件的屬性,通常我是無法100%確定是不是把所有相關(guān)組件都改過來了。有了設(shè)計準(zhǔn)則之后,我們就能確保UI中不會出現(xiàn)50種不同濃淡的灰色和14種不同尺寸的字體。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境