當前位置:
首頁 > 創意 > APP開發中的UI設計!

APP開發中的UI設計!

文/張欣悅

完整的APP設計由編碼設計與UI設計構成。長期以來,開發者都重視功能的開發而忽略了UI的設計,導致很多實用性很強的APP用戶下載安裝後不會用,或者覺得操作複雜不好用。由此,界面設計慢慢被互聯網企業所重視,認為界面設計也是產品的重要賣點。

界面的設計大致需要經過目標人群確定、用戶需求調查互動式流程設計、界面風格定位功能icon的設計、整體視覺效果的優化和應用icon的設計幾個階段。

其中目標人群確定、用戶需求調查和互動式流程設計需要軟體開發人員和設計人員共同完成。同時,App產品的UI設計需要對相應的功能需求有清晰的把握。由此,將界面設計的技巧總結如下:

在開發前期進行APP的原型設計,針對 Android和ios制定不同的輸出規範,而在頁面布局時則可盡量兼顧 Android系統和ios系統,在後期經過微調後輸出適用安卓和ios不同的尺寸要求即可。同時,針對目標人群要盡量使用用戶熟悉的界面風格,方便用戶按照以往的使用習慣來操作軟體,這樣更容易讓用戶接受。如果設計得過於另類,則可能會很難符合大眾口味,而不被大眾接受。

合理的色彩搭配和色彩選取將直接影響整個項目的成功與否,客戶的滿意度等等,所以在進行設計前,要確定好APP的用色標準。

一般重要的顏色不要多於3種,而在這其中又要分為:用於特彆強調或者需要重點突出的文字、按鈕等小面積使用的色彩;用於普通級信息、文字等信息的通用色彩;和用於標題、列表等比較重要信息的顏色。其中用於背景色和需要弱化顯示的信息要用較弱的顏色。

針對字體也要分為重要字體、較重要字體和一般字體,根據文字信息的重要性來確定文字的字體和字型大小。其中重要的文字一般為大標題、導航欄;較重要的文字為二級頁面小標題、欄目標題等;一般字體為普通正文文字和說明性文字。在字體字型大小選擇時,還可以結合其相應的背景色來選擇,運用色彩的搭配太突出顯示或者弱化顯示相應的文字。

功能icon是在APP中用來表達某一操作或者功能示意的圖形,如主頁、設置等功能能圖標。功能圖標的設計應當儘可能的形象、簡潔,力求能準確的表達其代表的功能。而針對應用icon的設計要在界面設計的最後再進行,便於讓icon與整體界面的風格相匹配。同時,還需要輸出不同尺寸的應用到界面上。

icon設計需要創建的是一套不同尺寸的PNG文件,且需要與應用捆綁。設計中要善於利用圖標語義引導用戶行為,設計師可以用象形圖形來製作圖標,如日曆、簡訊、通訊簿等;也可以用字元來製作圖標;此外還可以用一些抽象的符號來隱喻代表應用。

在界面設計前,要對界面進行風格定位,讓界面的整體風格符合視覺流程,符合目標人群的偏好。

第一,統一界面各個元素間的間距。正文的行間距、按鈕與按鈕之間的距離、欄目標題與正文之間的距離、導航與欄目之間的距離,都需要進行統一,這樣能使界面整潔清晰、條理清楚。

第二,善於使用用圓角效果。在APP應用中,通常會有按鈕、彈出的信息提示框等必要元素,而這些必要元素通常會設計成各種大小不一的矩形。我們可以為矩形設計圓角效果,統一矩形的圓角像素來軟化用戶界面,並形成統一風格。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

雜誌封面設計要選對圖!
優秀Logo的精緻感