保障設(shè)計(jì)效果的實(shí)現(xiàn)也是設(shè)計(jì)師的重要工作之一。設(shè)計(jì)能力再強(qiáng)，設(shè)計(jì)方案再好，如果沒有后續(xù)良好的執(zhí)行，也終究不過是廢紙一張。今天網(wǎng)易同學(xué)從4個(gè)方面聊聊這方面的經(jīng)驗(yàn) >>>

從發(fā)散創(chuàng)意到設(shè)計(jì)實(shí)施，開始時(shí)抽象的目標(biāo)和概念，已經(jīng)一步步具象化，成為了可視化的設(shè)計(jì)方案。這時(shí)，最了解設(shè)計(jì)方案的設(shè)計(jì)師，需要與項(xiàng)目組各個(gè)角色進(jìn)行溝通，闡述設(shè)計(jì)方案，在達(dá)成一致后，才能繼續(xù)推進(jìn)項(xiàng)目進(jìn)入到下一個(gè)開發(fā)測試的環(huán)節(jié)。

在項(xiàng)目推進(jìn)的過程中，每個(gè)人都會(huì)有不同的出發(fā)點(diǎn)。設(shè)計(jì)師會(huì)覺得娛樂化的設(shè)計(jì)更有趣、更能抓住用戶的眼球。但產(chǎn)品經(jīng)理可能更在乎新功能的開發(fā)，希望產(chǎn)品能夠趕快上線。由于娛樂化的設(shè)計(jì)會(huì)有很多富交互的效果，所以開發(fā)的工作量往往也會(huì)較大。

 

 

在開發(fā)的過程中，最終的實(shí)現(xiàn)效果也可能與設(shè)計(jì)師所想的不同。腦海中完美的設(shè)計(jì)，可能會(huì)因?yàn)榧?xì)節(jié)標(biāo)注不全面、沒有做高保真動(dòng)效、溝通不到位、或是設(shè)備性能等原因，在技術(shù)實(shí)現(xiàn)后變得面目全非。

 

 

所以設(shè)計(jì)師需要對外要有項(xiàng)目推進(jìn)的能力，從幕后走到臺前，使設(shè)計(jì)方案得到項(xiàng)目組成員的認(rèn)同；對內(nèi)有自我驅(qū)動(dòng)力，設(shè)計(jì)方案的完成并不是設(shè)計(jì)工作的結(jié)束，主動(dòng)跟進(jìn)項(xiàng)目，保障設(shè)計(jì)效果的實(shí)現(xiàn)。

1、目標(biāo)認(rèn)同

一般在項(xiàng)目初期的需求分析階段，產(chǎn)品人員會(huì)和設(shè)計(jì)人員一起分析出產(chǎn)品定位或設(shè)計(jì)目標(biāo)。這些概念性的目標(biāo)不是為了說服老板或是擺擺樣子，在項(xiàng)目的各個(gè)階段，都需要用這些目標(biāo)去衡量產(chǎn)品是否偏離了方向。在設(shè)計(jì)推進(jìn)階段，首先要檢驗(yàn)的就是設(shè)計(jì)方案是否達(dá)成了最初確定的目標(biāo)。

 

 

2、方案認(rèn)同

俗話說“臺上一分鐘，臺下十年功”，闡述設(shè)計(jì)方案也是一樣的道理。一個(gè)設(shè)計(jì)提案，可能是做了十幾個(gè)方案后精挑細(xì)選出來的最合適方案。半個(gè)小時(shí)的方案闡述，也可能是設(shè)計(jì)師深思熟慮幾天后的結(jié)果。令人信服的設(shè)計(jì)方案，是需要許多準(zhǔn)備工作作為支撐的。沒有充分的準(zhǔn)備，很容易受到項(xiàng)目組相關(guān)人員的質(zhì)疑。

在方案評審時(shí)，我們可以只拿出一種設(shè)計(jì)方案。但在評審之前需要把能想到的方案都仔細(xì)考慮一遍。如果只做一個(gè)方案就覺得可以交差，一方面可能會(huì)錯(cuò)過更優(yōu)的方案，另一方面，在評審時(shí)被問到這里為什么不設(shè)計(jì)成那樣時(shí)，可以從容應(yīng)答，把之前已經(jīng)思考過的另一個(gè)方案存在的問題一一列舉。

 

 

在闡述最優(yōu)方案時(shí)，也要詳盡說明這樣設(shè)計(jì)的理由。會(huì)議上闡述的方案是設(shè)計(jì)師從無到有一點(diǎn)一點(diǎn)設(shè)計(jì)出來的作品，設(shè)計(jì)師經(jīng)歷了從需求分析到設(shè)計(jì)表達(dá)的所有過程，自然覺得方案中的一切都是合理的。但并非項(xiàng)目組的所有成員都了解設(shè)計(jì)方案的原委，尤其是開發(fā)和測試人員，他們可能在項(xiàng)目中期才參與進(jìn)來。如果只將最后的方案展示給大家，很有可能受到質(zhì)疑。設(shè)計(jì)師需要在評審會(huì)前將用戶調(diào)研的結(jié)果、支撐的數(shù)據(jù)、競品分析、設(shè)計(jì)實(shí)施前制定的目標(biāo)等等，都準(zhǔn)備充分，并在評審時(shí)闡述清楚。這樣有理有據(jù)的設(shè)計(jì)，才會(huì)得到大家的支持。

 

 

3、標(biāo)準(zhǔn)化的原型

隨著產(chǎn)品不斷的發(fā)展壯大，我們需要為產(chǎn)品制定設(shè)計(jì)規(guī)范，標(biāo)準(zhǔn)化交互原型。

對于設(shè)計(jì)師來說，有了交互規(guī)范可以為新的設(shè)計(jì)提供參照，在交互和視覺上保持統(tǒng)一性，做設(shè)計(jì)時(shí)重復(fù)的模塊可以直接復(fù)用，提高工作效率。在與開發(fā)、前端溝通時(shí)，可以不遺漏狀態(tài)，減少溝通成本，開發(fā)人員還可以以此為參考制作模塊化代碼復(fù)用。

在制作設(shè)計(jì)規(guī)范的過程中，可以將那些可復(fù)用的、多狀態(tài)的交互元素進(jìn)行梳理。將最基本的控件（如按鈕、文本、圖標(biāo)等），由控件組成的組件（如刷新、加載、狀態(tài)欄、標(biāo)題欄、彈窗等），以及由控件和組件組成的頁面（如列表頁、詳情頁、專題頁等），分別整理，最終形成完整的交互設(shè)計(jì)規(guī)范。

 

 

4、可視化的動(dòng)效

在有條件的情況下，設(shè)計(jì)可以輸出高保真的動(dòng)效，減少與開發(fā)的溝通成本，保證動(dòng)效設(shè)計(jì)的實(shí)現(xiàn)效果。

一般可由交互設(shè)計(jì)師和視覺設(shè)計(jì)師一起，定義出需要添加動(dòng)效的地方和樣式，再由視覺設(shè)計(jì)師和動(dòng)效設(shè)計(jì)師共同完成高保真的動(dòng)效設(shè)計(jì)，最終將動(dòng)效通過動(dòng)畫和代碼進(jìn)行輸出。

 

 

在做iOS app的設(shè)計(jì)時(shí)，可以使用Quartz Composer進(jìn)行動(dòng)效設(shè)計(jì)。Quartz Composer可以通過調(diào)節(jié)摩擦力、拉力等參數(shù)高保真的實(shí)現(xiàn)動(dòng)畫效果，并可以進(jìn)行代碼輸出，方便了設(shè)計(jì)師與開發(fā)人員的溝通。