TeamCola的第一個(gè)可用版本在開發(fā)完成后在2月2日這個(gè)非常2的日子里正式在團(tuán)隊(duì)里內(nèi)部使用了,在新鮮感和使用熱情漸漸退去后,越來(lái)越多產(chǎn)品和視覺上的問(wèn)題開始顯現(xiàn)出來(lái),1個(gè)多月后,團(tuán)隊(duì)討論決定對(duì)TeamCola做一次大的調(diào)整。
即使是早期的版本TeamCola也沒打算支持IE6
在視覺上,經(jīng)過(guò)討論后總結(jié)了一些這個(gè)版本的不足,首當(dāng)其沖的是TeamCola的標(biāo)志。不少人對(duì)標(biāo)志的第一印象是看不出TeamCola的字樣,甚至不能辨識(shí)代表CO兩個(gè)字母的橙色小拉環(huán)。當(dāng)一個(gè)標(biāo)志的識(shí)別性遇到了問(wèn)題,無(wú)論它的設(shè)計(jì)構(gòu)思有多巧妙都不能算是合格的標(biāo)志。
視覺風(fēng)上第二次迭代以灰和飽和度較低的深藍(lán)色為主色調(diào),而標(biāo)題欄則以明亮的橙色作為字體顏色,灰蒙蒙的頁(yè)面使得一些視覺上的雜音更加明顯,在頁(yè)面結(jié)構(gòu)和排版上也存在著頗多不妥。經(jīng)過(guò)幾次討論我決定推翻當(dāng)前的視覺重新設(shè)計(jì),而TeamCola在一輪又一輪測(cè)試反饋當(dāng)中也醞釀著功能上新的變化。
第一張完成的視覺,項(xiàng)目仍然有任務(wù)和里程碑,標(biāo)簽式的項(xiàng)目總覽顯示的信息也比以前詳實(shí)許多
4月18日TeamCola迎來(lái)了一版嶄新的視覺設(shè)計(jì),沒有了LOGO,沒有了條條框框,沒有了橙得發(fā)紅的標(biāo)題,原本很重的Header也變成了一道淡淡的漸變。頁(yè)面寬度也從960px縮短到了800px(日歷頁(yè)面為了顯示更多信息仍然為960px),整體布局緊湊而又留有呼吸空間,閱讀信息也變得輕松了許多。
項(xiàng)目的列表頁(yè),新的項(xiàng)目首頁(yè)以項(xiàng)目列表的形式展示,能夠很清楚地看到項(xiàng)目間活躍程度的不同
LOGO還沒設(shè)計(jì)時(shí)的登陸頁(yè)面
出處:
責(zé)任編輯:bluehearts
上一頁(yè) 擁抱極簡(jiǎn)——TeamCola設(shè)計(jì)實(shí)錄 [3] 下一頁(yè) 擁抱極簡(jiǎn)——TeamCola設(shè)計(jì)實(shí)錄 [5]
|