創業公司的APP設計師是怎樣設計的
Low-fi,即低保真原型圖,整個APP設計階段,設計師真正開始上手的環節。待PM製作好PRD文檔和邏輯流程圖之後,交互設計師開始依據已有的結論,畫出Low-fi。
Low-fi的作用
1. 方便團隊進行方案的討論和統一。就像使用場景Scenario和用戶畫像Personas,團隊每個成員腦海中所理解的都會有所不同,但通過PRD,咱們可以進行至少是大體上的統一。而在這基礎上,APP的具體畫面和流程,每個人都有自己想象的視覺效果。Low-fi就在此時起了相同的作用。
當然,統一的進一步促進效果是進行後面核心功能的深入探討,將概念落實到實施方案,並驗證邏輯上是否能跑通,以及主頁面元素的確定。
2.方便開發人員進行整體架構的佈置,開始着手一些基礎元素的部署。
3.做出demo進行內部嘗試、小範圍的用戶調查,一般會有一些更改,不會影響項目主方向,大多是功能上的調整。
Low-fi的處理工具與文件要求
作爲交互設計師,在low-fi階段多使用的是sketch,PS更側重於用來做圖片的處理。出發點還是更多的從效率上進行考慮,sketch運行速度非常快,文檔小,測量距離方便,可複用的圖層組(symbol),做好圖之後導出多倍圖也十分方便。所以在此階段做草圖,sketch是不二之選。
然而,對low-fi的文件處理也有一些要求,主要分爲視覺效果和文件名整理。
視覺效果上傾向於使用黑白灰無色彩感的.設計方案,目的是爲了降低視覺上的干擾,讓設計師和團隊其他成員,將精力重點放到APP本身的功能完善和邏輯完整上面。
而文件名的整理主要表現在圖層命名需要規範。統一的控件用symbol進行管理,symbol的命名建議使用駝峯式,即每個單詞間沒有空格,每個單詞首字母大寫(這裏說的是大駝峯式,即第一個單詞的首字母也大寫了)。
Symbol的分類主要有這幾類,StatusBar、Keyboard、Header、Button、Cards、TabBar、Control、ListItem、Popup等,如果想細分也可以再進行一些細分,比如Popup可以再分出一個細枝爲Toast等。
Icon類的只能用小寫且不能以數字開頭,不能包含空格。對於 icon,建議對通用模塊再分子類(例如:icons/topnav/; icons/tabbar/; icons/general/…),原則是分類非常符合常識,到了後期icon類的symbol會非常多,這樣方便快速從一堆 icon 中找到它。
對於Sketch的group管理,建議按照功能模塊進行分類與命名。比方說,video中有VideoPlayer和SingleVideo不同種類,game有GameScore和GameReport等,按照不同的用途進行重組。
這樣的目的是爲了,在接下來用一些動態原型工具,比如Flinto或者Origami等等時,方便查找,以及合成圖層組。絕大部分動態原型工具,都是靠渲染圖片來進行展示原型的,圖層越少,電腦效率越高使用越流暢。
文件在low-fi階段整理地越清晰,設計師頭腦越清晰,high-fi階段越省力。
總的來說,在Low-fi階段是定主體功能和APP雛形的階段,在這一階段,設計師需要幫助團隊統一APP的整體架構,頁面的大體功能模塊分類和跳轉關係,讓APP從大家腦海中的形象落實到真實的視覺效果中~
敬請期待下期分享~
Sophia的tips:雖然只是low-fi,卻也需要吃毛求疵般的職業態度。
-
方案設計招標書評分標準
大家想知道方案設計招標書是怎麼評分的嗎?下面是小編爲大家整理了方案設計招標書評分標準,希望能幫到大家!一、評審方法本項目的評標方法爲綜合評估打分法:評委會按照要求對投標文件進行評審後,根據技術部分、報價部分及服務及信譽部分的得分,推薦綜合得分最高的投標...
-
《世界各地的華人》的教學設計
教學內容義務教育課程標準實驗教科書鄂教版品德與社會五年級上冊第四單元第十三課《世界各地的華人》。學情分析“世界各地的華人”距離學生現實生活較遠,爲了讓學生通過本課學習真切地感受到海外華人對祖國母親濃烈的思鄉情結和真摯的愛國之心。學生熱愛祖國的...
-
導師育人方案內容設計
育人爲本是教育的生命和靈魂,是教育的本質要求和價值訴求。小編與大家分享育人方案設計,歡迎參考!爲更加有效地實施因材施教,促進青少年健康成長,根據青州市教育局《關於印發在全市教育系統深入開展轉變教育發展方式努力辦好人民滿意教育主題實踐活動的實施方案的通...
-
畢業設計進度模板
畢業設計是畢業之前最重要的事情,要安排好時間進行畢業設計。以下是小編整理的畢業設計進度模板,歡迎閱讀。畢業設計進度模板11、10月10日左右,制訂法學院2012屆畢業論文工作計劃,向全院老師徵集論文參考選題[徵集論文參考選題的要求是:本部及科院教授各出題不超過8...