|
第一次迭代，不斷精簡視覺元素過程中的設(shè)計摸索
PowerMatrix截圖
PowerMatrix(簡稱PM)是彩程在09年開發(fā)的在團(tuán)隊內(nèi)使用的工作記錄軟件，也是TeamCola的前身。去年末由于所有人都已經(jīng)無法忍受PM之苦逼難用，我們決定重新開發(fā)一款供團(tuán)隊內(nèi)部使用的工作記錄應(yīng)用，由我來擔(dān)任視覺設(shè)計，第一版視覺設(shè)計在12月初放出。
新PowerMatrix(當(dāng)時還不叫TeamCola)有任務(wù)、項目、工作記錄(日歷)和積分功能，取代老PM首頁的是一個，顯示團(tuán)隊近期的動態(tài)(任務(wù)、里程碑和項目的新建、完成等)，側(cè)邊欄顯示自己的任務(wù)和項目。第一版的視覺稿很快就做出來了，整體風(fēng)格貼近其名字”PowerMatrix”蘊含科技色彩的冷峻專業(yè)。為了使頁面更加緊湊，減少視覺焦點，通常放置在左上角的logo被移動到了footer位置。
這版視覺沿襲了當(dāng)時我的設(shè)計風(fēng)格，以漸變和陰影表現(xiàn)頁面元素間層次，使用偏向中性色調(diào)。由于毛病太多(中間空白區(qū)域遼闊得可以放羊、層次太亂、LOGO的放置問題等)很快就被否決，在團(tuán)隊幾次討論后第二、第三版的設(shè)計也緊接著推出來了。
隨著logo由科技感的文字變成一個更加geek的矩陣，PowerMatrix的漸變也逐步被棄用而轉(zhuǎn)為更為純粹的單色，所有陰影也隨之取消。更大的變化是在排版和文案上的優(yōu)化：導(dǎo)航的任務(wù)顯示任務(wù)數(shù)氣泡、dashboard的列表文字主次區(qū)分、側(cè)邊欄視覺上的弱化以及主區(qū)域加高突出等等，這次優(yōu)化的設(shè)計很多保留到了第三次迭代之前，而視覺上的去繁入簡更成為了后面迭代的核心訴求。
出處：
責(zé)任編輯：bluehearts
上一頁 擁抱極簡——TeamCola設(shè)計實錄 [1] 下一頁 擁抱極簡——TeamCola設(shè)計實錄 [3]
|
第 1 頁 
第 2 頁 擁抱極簡——TeamCola設(shè)計實錄 [2]
