起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（三）——Low-fi輸出
Low-fi，即低保真原型圖，整個(gè)APP設(shè)計(jì)階段，設(shè)計(jì)師真正開始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后，交互設(shè)計(jì)師開始依據(jù)已有的結(jié)論，畫出Low-fi。
Low-fi的作用
1. 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一。就像使用場(chǎng)景Scenario和用戶畫像Personas，團(tuán)隊(duì)每個(gè)成員腦海中所理解的都會(huì)有所不同，但通過PRD，咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上，APP的具體畫面和流程，每個(gè)人都有自己想象的視覺效果。Low-fi就在此時(shí)起了相同的作用。
當(dāng)然，統(tǒng)一的進(jìn)一步促進(jìn)效果是進(jìn)行后面核心功能的深入探討，將概念落實(shí)到實(shí)施方案，并驗(yàn)證邏輯上是否能跑通，以及主頁面元素的確定。
2.?方便開發(fā)人員進(jìn)行整體架構(gòu)的布置，開始著手一些基礎(chǔ)元素的部署。
3.?做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查，一般會(huì)有一些更改，不會(huì)影響項(xiàng)目主方向，大多是功能上的調(diào)整。
Low-fi的處理工具與文件要求
作為交互設(shè)計(jì)師，在low-fi階段多使用的是sketch，PS更側(cè)重于用來做圖片的處理。出發(fā)點(diǎn)還是更多的從效率上進(jìn)行考慮，sketch運(yùn)行速度非?？?，文檔小，測(cè)量距離方便，可復(fù)用的圖層組（symbol），做好圖之后導(dǎo)出多倍圖也十分方便。所以在此階段做草圖，sketch是不二之選。
然而，對(duì)low-fi的文件處理也有一些要求，主要分為視覺效果和文件名整理。
視覺效果上傾向于使用黑白灰無色彩感的設(shè)計(jì)方案，目的是為了降低視覺上的干擾，讓設(shè)計(jì)師和團(tuán)隊(duì)其他成員，將精力重點(diǎn)放到APP本身的功能完善和邏輯完整上面。
而文件名的整理主要表現(xiàn)在圖層命名需要規(guī)范。統(tǒng)一的控件用symbol進(jìn)行管理，symbol的命名建議使用駝峰式，即每個(gè)單詞間沒有空格，每個(gè)單詞首字母大寫（這里說的是大駝峰式，即第一個(gè)單詞的首字母也大寫了）。
Symbol的分類主要有這幾類，StatusBar、Keyboard、Header、Button、Cards、TabBar、Control、ListItem、Popup等，如果想細(xì)分也可以再進(jìn)行一些細(xì)分，比如Popup可以再分出一個(gè)細(xì)枝為Toast等。
Icon類的只能用小寫且不能以數(shù)字開頭，不能包含空格。對(duì)于 icon，建議對(duì)通用模塊再分子類（例如：icons/topnav/; icons/tabbar/; icons/general/…），原則是分類非常符合常識(shí)，到了后期icon類的symbol會(huì)非常多，這樣方便快速從一堆 icon 中找到它。
對(duì)于Sketch的group管理，建議按照功能模塊進(jìn)行分類與命名。比方說，video中有VideoPlayer和SingleVideo不同種類，game有GameScore和GameReport等，按照不同的用途進(jìn)行重組。
這樣的目的是為了，在接下來用一些動(dòng)態(tài)原型工具，比如Flinto或者Origami等等時(shí)，方便查找，以及合成圖層組。絕大部分動(dòng)態(tài)原型工具，都是靠渲染圖片來進(jìn)行展示原型的，圖層越少，電腦效率越高使用越流暢。
文件在low-fi階段整理地越清晰，設(shè)計(jì)師頭腦越清晰，high-fi階段越省力。
總的來說，在Low-fi階段是定主體功能和APP雛形的階段，在這一階段，設(shè)計(jì)師需要幫助團(tuán)隊(duì)統(tǒng)一APP的整體架構(gòu)，頁面的大體功能模塊分類和跳轉(zhuǎn)關(guān)系，讓APP從大家腦海中的形象落實(shí)到真實(shí)的視覺效果中~
敬請(qǐng)期待下期分享~
Sophia的tips：雖然只是low-fi，卻也需要吃毛求疵般的職業(yè)態(tài)度~
相關(guān)閱讀
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（二）——立項(xiàng)》
《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》
專欄作家
作者：Sophiallg，人人都是產(chǎn)品經(jīng)理專欄作家，微信公眾號(hào)：Sophia的玲瓏閣。
本文由 @Sophiallg 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
非常想知道app個(gè)部分英文名是什么，有可以推薦的文章嗎，謝謝
這篇個(gè)第三篇一樣？
很贊同無色彩輸出以及文件ICON的規(guī)范管理。
只是不對(duì)于原型工具的選用，希望小編不能帶主觀色彩去引導(dǎo)用skech，雖然我個(gè)人是用的axure，但我不會(huì)推薦人人都用axure，只是在公司內(nèi)部用大家統(tǒng)一用的。高校高質(zhì)完成任務(wù)的工具就是好工具，希望弱化對(duì)于sekech的特點(diǎn) 說明，工具始終只是工具。