給效果圖賦予思想和生命，讓效果不再冷冰冰

設計師所做的每個作品都像是自己的孩子一樣，在孕育的過程中思考了很多，但這些思考的過程、思考的方法并不是單單一張效果圖就能夠展現(xiàn)的;設計師有很多專業(yè)層面的認知，效果圖上并不能展現(xiàn)，加上設計本來就是相對感性的，所以很多時候分歧就這樣產(chǎn)生了。

　　不要用藍色的，換個顏色試試，試試綠色、紫色、橙色，都試試吧……;這個元素大一些，那個元素也大一些，還有那個也大些……;不要用這個字體，換個別的試試……;嘗試把這個模塊整體放在左邊，下面那個模塊拿到右邊去，不還是整體放在上面試試……OH，My God!每個設計師背后都有一群指點江山的神!呀……

　　每當別人叫你改這改那的時候，作為設計師的你難道能做的就是自怨自憐，一邊舔舐受傷的心，一邊改自己的作品?在這個時候有沒有想過為什么，有沒有對自己的設計效果圖充分的負責任呢?

第一步：100%界面展現(xiàn)+設計思路

　　將效果圖100%界面展現(xiàn)并配以自己的設計思路，這對于設計師發(fā)效果圖來說是最基本的了(效果圖由于文章圖片寬度要求進行了壓縮)。如上圖所示，為百度手機輸入法V2.1版默認界面和換主題界面效果，闡明設計理由，方便需求方知道你為什么這么設計，對于一些不合理的需求是曾經(jīng)嘗試過并且pass掉了。

　　對于重要的項目，不能簡單幾句闡明設計理由的，可以采用PPT等形式，多頁闡述設計過程和思路，并最終100%界面展現(xiàn)的設計效果圖。如上圖所示，百度手機輸入法Logo改版時，我們從最初的改版目的、關鍵詞思路擴展、收縮關鍵詞、顏色搭配、元素搭配、實際效果在手機端展現(xiàn)等多角度，說明為什么Logo設計采用如此的形狀和顏色。

　　最終新版百度手機輸入法Logo為上圖所示。

效果圖展現(xiàn)基本Taps：

　　1. 效果圖要保存成實際大小，或者不影響需求方對效果判斷的尺寸

　　2. 將圖片保存成.png或者盡可能質(zhì)量高的.jpg或者.gif格式，不要讓效果圖色彩有損失

　　3. 闡明設計理由：為什么要用這幾種顏色搭配?為什么圖標要設計成這樣的質(zhì)感?為什么要使用這種字體?…… 如果是重要項目，思考更為復雜和成體系的，可以考慮PPT等形式進行整體闡述

　　4. 如果是手機端界面設計，盡量提供文件供需求方實際上機測試看效果。

第二步：賦予思想和生命，融入情景化設計

　　上述所說的第一步是作為一個設計師交付效果圖最最基本的需求。在完成第一步后，如果想給你的效果圖更為加分，那么就需要給效果圖賦予思想和生命，融入情感化的設計。關于這點大家可以嘗試從如下幾方面入手。

　　整合：將幾個關鍵界面整合在一張圖上，如上圖所示，百度手機瀏覽器Android版的效果圖，將起始頁、輸入狀態(tài)、進度條讀取、未讀取等狀態(tài)進行了整合。這樣做方便需求方根據(jù)交互流程圖對照，能夠?qū)浖斜容^整體的感覺。 任何設計都不是孤立存在的，放在一起更能夠讓需求方明白設計師的整體考慮，盡可能減少一個界面、一個細節(jié)效果修飾的近乎好，但是在整套界面中搭配存在不和諧的情況。也能夠讓需求方明白你有全局考慮的意識。

