頻道是產(chǎn)品的門戶，用戶的窗口，業(yè)務(wù)的平臺， 隨著平臺上產(chǎn)品的發(fā)展，頻道的改版那是必然的事情，每次改版的目標(biāo)和方向都在發(fā)生變化，對于設(shè)計師而言就意味著又是一個新的產(chǎn)品設(shè)計，所以頻道改版方法和經(jīng)驗一半靠前人總結(jié)，一半靠自己摸索；

一、新手誤區(qū)：

拿到交互demo就直接對交互稿進(jìn)行視覺設(shè)計，當(dāng)遇到某個版塊放在這個位置不合適的情況下就會直接更改版塊位置，發(fā)現(xiàn)色彩比較淡就會任意更換色彩或是添加新的設(shè)計元素；為了讓頁面看起來更加飽滿

就任意添加推廣banner……

這些感性設(shè)計貌似看起來是補救的方法就這樣隨便的被引用到了你的設(shè)計中；

當(dāng)交互設(shè)計師看到你自以為欣喜的作品時心中可能按捺住一股怒火：任意更改版塊位置、任意添加推廣banner、

任意新增版塊……

由于這種太過感性的設(shè)計也就造就了混亂的頁面，缺失了視覺的美感，一般稱之為“隨意性設(shè)計”！

以上應(yīng)該是很多設(shè)計師都會發(fā)生的類似情況。

所以在這里通過實際項目總結(jié)了下新手設(shè)計頻道的流程：

二、新手設(shè)計頻道的流程

1.了解改版背后的那些事

當(dāng)設(shè)計師接到一個項目的需求的時候都會第一時間看需求文檔，經(jīng)過一輪的理解和梳理之后總會陷入很多的疑問，這些疑問就需要設(shè)計師去思考和了解的；簡單的一個頻道的改版背后總蘊藏著不為人知的秘密，為什么要改版？改版的目的是什么？這都是我們需求去思考和了解的問題

2.理解業(yè)務(wù)結(jié)構(gòu)

頻道是各大業(yè)務(wù)的集合平臺，承擔(dān)著為用戶傳遞信息的樞紐，頻道需要展示各個業(yè)務(wù)模塊，各個業(yè)務(wù)模塊之間卻又存在著千絲萬縷的關(guān)系，怎樣合理的規(guī)劃安排各業(yè)務(wù)模塊存在的位置就需要我們?nèi)ド钊胪肝龈鳂I(yè)務(wù)的關(guān)系和結(jié)構(gòu)，確保模塊的合理清晰化

3.對頁面做出合理定位

把業(yè)務(wù)都清晰的了解后就應(yīng)該結(jié)合項目背景和目的對頻道做出清晰的定位，頻道做成信息承載？功能承載？兩者的結(jié)合體？面向的用戶是誰？等等一系列因素直接影響到合理的定位

4.風(fēng)格設(shè)定

通過溝通和思考之后終于把信息內(nèi)容確定下來，接下來的就需要對設(shè)計定一個方向，這個方向可以是自己的判斷和理解，可以是通過對行業(yè)相關(guān)產(chǎn)品分析之后的產(chǎn)物，具體的視覺產(chǎn)物主要包括：顏色、文字、質(zhì)感、版式、主題元素

5.設(shè)計頁面雛形

頻道的信息承載比較龐大，一小點的設(shè)計變更都會影響到整個全局，最好的方法是對現(xiàn)有的信息和結(jié)構(gòu)100%灰白稿還原，切記是100%還原，這樣一個沒有上色的頻道頁面就出來了

6.視覺設(shè)計

一個產(chǎn)品就好比新娘，怎樣給新娘設(shè)計美麗的嫁衣直接體現(xiàn)外界看新娘的眼光；頻道是個嚴(yán)謹(jǐn)?shù)漠a(chǎn)品，色彩的搭配都需要講究，每個元素的添加的背后都需要支撐的理由，否則勿動！設(shè)計是做出來的，沒有完美的方案只有最合適的方案，通過嘗試去做最終挑選出最好的方案

7.細(xì)節(jié)調(diào)整（規(guī)范）

視覺的輸出終歸到產(chǎn)品本身，再好的視覺表現(xiàn)一旦脫離了產(chǎn)品的本身都將一文不值，減掉贅肉、調(diào)整…

8.終稿

通過這些方法設(shè)計頻道就簡單多了！

標(biāo)簽： 頻道改版 改版設(shè)計 交互稿 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。