第二次迭代,極簡(jiǎn)設(shè)計(jì)之旅正式起航
經(jīng)過(guò)幾次頭腦風(fēng)暴,Teamcola擊敗了阿迪王項(xiàng)目王等一堆無(wú)厘頭詞匯,把PowerMatrix這個(gè)名字徹底掃進(jìn)了歷史的垃圾桶!2月2日,在一個(gè)這么2的日子里,TeamCola的第一條工作記錄誕生了。
回到去年12月,在確定TeamCola這個(gè)名字之后,LOGO的設(shè)計(jì)被提上了議程,TeamCola需要它的第一個(gè)標(biāo)志。在彩程團(tuán)隊(duì)之中,可樂(lè)和咖啡是很多成員日常工作不可或缺的飲料,而可樂(lè)本身又能衍生出年輕、輕快和活力等含義。第一版的TeamCola標(biāo)志是文字和圖形結(jié)合,使用Cooper std字體并以一個(gè)拉環(huán)的形象表示co兩個(gè)字母。設(shè)計(jì)的初衷是力求LOGO簡(jiǎn)潔輕松,以鮮明的配色輔以小拉環(huán)的圖形暗示來(lái)展示TeamCola這款輕量應(yīng)用的魅力。沒(méi)有漸變、明晰的外形能夠很好地使用在頁(yè)面上。頁(yè)面的視覺(jué)風(fēng)格在LOGO確定后選擇了淺灰以及低飽和度的深藍(lán)色作為主色調(diào),輔以橙色和藍(lán)色,在帶警示性的文字和提示上使用桔紅色突出顯示,次要的信息元素以灰色來(lái)展示。
任務(wù)首頁(yè)
隨著LOGO的確定和視覺(jué)規(guī)范的建立,其他頁(yè)面的視覺(jué)設(shè)計(jì)也隨之展開。任務(wù)、項(xiàng)目、日歷和積分頁(yè)面很快完成了。和第一次迭代結(jié)束的設(shè)計(jì)相比,整體色調(diào)由深灰、橙色的偏暖調(diào)整到了灰藍(lán)的偏冷,去掉了側(cè)邊欄不同類目的分隔線,排版上也有小的調(diào)整。2月初在團(tuán)隊(duì)內(nèi)上線使用后,在產(chǎn)品功能定位和視覺(jué)設(shè)計(jì)上的問(wèn)題越來(lái)越多使得TeamCola的設(shè)計(jì)進(jìn)入了第三次迭代。
日歷頁(yè)面,此時(shí)的日歷長(zhǎng)寬是固定的,在高分辨率(如1920×1200)下會(huì)造成嚴(yán)重的空間浪費(fèi),而現(xiàn)在的TeamCola則會(huì)根據(jù)分辨率自動(dòng)調(diào)整高度
除了一小撮希望推出ipad兌換而拼命攢分的同學(xué)外,大家都喜歡在飯后兌換一瓶冰鎮(zhèn)飲料犒勞自己
從開始仍然帶有應(yīng)用程序的痕跡到整個(gè)頁(yè)面除了LOGO外幾乎沒(méi)有圖片的設(shè)計(jì),TeamCola帶給我的不僅僅是經(jīng)驗(yàn)積累,還有大量的問(wèn)題教訓(xùn),使我不會(huì)像卡扎菲一樣在錯(cuò)誤的道路上越走越遠(yuǎn)。在看Basecamp、Github等一些優(yōu)秀的網(wǎng)站,發(fā)出”原來(lái)還可以這樣設(shè)計(jì)”的驚嘆之余,更多的是需要回頭審視自己的設(shè)計(jì),到底有多少元素是需要留下來(lái)并能發(fā)揮作用的,有多少元素可以精簡(jiǎn)甚至去掉,如何在雕琢細(xì)節(jié)的時(shí)候不丟失整體。TeamCola作為團(tuán)隊(duì)工作日志工具,視覺(jué)設(shè)計(jì)的重點(diǎn)需要放在大量信息的梳理與展示當(dāng)中,讓使用者在使用過(guò)程中感覺(jué)不到設(shè)計(jì)的存在才是極簡(jiǎn)化設(shè)計(jì)的精髓。
出處:
責(zé)任編輯:bluehearts
上一頁(yè) 擁抱極簡(jiǎn)——TeamCola設(shè)計(jì)實(shí)錄 [2] 下一頁(yè) 擁抱極簡(jiǎn)——TeamCola設(shè)計(jì)實(shí)錄 [4]
|