QQ瀏覽器for Pad“初”之設(shè)計(jì) |
發(fā)布時(shí)間: 2012/9/14 11:09:21 |
QQ瀏覽器for Pad版是我一開(kāi)始就在著手設(shè)計(jì)的項(xiàng)目。從1.0開(kāi)始到現(xiàn)在,期間經(jīng)歷了許多修改,優(yōu)化,再設(shè)計(jì),每一次重新設(shè)計(jì)都好像大腦進(jìn)一次地獄,如此反復(fù)。然而每一次面對(duì)新的設(shè)計(jì)的時(shí)候,都會(huì)對(duì)產(chǎn)品有一個(gè)新的審視。 2012年后開(kāi)始要對(duì)qq瀏覽器for Pad版做重新設(shè)計(jì),迎來(lái)了2.0,這是一次新的契機(jī),對(duì)于瀏覽器的一次再思考。
在設(shè)計(jì)之初思考了一些題外話——媒體發(fā)展軌跡,說(shuō)實(shí)話,這次思考雖沒(méi)有實(shí)際的意義,但是對(duì)于媒體方式有了不一樣的認(rèn)識(shí)。這是當(dāng)時(shí)所分析資訊方式的進(jìn)化,我們?cè)偃ソY(jié)合下以前所思,換一種角度,往后看。暫時(shí)改變下過(guò)去的思考方式,以前的內(nèi)容展現(xiàn)方式又是什么樣的呢?
現(xiàn)在的資訊方式是印刷和電視還有網(wǎng)絡(luò)并行的年代,網(wǎng)絡(luò)以后會(huì)漸漸的在取代前兩者。以網(wǎng)絡(luò)作為新型的媒體的年代,瀏覽器便是首當(dāng)其沖的
對(duì)信息所承載的物體不斷的變化,能感覺(jué)得出發(fā)展到現(xiàn)在,閱讀的方式越來(lái)越淺(不是說(shuō)上面圖的顏色) 回頭來(lái)看我們,隨時(shí)代的改變,印刷術(shù)的出現(xiàn)取代了手抄書(shū)籍,把內(nèi)容讓人把深處拉起來(lái)了。不像以前逐字逐句的去抄寫(xiě)出來(lái)。后來(lái)互聯(lián)網(wǎng)的淺閱讀又取代印刷書(shū)籍,把人從長(zhǎng)篇累牘改成了淺顯閱讀,以點(diǎn)蓋面。看這個(gè)仿佛看到了人類對(duì)于閱讀和資訊吸收的一個(gè)墮落史(說(shuō)笑了),換句話說(shuō),大家在接受資訊也越來(lái)越豐富了。但是正是因?yàn)檫@樣的改變,改變現(xiàn)代人的生活方式,以及大腦結(jié)構(gòu)。 從前面的一些看似沒(méi)有用的分析,對(duì)瀏覽器產(chǎn)生了一些設(shè)計(jì)上的想法。希望大家在的使用上能更加的自然,在設(shè)計(jì)時(shí)候,不把他看成瀏覽器,他只是一個(gè)內(nèi)容承載體。 在正式設(shè)計(jì)QQ瀏覽器for Pad版的時(shí)候,更多的思考了瀏覽器的本質(zhì)。人們?nèi)绾瓮ㄟ^(guò)這樣的載體獲得更加豐富的內(nèi)容,瀏覽器本應(yīng)該是什么樣的,它是自然的,它是平和的,它是親切的,他更是一種生活方式
對(duì)瀏覽器產(chǎn)生了“層”這個(gè)概念之初,主要源于最開(kāi)始對(duì)瀏覽器做結(jié)構(gòu)分類所產(chǎn)生的結(jié)果。每一次設(shè)計(jì)之前做一次分類都會(huì)得出一些意外的結(jié)果。
在各個(gè)點(diǎn)和重要性上做出了一些分析,從上圖來(lái)看,就好比內(nèi)容是中間的太陽(yáng)。周?chē)男⌒行菄@他轉(zhuǎn),相互協(xié)助,各司其職。分類出來(lái)后,漸漸對(duì)其各個(gè)功能的歸類有些簡(jiǎn)單的認(rèn)識(shí)了 ,不過(guò)現(xiàn)在整體還比較散,不如我們?cè)侔迅鱾(gè)功能的層級(jí)再做一次梳理呢?把整體比作一個(gè)類三角形。
這樣架構(gòu)又明朗了一點(diǎn)。對(duì)于我們所想要的設(shè)計(jì)有了逐漸清晰的認(rèn)識(shí),那么我們?cè)龠M(jìn)一步把視角再轉(zhuǎn)動(dòng)一下。
思路越來(lái)越明顯了。這樣正是我想要的。他不是瀏覽器,是一扇窗口,我們想要的是內(nèi)容。主要看到將是內(nèi)容,他將主要展現(xiàn)在第一層。
我們可以試著朝這個(gè)方向繼續(xù)前進(jìn)。
以往我在設(shè)計(jì)上花了許多時(shí)間在思考選取什么質(zhì)感,F(xiàn)在由于是對(duì)瀏覽器設(shè)計(jì)重新思考,因此勢(shì)必要拋棄以前的想法。承上之前的思考,他只是一個(gè)內(nèi)容承載體,一切的材質(zhì)光感什么的都是虛無(wú)的。這次我們?cè)囍岩磺械馁|(zhì)感壓下去。像熨斗一樣把給壓平。開(kāi)始的時(shí)候,我們?cè)谫|(zhì)感上給出了一個(gè)大概的思路。其主要的想法就是把以前有的神馬質(zhì)感扔掉,回歸原始。
從最初的結(jié)構(gòu)圖來(lái)了一些靈感,只是一些很簡(jiǎn)單的結(jié)構(gòu)設(shè)計(jì),忽然感覺(jué)到,這不就是我們最開(kāi)始想要的嗎?“初”于是我們?cè)跇?biāo)簽的設(shè)計(jì)做最大的改變,無(wú)質(zhì)感,和內(nèi)容結(jié)合。
經(jīng)過(guò)幾次不同的調(diào)試后,最后確定一種新的標(biāo)簽。結(jié)合瀏覽器整體的設(shè)計(jì),給人更加完整,正如之前在為瀏覽器做分析,為用戶呈現(xiàn)出干凈的內(nèi)容,去除UI,一種無(wú)UI的體驗(yàn)。
正如前面說(shuō)的層級(jí),在設(shè)計(jì)瀏覽器的第二層的時(shí)候,并沒(méi)有沿用第一層的無(wú)ui設(shè)計(jì)。在第二層里有娛樂(lè),插件等等、都是瀏覽器增強(qiáng)型的功能,為了更好的區(qū)分第一層和第二層的視覺(jué)結(jié)構(gòu),在第二層用了一些淡淡的質(zhì)感來(lái)體現(xiàn)。 最左邊我們?yōu)闉g覽器設(shè)計(jì)的一個(gè)多窗口切換功能,開(kāi)始在設(shè)計(jì)這個(gè)功能時(shí)候大家還是有些忐忑的,已經(jīng)有多標(biāo)簽切換窗口的pad瀏覽器,是否還需要更為直接窗口切換呢?是否會(huì)畫(huà)蛇添足呢,但我們自己還是滿喜歡這個(gè)功能,在瀏覽網(wǎng)站的時(shí)候,左手只要?jiǎng)酉履粗妇湍芮袚Q窗口了。等版本發(fā)布后,我們得到的反饋,絕大部分用戶都滿喜歡這個(gè)功能的。既方便操作又直觀,成為pad瀏覽器的一個(gè)亮點(diǎn)。
根據(jù)最初的想法,所設(shè)計(jì)出來(lái)的。
在新的瀏覽器里加入“換膚”的功能,為什么在“換膚”上加了雙引號(hào)。我認(rèn)為,嚴(yán)格來(lái)說(shuō),它不應(yīng)該叫換膚,因?yàn)樗緛?lái)就沒(méi)有皮膚,何來(lái)?yè)Q膚,它是一種自然的。
QQ瀏覽器for Pad 版2.0完成后,也上線一段時(shí)間了,從用戶收到的反饋來(lái)看,讓人感到欣慰的是,很多用戶對(duì)最新的UI感到滿意,很簡(jiǎn)約,很清晰。我們的努力也被大家所認(rèn)可。同時(shí)還有兩個(gè)一起并肩作戰(zhàn)的設(shè)計(jì)師yaner和seele,大家一起共同完成了對(duì)QQ瀏覽器for Pad的設(shè)計(jì)。 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |