您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 瀏覽設(shè)計(jì)教程

設(shè)計(jì)效果圖進(jìn)階展現(xiàn),給效果圖賦予思想和生命(2)

最終新版百度手機(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í)。
 

 

動(dòng)態(tài)效果:越來(lái)越多的軟件設(shè)計(jì)從添加動(dòng)效這個(gè)角度提升用戶(hù)使用感受,動(dòng)效可以使界面與界面間切換看起來(lái)更為銜接和流暢,但是如何能夠讓需求方或者開(kāi)發(fā)方明白設(shè)計(jì)師希望表現(xiàn)得動(dòng)效是怎樣的。這個(gè)時(shí)候如果能夠在效果圖初稿階段稍許添加一些,就可以讓需求方在第一時(shí)間感受到效果,用盡可能少得成本有所體現(xiàn)。如上圖所示,某軟件的效果圖中,就簡(jiǎn)單

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/tutorial1209.html
清新風(fēng)格頁(yè)面設(shè)計(jì)與實(shí)現(xiàn)
網(wǎng)頁(yè)設(shè)計(jì)的8個(gè)趨勢(shì)
圖趣網(wǎng)微信
建議反饋
×