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