<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    Ios APP界面設計規范

    • 時間:2016-11-30 16:08
    • 發布:昆明UI培訓
    • 來源:站酷

    這篇文章達內昆明UI培訓為你總結了ios APP界面設計的常用設計元素,一起來看看吧:

    1、狀態欄(Status bar)

    包含了最基本的系統信息,例如:電量、時間、運營商、電池狀態等,它在視覺上是與導航欄一起的,并且使用相同的背景填充。

    2、導航欄(Navigationbar)

    導航欄通常在屏幕的頂部,狀態欄下方。默認情況下,導航欄顏色是半透明的,也可以是純色的、漸變的、或者是自定義的位圖形式,在長頁面中導航欄下面還有模糊的背景。

    3、工具欄(Tool bar)

    工具欄通常在屏幕的下方,包含用于管理或者操作當前視圖中內容的一些操作;和導航欄類似,工具欄的背景填充也能調整,默認情況下工具欄本身是半透明的,在其下方還有模糊的視圖內容。

    當一個特定視圖要求三個以上主要活動,但放在導航欄上又顯得凌亂時,建議可以使用工具欄(作參考)。

    4、搜索欄(Search bar)

    搜索欄默認有兩種風格:突出的和最小化的。兩種類型的搜索欄在功能上是一樣的。

    5、標簽欄(Tab bar)

    標簽欄通常在屏幕的底部。默認情況下,導航欄顏色是略半透明的,在長頁面中標簽欄下面也有模糊的背景。

    一般iphone上最多展示5個標簽,一旦標簽數量超過了可容納的最大數量,更多的標簽將隱藏在更多標簽中,并且有一個選項可以重新排列標簽的順序。

    6、視圖(view)

    a表視圖(Table view)

    表視圖以單列或者多列形式展示少數或者多個列表風格的信息,并有能將內容分組的選項。根據你展示的數據類型,通常可使用兩種基本的表視圖風格:無格式的、分組樣式。

    默認:默認的表視圖有一個居左對齊的可選圖片和標題。

    帶有副標題:在每行標題下展示小字號的副標題,適用于進一步的解釋說明或者簡短描述。

    帶有數值:帶數值表類型可展示與行標題相關的特定數值。類似默認的類型,每行都有一個居左對齊的圖片和標題。在該類型中,數值居右對齊,通常使用比標題淡一點的文本顏色。

    b活動視圖(Activity view)

    活動視圖用以展示特定的任務。這些任務可以是系統默認的任務,比如通過可用選項分享內容,或者是完全自定義的活動。當為自定義任務按鈕設計icon時,你應當遵從活躍狀態和欄按鈕icon的一些設計指南——純色填充、無任何效果、以及在一個透明背景上。

    在豎屏模式下(以及尺寸比較小的橫屏模式下),活動以按鈕列表形式滑入,并呆在屏幕的底部。這種情況下,活動列表應該有一個取消按鈕來關閉視圖和執行任何列表中的Action。

    c提醒視圖(Alert view)

    提醒視圖的目的是用來通知用戶一些關鍵性的信息,并有選擇地迫使用戶做出選擇。

    提醒視圖通常包含一個標題文本(最好不要超過一行)、一個(純信息提醒,比如"好")或者兩個按鈕(要求用戶做出決定,比如"取消"或"好")。

    d編輯菜單(Edit menu)

    用戶可使用編輯菜單執行復制、粘貼以及剪切等操作。雖然你能控制用戶可以選擇哪個操作,但是編輯菜單的視覺外觀是設定好的,不能重新配置,除非你設計一個完全自定義的編輯菜單。

    e彈出視圖(Popovers)

    當某項特定操作要求多個用戶輸入才能繼續進行時彈出視圖就非常有用了。在水平方向上,彈出視圖可通過箭頭指向展示下方相關的控件(比如按鈕)。彈出控件的背景透明度稍有降低,可展示其下方的模糊內容,像iOS 7以后其他很多UI元素一樣。

    彈出視圖是一種非常強大的臨時視圖,可包含類似導航欄、表視圖、地圖或者web視圖等對象。隨著彈出視圖所包含內容和元素的增加,其窗口也能滾動展示。

    上一篇:達內昆明UI培訓和你聊一聊個性化推薦
    下一篇:Axure的這些隱藏技能你get了嗎?

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>