全國咨詢/投訴熱線:400-618-9090

首頁技術文章正文

UI設計師必備技能:APP 界面設計原則

更新時間:2019-11-01 14:05:34.0 來源:網絡

APP軟件界面設計不純粹是技術設計,也不再是純粹的進行視覺圖像的藝術組合,它牽涉到用戶行為分析、視覺傳達設計、人機交互、設計開發。

 

1、圖標文字規則

(1)圖標是傳遞給用戶的第一種視覺體驗,它反映了產品的風格、功能和質量。由于APP界面受手機屏幕尺寸的限制,在圖形方面,首先是符合應用程序主題的圖形,并對產品本身的設計進行了集成,以確保圖形的真實性。其次,選擇清晰度較高的圖形。具體,直觀,直觀,允許用戶在短時間內獲得更多信息。

 

圖標通常是有效和直接的表現形式。在APP界面的設計中,每個圖標都是特定功能的,用來表示一個操作或功能的示意圖。原則是盡可能簡單,簡潔,可識別,隱喻。準確表達它所代表的功能。

 

盡量使用,矢量圖形。矢量圖形應該用于設計圖標可以隨意調整大小,放大后不失真,保證了圖像的清晰度。

 

(2)在文本設計中,字體大小和字體是區分重要信息層次的有效手段;二是行寬與行高的比值,遵循左右對齊、左對齊、居中對齊、對齊、縮小的原則。必要的文字對比度,調整合理的字距;最后是留白,適當的空格以增加信息的易讀性。


1572588243549_UI.jpg

 

2、布局原理規則

頁面布局是對頁面的文本、圖形或表格的合理安排和設計。在頁面的布局中,需要考慮用戶的需求和用戶行為,明確信息的層次關系,最大限度地提高信息傳輸的效率。

(1)Logo放置每頁相同位置,數據內容按主次先后有序排列,重要信息放置主頁及界面中等偏上的位置,遵循人們從上到下,從左到右的閱讀習慣,主頁長度適度,其他頁面也不宜過長,頁面盡量采用分頁。

(2)明確每個頁面需突出的重要信息,能夠通過色彩顏色、圖形、文字大小、間距、留白等進行對比區別,拉開層次,突出顯示重要信息。

(3)導航盡量采用底部導航或一側導航有利于用戶引導和了解頁面布局,不占左右空間。設計師在對APP布局前,對應用的功能需求有清晰的把握,在每一級別的頁面,應該清楚知道整個應用的界面跳轉和層級關系,明確每個頁面的凸現信息。

 

3、人機交互規則

APP的人機交互在設計操作界面時需要根據人們使用手機的習慣進行設計,讓用戶在與app的交互過程中體驗到產品的可靠性、易用性和趣味性。

(1)可靠性是指軟件在用戶操作過程中的穩定性,不存在閃回、延時等基本錯誤。

(2)易用性是指簡化操作,讓不同年齡段的用戶快速入門,簡化清算操作,增加用戶對產品操作的信心,降低產品使用錯誤率。

(3)可靠性和易用性是基礎,樂趣是核心。有趣的是用戶對應用程序操作的使用增加了人性化的關懷和情感注入,而有趣元素的使用則讓界面“活”起來。

 

4、色彩搭配規矩

色彩在軟件界面設計中起著重要的作用。一款好的手機APP設計作品,配色占70%左右,其他30%則分布到排版文字設計、圖形處理等方面,并可添加合理的色彩應用界面的合理性對于幫助操作者快速發現界面的關鍵信息,獲得更好的視覺效果有著重要的作用。不同的用戶對每種顏色都有不同的視覺感受。APP界面顏色分為主色、輔助色和點睛色。主色決定畫面風格的色彩,通常應用于導航條,主要顏色與品牌的顏色一致;輔助色使畫面更加完美和豐富,主色被修改;點晴色在標題文本、按鈕、圖標等誰用,強調和引導閱讀功能,同時突出獨特的畫面風格。【推薦了解:UI設計課程

 

主色進行上,可使用鮮亮飽和度較高的顏色,在頁面中比例占據較多。輔助色進行上,根據主色基調,進行主色同類色、鄰近色、對比色及互補色作為輔助色。點睛色一般使用飽和度和明度較高的顏色,點睛色一般與主色相反,主色明度高,點綴色一般用深顏色或飽和度高的顏色,反正明度低,點睛色飽和度明度高的顏色。

 

APP生存本身實用性是根本,藝術性和舒適的操作是點睛之筆,當APP的功能美和形式美真正統一起來,這樣的APP才有生存的能力。


在線咨詢 我要報名

时时开奖结果怎样自动发到qq群 快乐8全包投500赚50 北京11选5开奖结果查 今天四场进球开奖情况 怎么玩股票赚钱 做任务赚钱的平台哪个最好 遇乐棋牌苹果下载 辛运28开奖规律 秒速飞艇大小单双计划 哈灵麻将-本地休闲棋牌 幸运赛车开奖视频 连码有哪些数字 哈尔滨麻将机 内蒙古快3今日走势图 吉林十一选五预测号码 广东十一选五走式图 股票配资平台都找天牛宝股票配资可信