我們相信,有不少熟練的設(shè)計師很有可能直接在設(shè)計工具里起稿,在很短的時間里完成一套非常高保真的視覺原型 (Look & Feel),比如這樣:
但在實際產(chǎn)品的生命周期里,設(shè)計師的工作往往不會如此一帆風(fēng)順。事實上我們得到經(jīng)驗是,設(shè)計師的工作往往會伴隨產(chǎn)品的整個生命旅程 —— 通過一次一次測試,一條一條反饋,和一筆一筆的修改,最終才能得到體驗極佳的產(chǎn)品。
而在動筆之前,盡早地,準確地將自己腦中的交互邏輯展示給相關(guān)人員 (無論是測試者還是開發(fā)人員) 至關(guān)重要。從這個角度考慮,紙和筆才是效率最佳的工具。巧的是,Material Design 的靈感來源也是紙和筆,所以在嘗試理清腦中產(chǎn)品的千頭萬緒時,回到我們設(shè)計的本源 —— 紙和筆,總是極好的。
不用畫得很工整,這不是手工課考試。更重要的是準確表達自己腦中的交互思路和界面元素。
Material Design 中除了平面上的 Material 外,也強調(diào)縱軸的浮動效果,以及由此產(chǎn)生的陰影視覺。實體的紙質(zhì)原型可以從根本上幫助您規(guī)避一些常見的設(shè)計陷阱,比如 “互相覆蓋” 謬誤。
更多關(guān)于紙質(zhì)原型的細節(jié)請觀看下面的?視頻?。本次連載分上、中、下三個部分,我們接下來會依次帶著大家了解 Google 制作更高精度的原型,即帶簡單交互的數(shù)字原型,以及原生原型的方法,敬請期待。
了解 Material Design 中的調(diào)色板:
> https://material.io/guidelines/style/color.html
了解 Material Design 中的墊高和陰影:
> https://material.io/guidelines/material-design/elevation-shadows.html
點擊屏末 | 閱讀原文 | 您可查看更多谷歌開發(fā)者相關(guān)內(nèi)容信息
如果您在設(shè)計工作中碰到了一些涉及到原型制作的經(jīng)驗和想法,歡迎在文章下方與我們分享您在設(shè)計工作中的經(jīng)驗和想法。期待在 Google Play 上和更多來自大家的精彩設(shè)計作品相遇!
聯(lián)系客服