2021-08-10 iOS14設(shè)計規(guī)范注意要點總結(jié)

最近工作需要建椰,要總結(jié)iOS設(shè)計要點棍矛,因此將我的總結(jié)發(fā)表如下:

一 啟動

1.盡量避免使用閃屏或其他啟動操作,用戶可立即使用是最好的體驗

2.盡量避免啟動時讓用戶設(shè)定或錄入信息

3.盡量讓用戶晚一點登錄

4.盡量避免新手指引,只給用戶最必須的指引

5.不要太早讓用戶評分

二 導(dǎo)航

1.導(dǎo)航的三種結(jié)構(gòu)鸦采,層級/扁平/內(nèi)容驅(qū)動

2.用戶應(yīng)該清楚自己所在的位置

三 模態(tài)情景

1.盡量避免使用模態(tài)情景

2.模態(tài)情景應(yīng)簡單/簡短/高度聚焦

3.始終提供明顯/安全的推出模態(tài)情景的方式

四 交互和反饋

1.為暗示交互性篙骡,可使用一些設(shè)計線索稽坤,包括點擊的反饋/顏色/位置/上下文/表意明確的圖標(biāo)和標(biāo)簽,并不需要過于修飾元素來向用戶展示可交互性

2.避免對交互控件和非交互控件采用同一顏色

五設(shè)計原則

一致性

與iOS標(biāo)準(zhǔn)一致糯俗;應(yīng)用內(nèi)部同一尿褪;與先前的版本一致

六 原型和迭代

在投入工程資源實現(xiàn)設(shè)計之前,最好對原型進(jìn)行用戶測試

七 UI元素簡介

7.1欄

7.1.1狀態(tài)欄

1.不要創(chuàng)建自定義狀態(tài)欄

2.避免滾動內(nèi)容直接透過狀態(tài)欄顯示

3.避免在狀態(tài)欄后疊加會分散注意力的內(nèi)容

4.隱藏狀態(tài)欄時要甚至慎重(沉浸模式可隱藏)

7.1.2導(dǎo)航欄

1.避免用過多控件填滿導(dǎo)航欄

2.當(dāng)用戶到達(dá)一個新層級時得湘,導(dǎo)航欄需做出改變

7.1.3工具欄

工具欄中放著用于操作當(dāng)前屏幕中各種對象的控件

1.工具欄中應(yīng)放置用戶最常用的指令杖玲,盡量避免提供用戶偶爾會使用到的指令

2.3個以上工具控件考慮使用圖標(biāo)

3.保證工具欄文字按鈕之間有足夠的間距

7.1.4標(biāo)簽欄

1.標(biāo)簽欄位于屏幕底部,并應(yīng)保證處于應(yīng)用任何位置都可用

2.一般而言淘正,使用標(biāo)簽欄組織整個應(yīng)用的信息架構(gòu)

3.不要使用標(biāo)簽來讓用戶執(zhí)行對于當(dāng)前應(yīng)用屏幕內(nèi)容的操作

4.即時標(biāo)簽當(dāng)前不可用摆马,也不要將其刪除

5.避免讓過多標(biāo)簽填滿標(biāo)簽欄,最多5個標(biāo)簽

7.1.5搜索欄(注意Android規(guī)范無搜索欄)

1.搜索欄獲取用戶輸入的文本跪帝,以作為搜索的關(guān)鍵字

2.范圍欄與搜索欄共同出現(xiàn)今膊,它讓用戶可定義搜索結(jié)果的范圍

7.2 內(nèi)容視圖

7.2.1活動

每個活動標(biāo)識系統(tǒng)提供的或自定義的服務(wù),比如打印/轉(zhuǎn)發(fā)/發(fā)送信息

7.2.2集合視圖

集合視圖用于管理一系列有序的項伞剑,并以一種自定義的布局來呈現(xiàn)他們斑唬,如照片查看器

1.表格更適用時,不要使用集合視圖

2.讓視圖中的選項更容易選中

7.2.3圖片視圖

展示一張單獨圖片黎泣,默認(rèn)狀態(tài)下不支持用戶交互

7.2.4地圖視圖

允許用戶在視圖中進(jìn)行交互

7.2.5浮出層

浮出層是用戶點擊某個控件或頁面某一區(qū)域時浮出的恕刘,半透明的臨時視圖

1.一般來說,當(dāng)用戶點擊浮出層以外區(qū)域時抒倚,浮出層消失褐着,并保存浮出層內(nèi)容

2.讓浮出層箭頭直接指向其出處

3.確保同一時間內(nèi)屏幕上只有一個浮出層、

4.不要在浮出層上展示模態(tài)視圖

5.可能的話托呕,讓用戶僅點擊一下就可關(guān)閉一個浮出層并開啟下一個浮出層

6.浮出層不宜太大含蓉,尤其不能占滿整個屏幕

7.2.6滾動視圖

滾動視圖支持用戶瀏覽尺寸超過滾動視圖邊界的圖片

一般來說频敛,一次只展示一個滾動視圖

7.2.7表格視圖

表格視圖以可滾動的單列多行的形式來展示數(shù)據(jù)

7.2.8文本視圖

始終保持文本的易讀性

根據(jù)輸入內(nèi)容的類型來指定不同的鍵盤類型

7.2.9網(wǎng)絡(luò)視圖

即常說的html頁面

不要將頁面做的類似與小型的網(wǎng)絡(luò)瀏覽器

未完待續(xù)...

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市馅扣,隨后出現(xiàn)的幾起案子斟赚,更是在濱河造成了極大的恐慌,老刑警劉巖差油,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拗军,死亡現(xiàn)場離奇詭異,居然都是意外死亡蓄喇,警方通過查閱死者的電腦和手機发侵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來妆偏,“玉大人刃鳄,你說我怎么就攤上這事∏睿” “怎么了铲汪?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長罐柳。 經(jīng)常有香客問我,道長狰住,這世上最難降的妖魔是什么张吉? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮催植,結(jié)果婚禮上肮蛹,老公的妹妹穿的比我還像新娘。我一直安慰自己创南,他們只是感情好伦忠,可當(dāng)我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著稿辙,像睡著了一般昆码。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上邻储,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天赋咽,我揣著相機與錄音,去河邊找鬼吨娜。 笑死脓匿,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的宦赠。 我是一名探鬼主播陪毡,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼米母,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了毡琉?” 一聲冷哼從身側(cè)響起铁瞒,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎绊起,沒想到半個月后精拟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡虱歪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年蜂绎,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片笋鄙。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡师枣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出萧落,到底是詐尸還是另有隱情践美,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布找岖,位于F島的核電站陨倡,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏许布。R本人自食惡果不足惜兴革,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蜜唾。 院中可真熱鬧杂曲,春花似錦、人聲如沸袁余。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽尘惧。三九已至,卻和暖如春亮钦,著一層夾襖步出監(jiān)牢的瞬間朱转,已是汗流浹背蟹地。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留藤为,地道東北人怪与。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像缅疟,于是被迫代替她去往敵國和親分别。 傳聞我的和親對象是個殘疾皇子遍愿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容