設(shè)計(jì)師必備技能！如何保障設(shè)計(jì)效果執(zhí)行到位？

保障設(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è)人都會有不同的出發(fā)點(diǎn)。設(shè)計(jì)師會覺得娛樂化的設(shè)計(jì)更有趣、更能抓住用戶的眼球。但產(chǎn)品經(jīng)理可能更在乎新功能的開發(fā)，希望產(chǎn)品能夠趕快上線。由于娛樂化的設(shè)計(jì)會有很多富交互的效果，所以開發(fā)的工作量往往也會較大。

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

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

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

一般在項(xiàng)目初期的需求分析階段，產(chǎn)品人員會和設(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è)方案就覺得可以交差，一方面可能會錯(cuò)過更優(yōu)的方案，另一方面，在評審時(shí)被問到這里為什么不設(shè)計(jì)成那樣時(shí)，可以從容應(yīng)答，把之前已經(jīng)思考過的另一個(gè)方案存在的問題一一列舉。

在闡述最優(yōu)方案時(shí)，也要詳盡說明這樣設(shè)計(jì)的理由。會議上闡述的方案是設(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ì)師需要在評審會前將用戶調(diào)研的結(jié)果、支撐的數(shù)據(jù)、競品分析、設(shè)計(jì)實(shí)施前制定的目標(biāo)等等，都準(zhǔn)備充分，并在評審時(shí)闡述清楚。這樣有理有據(jù)的設(shè)計(jì)，才會得到大家的支持。

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、可視化的動效

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

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

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

【設(shè)計(jì)界有哪些深藏不露的規(guī)則？】

Top 1：設(shè)計(jì)師接活報(bào)價(jià)的最新參考資料！
《說說設(shè)計(jì)談?wù)勫X！不可不知的設(shè)計(jì)師接活報(bào)價(jià)公式》

Top 2：資深設(shè)計(jì)師才懂的讀懂甲方訣竅！
《設(shè)計(jì)師必讀！如何從甲方抽象的概念里提煉LOGO創(chuàng)意》

Top 3：論如何讓客戶離不開你！
《職場好經(jīng)驗(yàn)！如何應(yīng)對客戶想看效果圖的要求》

作者：@ME網(wǎng)易移動設(shè)計(jì)

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量93萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：