移動互聯(lián)網(wǎng)時代隨著智能終端快速發(fā)展,如今開發(fā)APP的企業(yè)越來越多,而在開發(fā)APP的過程中,APP的設(shè)計也是重要的一環(huán),因為APP的界面設(shè)計與品牌的提升密切結(jié)合,即界面設(shè)計服務(wù)于品牌,并有效地強化品牌形象、增強品牌友好度、擴大品牌影響力。那么進行APP的界面設(shè)計時需要注意什么?
1、頁面布局
在開發(fā)前期進行APP的原型設(shè)計,針對 Android和ios制定不同的輸出規(guī)范,而在頁面布局時則可盡量兼顧 Android系統(tǒng)和ios系統(tǒng),在后期經(jīng)過微調(diào)后輸出適用安卓和ios不同的尺寸要求即可。同時,針對目標(biāo)人群要盡量使用用戶熟悉的界面風(fēng)格,方便用戶按照以往的使用習(xí)慣來操作軟件,這樣更容易讓用戶接受。如果設(shè)計得過于另類,則可能會很難符合大眾口味,而不被大眾接受。
2、顏色和字體
合理的色彩搭配和色彩選取將直接影響整個項目的成功與否,客戶的滿意度等等,所以在進行設(shè)計前,要確定好APP的用色標(biāo)準(zhǔn)。
一般重要的顏色不要多于3種,而在這其中又要分為:用于特別強調(diào)或者需要重點突出的文字、按鈕等小面積使用的色彩;用于普通級信息、文字等信息的通用色彩;和用于標(biāo)題、列表等比較重要信息的顏色。其中用于背景色和需要弱化顯示的信息要用較弱的顏色。
針對字體也要分為重要字體、較重要字體和一般字體,根據(jù)文字信息的重要性來確定文字的字體和字號。其中重要的文字一般為大標(biāo)題、導(dǎo)航欄;較重要的文字為二級頁面小標(biāo)題、欄目標(biāo)題等;一般字體為普通正文文字和說明性文字。在字體字號選擇時,還可以結(jié)合其相應(yīng)的背景色來選擇,運用色彩的搭配太突出顯示或者弱化顯示相應(yīng)的文字。
3、圖標(biāo)和按鈕設(shè)計
功能icon是在APP中用來表達某一操作或者功能示意的圖形,如主頁、設(shè)置等功能能圖標(biāo)。功能圖標(biāo)的設(shè)計應(yīng)當(dāng)盡可能的形象、簡潔,力求能準(zhǔn)確的表達其代表的功能。而針對應(yīng)用icon的設(shè)計要在界面設(shè)計的最后再進行,便于讓icon與整體界面的風(fēng)格相匹配。同時,還需要輸出不同尺寸的應(yīng)用到界面上。
icon設(shè)計需要創(chuàng)建的是一套不同尺寸的PNG文件,且需要與應(yīng)用捆綁。設(shè)計中要善于利用圖標(biāo)語義引導(dǎo)用戶行為,設(shè)計師可以用象形圖形來制作圖標(biāo),如日歷、短信、通訊簿等;也可以用字符來制作圖標(biāo);此外還可以用一些抽象的符號來隱喻代表應(yīng)用。
4、風(fēng)格統(tǒng)一
在界面設(shè)計前,要對界面進行風(fēng)格定位,讓界面的整體風(fēng)格符合視覺流程,符合目標(biāo)人群的偏好。
第一,統(tǒng)一界面各個元素間的間距。正文的行間距、按鈕與按鈕之間的距離、欄目標(biāo)題與正文之間的距離、導(dǎo)航與欄目之間的距離,都需要進行統(tǒng)一,這樣能使界面整潔清晰、條理清楚。
第二,善于使用用圓角效果。在APP應(yīng)用中,通常會有按鈕、彈出的信息提示框等必要元素,而這些必要元素通常會設(shè)計成各種大小不一的矩形。我們可以為矩形設(shè)計圓角效果,統(tǒng)一矩形的圓角像素來軟化用戶界面,并形成統(tǒng)一風(fēng)格。
第三,適當(dāng)使用光照效果。在成套的圖標(biāo)設(shè)計中,在彈出框的使用時,可以為這些元素添加一定的光照效果,讓他們更加立體化。但在使用光照效果時,要注意保持光照角度的一致性,這樣才能保證元素的陰影在屏幕上的朝向是一致的。
目前晨通信息科技有限公司在汕頭珠港新城,聯(lián)泰時代總部中心3棟10樓,歡迎廣大客戶通過電話、微信咨詢了解,電話是:18923665588,也可以撥打免費電話:400-830-3889。
掃碼關(guān)注公眾號
隨時隨地
掌握第一手資訊