一、新手誤區(qū):
拿到交互demo就直接對(duì)交互稿進(jìn)行視覺設(shè)計(jì),當(dāng)遇到某個(gè)版塊放在這個(gè)位置不合適的情況下就會(huì)直接更改版塊位置,發(fā)現(xiàn)色彩比較淡就會(huì)任意更換色彩或是添加新的設(shè)計(jì)元素;為了讓頁面看起來更加飽滿
就任意添加推廣banner……
這些感性設(shè)計(jì)貌似看起來是補(bǔ)救的方法就這樣隨便的被引用到了你的設(shè)計(jì)中;
當(dāng)交互設(shè)計(jì)師看到你自以為欣喜的作品時(shí)心中可能按捺住一股怒火:任意更改版塊位置、任意添加推廣banner、
任意新增版塊…..
由于這種太過感性的設(shè)計(jì)也就造就了混亂的頁面,缺失了視覺的美感,一般稱之為"隨意性設(shè)計(jì)"!
以上應(yīng)該是很多設(shè)計(jì)師都會(huì)發(fā)生的類似情況。
所以在這里通過實(shí)際項(xiàng)目總結(jié)了下新手設(shè)計(jì)頻道的流程:
二、新手設(shè)計(jì)頻道的流程
1.了解改版背后的那些事
頻道改版方法和經(jīng)驗(yàn)三聯(lián)教程
當(dāng)設(shè)計(jì)師接到一個(gè)項(xiàng)目的需求的時(shí)候都會(huì)第一時(shí)間看需求文檔,經(jīng)過一輪的理解和梳理之后總會(huì)陷入很多的疑問,這些疑問就需要設(shè)計(jì)師去思考和了解的;簡(jiǎn)單的一個(gè)頻道的改版背后總蘊(yùn)藏著不為人知的秘密,為什么要改版?改版的目的是什么?這都是我們需求去思考和了解的問題
2.理解業(yè)務(wù)結(jié)構(gòu)
頻道是各大業(yè)務(wù)的集合平臺(tái),承擔(dān)著為用戶傳遞信息的樞紐,頻道需要展示各個(gè)業(yè)務(wù)模塊,各個(gè)業(yè)務(wù)模塊之間卻又存在著千絲萬縷的關(guān)系,怎樣合理的規(guī)劃安排各業(yè)務(wù)模塊存在的位置就需要我們?nèi)ド钊胪肝龈鳂I(yè)務(wù)的關(guān)系和結(jié)構(gòu),確保模塊的合理清晰化
3.對(duì)頁面做出合理定位
把業(yè)務(wù)都清晰的了解后就應(yīng)該結(jié)合項(xiàng)目背景和目的對(duì)頻道做出清晰的定位,頻道做成信息承載?功能承載?兩者的結(jié)合體?面向的用戶是誰?等等一系列因素直接影響到合理的定位
4.風(fēng)格設(shè)定
通過溝通和思考之后終于把信息內(nèi)容確定下來,接下來的就需要對(duì)設(shè)計(jì)定一個(gè)方向,這個(gè)方向可以是自己的判斷和理解,可以是通過對(duì)行業(yè)相關(guān)產(chǎn)品分析之后的產(chǎn)物,具體的視覺產(chǎn)物主要包括:顏色、文字、質(zhì)感、版式、主題元素
5.設(shè)計(jì)頁面雛形
頻道的信息承載比較龐大,一小點(diǎn)的設(shè)計(jì)變更都會(huì)影響到整個(gè)全局,最好的方法是對(duì)現(xiàn)有的信息和結(jié)構(gòu)100%灰白稿還原,切記是100%還原,這樣一個(gè)沒有上色的頻道頁面就出來了