當前位置:妙知谷 >

遊戲數碼 >互聯網 >

IOS UI設計規範是什麼

IOS UI設計規範是什麼

在現在的互聯網行業中,有一個職業叫做UI設計師,UI的日常工作就是保證高保真設計稿的設計,對於IOS以及Android來説都是有不同的設計規範的,下面我們一起來了解一下IOS UI的設計規範。

操作方法

先來説説設計稿的尺寸,一般來説在做IOS設計稿的時候,設計稿尺寸我們都是選擇650*1334這個尺寸,如果是1x的話,就是375*667。

IOS UI設計規範是什麼

我們從上到下以1x的規範來進行了解,最上邊的就是狀態欄了,狀態欄的高度是20,寬度都是375。

IOS UI設計規範是什麼 第2張

那麼狀態欄都是有哪些元素呢?實際上就是信號、網絡狀態、時間以及電量和通知等。

IOS UI設計規範是什麼 第3張

在信號欄下邊就是我們的導航欄,導航欄的高度為44px。

IOS UI設計規範是什麼 第4張

導航欄中肯定是有導航文字的,導航文字一般來説我們都是居中對齊,並且導航文字的大小應該為18px。

IOS UI設計規範是什麼 第5張

接下來就是最底部,最底部就是我們的標籤欄了,標籤欄中都是我們的切換圖標,標籤欄的高度為49px。

IOS UI設計規範是什麼 第6張

標籤欄中的圖標大小也是有規範的,最小的點擊區域我們必須保證為24px,低於這個範圍的話是不方便進行操作的。

IOS UI設計規範是什麼 第7張

在圖標的下方一般都還有文字,這裏文字的大小比較小,可以根據圖標大小來進行調整,一般來説文字大小為11、10px。

IOS UI設計規範是什麼 第8張

總的來説着就我們IOS UI的設計規範了,其他還有就是內容區域的文字大小規範了,一般來説都是16、15、14、12這四個文字大小,具體根據需求進行設計。

IOS UI設計規範是什麼 第9張
標籤: iOS UI 設計規範
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/37j47.html