　　動態(tài)效果：越來越多的軟件設計從添加動效這個角度提升用戶使用感受，動效可以使界面與界面間切換看起來更為銜接和流暢，但是如何能夠讓需求方或者開發(fā)方明白設計師希望表現(xiàn)得動效是怎樣的。這個時候如果能夠在效果圖初稿階段稍許添加一些，就可以讓需求方在第一時間感受到效果，用盡可能少得成本有所體現(xiàn)。如上圖所示，某軟件的效果圖中，就簡單展示了撥盤滾動、更多相關信息滾動等效果。當然效果初稿確認后，如果需要更為真實的動效，還需要制作動態(tài)Demo，更為高階的效果展示暫時不予討論。

　　情景化：正如上面所說，每個設計元素都不是孤立存在的一樣，效果圖也是可以有思想和生命的。如上圖所示，百度手機瀏覽器Logo設計的效果圖，完成這樣已經(jīng)完成第一步了，100%的效果展現(xiàn)+設計思路。

　　設計是很感性的，除了專業(yè)的理論用以支撐和說服外，如何才能讓設計師在設計過程中想要傳達和表述的意境，想要帶給用戶的使用感受最直觀的傳達……那只完成第一步就遠遠不夠了，這時可以在第一步的基礎上，輔助一些情景化的效果圖，將設計師心中的想法直觀的表現(xiàn)出來。如上圖所示，百度手機瀏覽器的小熊Logo，他是活的，他可以悲傷、可以快樂、可以蹦跳、甚至可以飛翔……這樣做為了能夠說明，這個Logo在未來有很好的延展性。

　　他不是孤零零的哦!在這個世界上他又自己的朋友!這樣做是為了說明，除了日常以標準樣式出現(xiàn)外，在特定的節(jié)日或者根據(jù)特定的人群，他是可以個性化定制的，為后期運營打下了很好的基礎。

　　作為一款產(chǎn)品的Logo，最終在產(chǎn)品應用上的展現(xiàn)是他的使命。如上圖所示，效果圖充分展現(xiàn)了Logo在未來使用的各個場景的效果：啟動界面、桌面圖標、桌面Widget等。一方面能夠讓設計師在考慮之初，仔細審核設計是否可以應用于各個場景，是否需要根據(jù)場景做相應的變形;另一方面，也可以讓需求方直觀的感受到，設計在未來應用中的實際效果。

　　他不僅不是孤零零的，有自己的朋友，他甚至有自己生活的事業(yè)，他是一只沖破了第一宇宙速度的熊，他高高在宇宙看著地球上的一切一切……

　　通過上述第一步、第二步的工作，需求方能夠通過效果圖清楚明白在設計過程中都考慮過什么，設計配上、界面布局等等一切都是有理由的，他們能夠和設計師感同身受，這個時候推動效果被最終使用的幾率就大大增加了，雖然看似多花了時間，但是后期不斷調(diào)整修改的時間會大大減少。很多時候并不是背后的“神”們有多難搞，而是在思想上沒有同步，設計師沒有明白需求方要的究竟是什么，需求方也沒有最終明白設計師究竟想表達的是什么。

效果圖展現(xiàn)進階Taps：

　　1. 有相互關聯(lián)的幾個關鍵界面，放在一整張圖上面予以一并展示

　　2. 涉及到動態(tài)交互的，提供簡單的動態(tài)效果

　　3. 設計是感性的，通過情感化的效果圖讓需求方明白在設計過程中都做了哪些思考……

　　在上述Tips的后面，我添加了……，是因為這樣還是遠遠不夠的，后續(xù)還有更多可以為效果圖做的事情。設計作品就像是設計師的孩子，而效果圖則是這個孩子第一次接受世界審視的機會，如果你真愛自己的孩子的話，就請好好包裝，讓效果圖不再是冷冰冰，而是可以傳達你的思想和感受的載體，給效果圖賦予思想和生命吧!

網(wǎng)頁標題：給效果圖賦予思想和生命，讓效果不再冷冰冰
本文路徑：http://www.muchs.cn/news46/169096.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、外貿(mào)網(wǎng)站建設、電子商務、手機網(wǎng)站建設、品牌網(wǎng)站建設、網(wǎng)站設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)