設(shè)計(jì)師所做的每個(gè)作品都像是自己的孩子一樣，在孕育的過(guò)程中思考了很多，但這些思考的過(guò)程、思考的方法并不是單單一張效果圖就能夠展現(xiàn)的;設(shè)計(jì)師有很多專業(yè)層面的認(rèn)知，效果圖上并不能展現(xiàn)，加上設(shè)計(jì)本來(lái)就是相對(duì)感性的，所以很多時(shí)候分歧就這樣產(chǎn)生了。
不要用藍(lán)色的，換個(gè)顏色試試，試試綠色、紫色、橙色，都試試吧……;這個(gè)元素大一些，那個(gè)元素也大一些，還有那個(gè)也大些……;不要用這個(gè)字體，換個(gè)別的試試……;嘗試把這個(gè)模塊整體放在左邊，下面那個(gè)模塊拿到右邊去，不還是整體放在上面試試……OH，My God!每個(gè)設(shè)計(jì)師背后都有一群指點(diǎn)江山的神!呀……
每當(dāng)別人叫你改這改那的時(shí)候，作為設(shè)計(jì)師的你難道能做的就是自怨自憐，一邊舔舐受傷的心，一邊改自己的作品?在這個(gè)時(shí)候有沒(méi)有想過(guò)為什么，有沒(méi)有對(duì)自己的設(shè)計(jì)效果圖充分的負(fù)責(zé)任呢?
第一步：100%界面展現(xiàn)+設(shè)計(jì)思路
將效果圖100%界面展現(xiàn)并配以自己的設(shè)計(jì)思路，這對(duì)于設(shè)計(jì)師發(fā)效果圖來(lái)說(shuō)是最基本的了(效果圖由于文章圖片寬度要求進(jìn)行了壓縮)。如上圖所示，為百度手機(jī)輸入法V2.1版默認(rèn)界面和換主題界面效果，闡明設(shè)計(jì)理由，方便需求方知道你為什么這么設(shè)計(jì)，對(duì)于一些不合理的需求是曾經(jīng)嘗試過(guò)并且pass掉了。
對(duì)于重要的項(xiàng)目，不能簡(jiǎn)單幾句闡明設(shè)計(jì)理由的，可以采用PPT等形式，多頁(yè)闡述設(shè)計(jì)過(guò)程和思路，并最終100%界面展現(xiàn)的設(shè)計(jì)效果圖。如上圖所示，百度手機(jī)輸入法Logo改版時(shí)，我們從最初的改版目的、關(guān)鍵詞思路擴(kuò)展、收縮關(guān)鍵詞、顏色搭配、元素搭配、實(shí)際效果在手機(jī)端展現(xiàn)等多角度，說(shuō)明為什么Logo設(shè)計(jì)采用如此的形狀和顏色。
最終新版百度手機(jī)輸入法Logo為上圖所示。
效果圖展現(xiàn)基本Taps：
1. 效果圖要保存成實(shí)際大小，或者不影響需求方對(duì)效果判斷的尺寸
2. 將圖片保存成.png或者盡可能質(zhì)量高的.jpg或者.gif格式，不要讓效果圖色彩有損失
3. 闡明設(shè)計(jì)理由：為什么要用這幾種顏色搭配?為什么圖標(biāo)要設(shè)計(jì)成這樣的質(zhì)感?為什么要使用這種字體?…… 如果是重要項(xiàng)目，思考更為復(fù)雜和成體系的，可以考慮PPT等形式進(jìn)行整體闡述
4. 如果是手機(jī)端界面設(shè)計(jì)，盡量提供文件供需求方實(shí)際上機(jī)測(cè)試看效果。
第二步：賦予思想和生命，融入情景化設(shè)計(jì)
上述所說(shuō)的第一步是作為一個(gè)設(shè)計(jì)師交付效果圖最最基本的需求。在完成第一步后，如果想給你的效果圖更為加分，那么就需要給效果圖賦予思想和生命，融入情感化的設(shè)計(jì)。關(guān)于這點(diǎn)大家可以嘗試從如下幾方面入手。
整合：將幾個(gè)關(guān)鍵界面整合在一張圖上，如上圖所示，百度手機(jī)瀏覽器Android版的效果圖，將起始頁(yè)、輸入狀態(tài)、進(jìn)度條讀取、未讀取等狀態(tài)進(jìn)行了整合。這樣做方便需求方根據(jù)交互流程圖對(duì)照，能夠?qū)浖斜容^整體的感覺(jué)。 任何設(shè)計(jì)都不是孤立存在的，放在一起更能夠讓需求方明白設(shè)計(jì)師的整體考慮，盡可能減少一個(gè)界面、一個(gè)細(xì)節(jié)效果修飾的近乎完美，但是在整套界面中搭配存在不和諧的情況。也能夠讓需求方明白你有全局考慮的意識(shí)。
網(wǎng)友點(diǎn)評(píng)
精彩導(dǎo)讀
科技快報(bào)
品牌展示