如何保障設(shè)計效果執(zhí)行到位?

2015-4-10    用心設(shè)計

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

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

來源:莫貝網(wǎng)

 如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

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

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

 

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

wy20150409 (1)

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

1、目標(biāo)認同

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

wy20150409 (3)

2、方案認同

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

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

wy20150409 (4)

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

wy20150409 (5)

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

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

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

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

wy20150409 (6)

4、可視化的動效

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

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

wy20150409 (7)

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

wy20150409 (8)

 


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