藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

從發(fā)散創(chuàng)意到設(shè)計(jì)實(shí)施，開(kāi)始時(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è)開(kāi)發(fā)測(cè)試的環(huán)節(jié)。

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

 

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

所以設(shè)計(jì)師需要對(duì)外要有項(xiàng)目推進(jìn)的能力，從幕后走到臺(tái)前，使設(shè)計(jì)方案得到項(xiàng)目組成員的認(rèn)同；對(duì)內(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)不是為了說(shuō)服老板或是擺擺樣子，在項(xiàng)目的各個(gè)階段，都需要用這些目標(biāo)去衡量產(chǎn)品是否偏離了方向。在設(shè)計(jì)推進(jìn)階段，首先要檢驗(yàn)的就是設(shè)計(jì)方案是否達(dá)成了最初確定的目標(biāo)。

2、方案認(rèn)同

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

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

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

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

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

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

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

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

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

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

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