品牌策劃公司如何做好設(shè)計？需要懂得哪些內(nèi)容？

　　作為品牌策劃公司的視覺設(shè)計師，能熟悉產(chǎn)品的信息架構(gòu)、界面邏輯、元素所指，視覺表達能直觀清晰，讓用戶使用產(chǎn)品時，體驗它認同它，并產(chǎn)生愉悅即是成功，而懂業(yè)務(wù)是體驗的基礎(chǔ)。但如果你是完全不懂業(yè)務(wù)的新手，該如何做好視覺設(shè)計呢?來看今天分享的親歷經(jīng)驗。

　　相信很多品牌策劃公司視覺設(shè)計師會有這樣經(jīng)歷，當(dāng)接觸到一個新的項目;如果是熟悉業(yè)務(wù)類型產(chǎn)品，設(shè)計起來輕松熟絡(luò)，如果是一個陌生的業(yè)務(wù)類型，則需去摸索與嘗試，找到合適的設(shè)計定位與視覺風(fēng)格。當(dāng)視覺對交互的業(yè)務(wù)性質(zhì)、框架邏輯、層級關(guān)系不熟悉時候，視覺效果是畫出來了卻漏洞百出.

　　1、交互會問：上下兩個表格為什么用線分開?兩個表格均指index trend，分開都不是從屬關(guān)系了..

　　2、前端會問，以下按鈕是左右無限循環(huán)嗎?還是說左右只能按一個?還有它的不可用狀態(tài)又是什么?

　　3、在交互上是有翻頁效果，怎么視覺效果上沒有呈現(xiàn)?

　　4、下面幾個折線圖是屬于上面對應(yīng)所選中的指標(biāo)，視覺上感覺不對呀?

　　5、上傳包用圓環(huán)圖方式呈現(xiàn)，那幾十個上傳包豈不是幾十個圓環(huán)圖，還是進度條好點吧?

　　如果不熟悉業(yè)務(wù)，視覺上從框架結(jié)構(gòu)到細節(jié)跳轉(zhuǎn)都經(jīng)不起推敲;缺少業(yè)務(wù)探究過程與對每個細的深思熟慮，用戶體驗會好么?

　　作為一個品牌策劃公司的視覺設(shè)計師，在設(shè)計開始前-設(shè)計過程中-設(shè)計結(jié)束都需花心思與時間去了解產(chǎn)品業(yè)務(wù)，統(tǒng)籌性的輸出。能熟悉產(chǎn)品的信息架構(gòu)、界面邏輯、元素所指，視覺表達能直觀清晰，讓用戶使用產(chǎn)品時、體驗它認同它、并產(chǎn)生愉悅即是成功--而懂業(yè)務(wù)是體驗的基礎(chǔ)。這一過程是需要花心思與技巧的。下面一起分享一下其過程(主要指PC類業(yè)務(wù))。

　　一、從熟悉業(yè)務(wù)系統(tǒng)開始

　　不懂業(yè)務(wù)流程視覺同學(xué)拿到交互稿一看，框架結(jié)構(gòu)復(fù)雜、海量的信息內(nèi)容、80%的專業(yè)術(shù)語與量詞都是沒聽過的;怎么辦?先找se/產(chǎn)品經(jīng)理看需求文檔，看不懂沒有關(guān)系，起碼先對需求混個眼熟;接著獨自開始熟悉交互稿流程，大概了解產(chǎn)品的業(yè)務(wù)邏輯與核心場景，心中有個路線;試著理順那繁雜的流程，記錄不明白的點;再找交互設(shè)計師對稿從頭到尾聽講一次，過程中不懂的即問;在大司很多時候過40頁的tob類交互稿需要2小時,更復(fù)雜的可能是一個上午的時間。

　　總之，在視覺設(shè)計前主動投入學(xué)習(xí)成本，看懂交互說明，做好充足準(zhǔn)備;toc業(yè)務(wù)產(chǎn)品到tob業(yè)務(wù)產(chǎn)品系統(tǒng)，有時候其繁雜程度就像玩游戲通關(guān)，過一個級別難度高一點，等通關(guān)完畢游戲順利結(jié)束，也勝利了。你們準(zhǔn)備好了晉級嗎?

　　二、系統(tǒng)且有目的學(xué)習(xí)過程

　　上面講到品牌策劃公司視覺設(shè)計師熟悉交互稿過程中，將不懂的步驟和細節(jié)問題記錄下來，再與交互設(shè)計師對稿拉通，講解交互邏輯。這里需要理清的具體內(nèi)容包括以下幾點：

