在線客服系統(tǒng)
十三年專注于網(wǎng)站建設(shè)與互聯(lián)網(wǎng)應(yīng)用開發(fā),低調(diào)、有情懷的網(wǎng)絡(luò)應(yīng)用服務(wù)商!
南昌百恒科技微信公眾號 掃一掃關(guān)注
tel-icon全國服務(wù)熱線:400-680-9298,0791-88117053
掃一掃關(guān)注百恒科技微信公眾號

APP界面設(shè)計怎樣選擇以及運用圖片

百恒 2019-12-25 15:07:18 2162
? ? 在構(gòu)思APP界面設(shè)計階段,首先需要了解以下兩個問題:1.圖片區(qū)域占比問題;2.圖片來源問題。當(dāng)頁面圖片占比多,且讓用戶自定義,那么需要預(yù)估到APP上線后設(shè)計可控率會降低。換句話說,實際上線效果會不盡人意。

? ? 怎樣選擇以及運用圖片

? ? 1、找圖片的方法

? ? 甲方提供了素材和LOGO,我們可以通過LOGO、VI色、點睛色+輔助色、延展圖形,來確定配色方案,挑選適合的圖片;如果甲方?jīng)]有提供VI色,可以根據(jù)行業(yè)屬性、slogan文案確定配色方案,找需要的圖片。


APP界面設(shè)計怎樣選擇以及運用圖片


? ? 2、圖片結(jié)構(gòu)統(tǒng)一

? ? 圖片結(jié)構(gòu)統(tǒng)一,主體物角度統(tǒng)一(特別是人物和產(chǎn)品),踩這個雷的作品很多。所以以團隊板塊的配圖舉例,這組圖人物頭部有大有小,留白也不一致。

? ? 3、圖片風(fēng)格統(tǒng)一

? ? 漂亮圖片有很多,如果我們都以漂亮為基準(zhǔn),找出來的圖片也會形色各異。由于用戶的實際使用場景是:瀏覽一個完整APP,統(tǒng)一風(fēng)格調(diào)性比美更重要。如果商品角度不一樣、飽和度高低不同、抽象與具象等,都會形成產(chǎn)品不統(tǒng)一,用戶視覺不適應(yīng)等問題。


APP界面設(shè)計怎樣選擇以及運用圖片


? ? 4、圖片使用符合場景,讓決策者可以看到最后的顯示效果。

? ? 有時我們?yōu)榱粟s時間,直接用圖片填充插件,讓圖片區(qū)域自動填充。但我還是想要給到你這樣一個建議:一個專業(yè)且成熟的設(shè)計師,即使是設(shè)計初稿,也不能隨便拿張圖,湊合一下。任何時候的匯報,都需要有著處女座對于事物的完美要求,過自己這關(guān)。因為任何時候你的表達(dá)與表現(xiàn),都形成了你在別人心目中專不專業(yè)的看法,從而影響著后續(xù)的設(shè)計話語權(quán)問題。如下圖都是商城陳列頁面,右側(cè)的圖片給出上線的實際效果,更貼合產(chǎn)品,方便設(shè)計決策者給出建議方向,或做出決策。

? ? 總之,挑選一張好圖的時候要注意貼近實際內(nèi)容,不能因為圖片本身的美觀和逼格忽略了實際要表達(dá)的主題;還要注意圖片上是否有多余的信息影響主題的表達(dá),如果有的話盡量去掉或是用另一張圖片來替換;最后一點很重要,圖片的清晰度一定要過關(guān)。
400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號

歡迎您的光顧,我們將竭誠為您服務(wù)×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務(wù) 售后服務(wù)
 
備案專線 備案專線
 
售后服務(wù) 售后服務(wù)
 
×