完整的應用程序設計包括代碼設計和用戶界面設計。長期以來,開發人員只注重功能的開發,忽視了用戶界面的設計。因此,很多實用的app用戶下載安裝后都不會使用,或者覺得操作復雜,使用起來比較困難。因此,界面設計逐漸受到互聯網企業的重視,界面設計也是產品的一個重要賣點。
界面的設計大致需要經過目標人群確定、用戶需求調查交互式流程設計、界面風格定位功能icon的設計、整體視覺效果的優化和應用icon的設計幾個階段。
其中目標人群確定、用戶需求調查和交互式流程設計需要軟件開發人員和設計人員共同完成。同時,App產品的UI設計需要對相應的功能需求有清晰的把握。由此,將界面設計的技巧總結如下:
在開發前期進行APP的原型設計,針對 Android和ios制定不同的輸出規范,而在頁面布局時則可盡量兼顧 Android系統和ios系統,在后期經過微調后輸出適用安卓和ios不同的尺寸要求即可。同時,針對目標人群要盡量使用用戶熟悉的界面風格,方便用戶按照以往的使用習慣來操作軟件,這樣更容易讓用戶接受。如果設計得過于另類,則可能會很難符合大眾口味,而不被大眾接受。
合理的色彩搭配和色彩選取將直接影響整個項目的成功與否,客戶的滿意度等等,所以在進行設計前,要確定好APP的用色標準。
一般重要的顏色不要多于3種,而在這其中又要分為:用于特別強調或者需要重點突出的文字、按鈕等小面積使用的色彩;用于普通級信息、文字等信息的通用色彩;和用于標題、列表等比較重要信息的顏色。其中用于背景色和需要弱化顯示的信息要用較弱的顏色。
針對字體也要分為重要字體、較重要字體和一般字體,根據文字信息的重要性來確定文字的字體和字號。其中重要的文字一般為大標題、導航欄;較重要的文字為二級頁面小標題、欄目標題等;一般字體為普通正文文字和說明性文字。在字體字號選擇時,還可以結合其相應的背景色來選擇,運用色彩的搭配太突出顯示或者弱化顯示相應的文字。
功能icon是在APP中用來表達某一操作或者功能示意的圖形,如主頁、設置等功能能圖標。功能圖標的設計應當盡可能的形象、簡潔,力求能準確的表達其代表的功能。而針對應用icon的設計要在界面設計的最后再進行,便于讓icon與整體界面的風格相匹配。同時,還需要輸出不同尺寸的應用到界面上。
icon設計需要創建的是一套不同尺寸的PNG文件,且需要與應用捆綁。設計中要善于利用圖標語義引導用戶行為,設計師可以用象形圖形來制作圖標,如日歷、短信、通訊簿等;也可以用字符來制作圖標;此外還可以用一些抽象的符號來隱喻代表應用。
在界面設計前,要對界面進行風格定位,讓界面的整體風格符合視覺流程,符合目標人群的偏好。
1.統一界面各個元素間的間距。正文的行間距、按鈕與按鈕之間的距離、欄目標題與正文之間的距離、導航與欄目之間的距離,都需要進行統一,這樣能使界面整潔清晰、條理清楚。
2.善于使用用圓角效果。在APP應用中,通常會有按鈕、彈出的信息提示框等必要元素,而這些必要元素通常會設計成各種大小不一的矩形。我們可以為矩形設計圓角效果,統一矩形的圓角像素來軟化用戶界面,并形成統一風格。
3.是適當運用燈光效果。在整套的圖標設計中,在使用彈出框時,可以為這些元素添加一定的燈光效果,使它們更具立體感。但在使用燈光效果時,要注意照明角度的一致性,以保證元素陰影在屏幕上的方位一致。