雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

手機ui設計規(guī)范有什么? 共同來學習

Time: 2020-06-05

想必大家都發(fā)現(xiàn)如今的手機界面越來越好看,那就涉及ui設計技術,那么,手機ui設計規(guī)范有什么?這是非常值得我們關注的內容,只有掌握了這些技能,才可以幫助大家更好的進行設計,還等什么呢?趕緊一起看看下面的內容。

  1、UI設計師的職能

  UI設計師的職能大體包括三方面:一是圖形設計,軟件產(chǎn)品的產(chǎn)品"外形"設計。二是交互設計,主要在于設計軟件的操作流程、樹狀結構、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設計,并且確立交互模型,交互規(guī)范。三是用戶測試/研究,這里所謂的"測試",其目標恰在于測試交互設計的合理性及圖形設計的美觀性,主要通過以目標用戶問卷的形式衡量UI設計的合理性。如果沒有這方面的測試研究,UI設計的好壞只能憑借設計師的經(jīng)驗或者領導的審美來評判,這樣就會給企業(yè)帶來極大的風險。

 手機ui設計

  手機ui設計

  2、手機ui設計規(guī)范有什么?

  一致性原則

  堅持以用戶體驗為中心設計原則,界面直觀、簡潔,操作方便快捷,用戶接觸軟件后對界面上對應的功能一目了然、不需要太多培訓就可以方便使用本應用系統(tǒng)。

  字體-保持字體及顏色一致,避免一套主題出現(xiàn)多個字體;-不可修改的字段,統(tǒng)一用灰色文字顯示。

  對齊-保持頁面內元素對齊方式的一致,如無特殊情況應避免同一頁面出現(xiàn)多種數(shù)據(jù)對齊方式。

  表單錄入-在包含必須與選填的頁面中,必須在必填項旁邊給出醒目標識(*);-各類型數(shù)據(jù)輸入需限制文本類型,并做格式校驗如電話號碼輸入只允許輸入數(shù)字、郵箱地址需要包含"@"等,在用戶輸入有誤時給出明確提示。

  鼠標手勢-可點擊的按鈕、鏈接需要切換鼠標手勢至手型;

  保持功能及內容描述一致-避免同一功能描述使用多個詞匯,如編輯和修改,新增和增加,刪除和清除混用等。建議在項目開發(fā)階段建立一個產(chǎn)品詞典,包括產(chǎn)品中常用術語及描述,設計或開發(fā)人員嚴格按照產(chǎn)品詞典中的術語詞匯來展示文字信息。

  準確性原則

  使用一致的標記、標準縮寫和顏色,顯示信息的含義應該非常明確,用戶不必再參考其它信息源。

  顯示有意義的出錯信息,而不是單純的程序錯誤代碼。

  避免使用文本輸入框來放置不可編輯的文字內容,不要將文本輸入框當成標簽使用。

  使用縮進和文本來輔助理解。

  使用用戶語言詞匯,而不是單純的專業(yè)計算機術語。

  高效地使用顯示器的顯示空間,但要避免空間過于擁擠。

  保持語言的一致性,如"確定"對應"取消","是"對應"否"。

 手機ui設計

  手機ui設計

  可讀性原則

  文字長度

  文字的長度,特別是在大塊空白的設計中很重要,太長會導致眼睛疲憊,閱讀困難。太短又經(jīng)常會造成尷尬的斷裂效果,斷字的使用也會造成大量的復合詞,這些斷裂嚴重的影響了閱讀的流暢性。

  空間和對比度

  每個字符同線路長度,間距也是重要的。所以每個字符之間的空間至少等于字符的尺寸,大多數(shù)數(shù)字設計人員習慣選擇一個最小的文字大小的150%為空間距離,這就可以留下足夠的空間。當每一行中讀取大段的文字,且線路長度過多或線之間的空間太少,都會造成理解困難。

  對齊方式

  無論是在文本中心,還是偏左,或者是沿著一個文件的右側對齊,文本的對齊相當重要,可以極大地影響可讀性。一般而言,文本習慣向左對齊,因為它反映了你的閱讀方式 – 從左至右。你熟悉每一行開始和結束的地方。

  手機ui設計規(guī)范有什么?以上就是我們?yōu)楦魑慌笥褌冋淼膬热?,大家是不是都認真讀完?希望大家可以參考上面的規(guī)范,從而設計出更加滿意的作品出來。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開