　　1、產(chǎn)品的類型(toB or toC產(chǎn)品)/ 定位風(fēng)格/核心功能;心中有個大致的方向

　　2、布局方式(上導(dǎo)航下內(nèi)容、左導(dǎo)航右內(nèi)容等)，是否看到了讓用戶清晰知道自己所在的信息結(jié)構(gòu)中的位置，深度與廣度之間合理性，能否找到頁面跳轉(zhuǎn)的快捷入口;每一個頁面都能清晰了解位置所在則上下鏈接。

　　3、業(yè)務(wù)框架邏輯與流程，正如《用戶體驗要素》的框架層，整體界面設(shè)計、導(dǎo)航設(shè)計、信息呈現(xiàn)設(shè)計，因為到了這一步，需要看到真正能呈現(xiàn)給用戶看到的東西，確定其功能范圍和頁面各個模塊的層級關(guān)系。

　　4、頁面承接關(guān)系(如：點擊、反饋形式、鏈接、跳轉(zhuǎn)、下鉆、彈出框、tips等)

　　5、細節(jié)控件的狀態(tài)(如：焦點/默認狀態(tài)、可以/不可用狀態(tài)、點擊/非點擊狀態(tài)、默認/鼠標(biāo)經(jīng)過/選擇狀態(tài)、默認/放大狀態(tài)、停止/開始狀態(tài)等)

　　6、挑選典型頁面or是否全量輸出

　　三、有根據(jù)的理性思考

　　理清以上步驟后，對交互有了一個較為大概的思路，即使不是100%清晰但也有了一個可以發(fā)散的視覺設(shè)計方向。

　　1、理解業(yè)務(wù)，產(chǎn)品定位確定后;

　　開始視覺風(fēng)格的思考，即《用戶體驗要素》表現(xiàn)層，視覺設(shè)計和內(nèi)容優(yōu)化。開始設(shè)計是有意思的，商業(yè)需求的了解和用戶的目標(biāo)的認清才能做出合理的設(shè)計，表現(xiàn)是最終產(chǎn)品氣質(zhì)的體現(xiàn)。如toB或許是嚴謹?shù)?數(shù)據(jù)的/理性的/視覺表現(xiàn)力應(yīng)該有所收斂的/or toC的應(yīng)該是感性的/色彩較為豐富的/圖形化的/生動的…

　　2、是否有設(shè)計規(guī)范的?

　　如果有，是否要求根據(jù)現(xiàn)有的指導(dǎo)性設(shè)計規(guī)范來進行設(shè)計?100%遵循規(guī)范?or80%?還是細節(jié)控件?還是說不需要遵循規(guī)范，只是統(tǒng)一風(fēng)格即可?由于每一個產(chǎn)品的設(shè)計定位與思考邏輯都是不一樣的，基于當(dāng)前的設(shè)計規(guī)范是否適用滿足與支撐現(xiàn)業(yè)務(wù)產(chǎn)品的視覺設(shè)計，都需理清楚。

　　記得來大司接觸的第一個設(shè)計項目是平臺管理類型產(chǎn)品，且基于現(xiàn)有的設(shè)計規(guī)范——AgileUI進行設(shè)計。在設(shè)計之前需要花時間逐一去熟悉規(guī)范和理解規(guī)范，并在規(guī)范的基礎(chǔ)上進行視覺輸出。

　　3.運用設(shè)計規(guī)范來指導(dǎo)設(shè)計，存在它的兩面性

　　設(shè)計規(guī)范一般是具有指導(dǎo)性意義，且設(shè)計人員進行設(shè)計時必須遵守的規(guī)定;設(shè)計規(guī)范具有統(tǒng)籌性作用，可用性原則和審美常識下避免犯錯的方法，可保持設(shè)計印象的延續(xù)性。但運用規(guī)范同時也存在它的雙面性。

　　優(yōu)點：

　　視覺設(shè)計輸出的效率高，出錯性少;

　　高效率的也看輸出，利于項目的快速推薦;

　　基于項目經(jīng)驗，開發(fā)難度小，技術(shù)可實現(xiàn)性強;

　　版本輸出時間成本低，項目迭代次數(shù)快，項目成本相對較少;

　　缺點：

　　視覺設(shè)計師的設(shè)計水平發(fā)揮收到限制

　　挑戰(zhàn)度低，一直遵循規(guī)范設(shè)計久而久之會感到枯燥，想打破這種設(shè)計模式

　　因此，在項目中遇到設(shè)計規(guī)范需要遵循時，請在有限的空間中盡量發(fā)揮自己的設(shè)計才華,從細節(jié)處致力用戶體驗的提升。

返回列表