IOS UI設計規範是什麼

來源:酷知科普網 8.79K

在現在的網際網路行業中,有一個職業叫做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張
熱門標籤