做ui設計并不只是將自己的想法實現這么簡單，我們在設計時，還需要遵循各種設計規范，那么為什么UI設計規范很重要？iosui設計界面尺寸如何規范呢？一起跟faceui來了解一下吧。

　　UI設計

　　UI設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。

　　好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。

ui設計界面尺寸如何規范（圖片來自網絡）

　　為什么UI設計規范很重要

　　保證平臺統一性

　　統一性是交互設計的一個基本原則，在一個長期迭代多人合作的項目中，不同的設計師會負責不同的模塊，每個人都有各自的思路，就有可能會對相同的元素做出了不同的方案，對于用戶來說容易造成困惑，對品牌整體形象的建設也沒有好處。所以對于較大型的產品，最好有設計規范來定義基本的元素，幫助眾多設計師一起做出有統一性的產品。

　　提升團隊工作效率

　　對于同一個基本元素，如果沒有設計規范，交互設計師需要設計一次交互方式，視覺設計師需要設計一次外形，UI開發同學需要開發一次，每個不同的設計師遇到這個元素時都可能重新設計一遍。但如果有了設計規范，只需設計一次，團隊中任何一個設計師需要用的時候直接拿來用就可以了，也不需要再進行視覺和開發，極大的提升了效率。

　　打磨細節體驗

　　在整理每個元素的規范時，設計師都需要對其場景、狀態考慮清楚。在整理的過程中，經常會發現一些以前沒注意到的問題，并進行優化。把一個小元素單獨拎出來仔細考量，寫成一篇完整規范的過程，其實就是在打磨細節的過程。

　　IOSUI界面設計尺寸及欄高度

　　目前主流的 iOS 設備主要有 iPhone SE（4英寸）、iPhone 6s/7/8（4.7英寸）、iPhone 6s/7/8 Plus（5.5英寸）、iPhone X（5.8英寸），它們都采用了 Retina 視網膜屏幕，其中 iPhone 6s/7/8 Plus 和 iPhone X 采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，無論是欄高度還是應用圖標，設計師提供給開發人員的切片大小，前者始終是后者的1.5倍，并分別以@3x和@2x在文件名結尾命名，程序再根據不同分辨率自動加載@3x或者@2x的切片。

ui設計界面尺寸如何規范（圖片來自網絡）

ui設計界面尺寸如何規范（圖片來自網絡）

　　通過上面的講解和圖示我們了解了 iPhone 不同設備的物理尺寸，那么他們的像素分辨率又是多少呢？也就是說我們用 Photoshop 做設計新建畫布應該設置多大呢？另外，iOS應用中的欄，包括狀態欄、導航欄、標簽欄、工具欄等，它們的高度又分別是多少呢？（注意：iOS 嚴格規定了各個欄的高度，這個是必須遵守的）通過下面的表格和圖示來為你解答上面的問題。

ui設計界面尺寸如何規范

　　注意：在進行 iphone x 設計的時候我們依然可以采用熟悉的 iphone 7 的設計尺寸作為模板，只是高度增加了290px，設計尺寸為750*1624（@2x）。注意狀態欄的高度由原來的40px變成了88px，另外底部要預留68px的主頁指示器的位置。

ui設計界面尺寸如何規范（圖片來自網絡）

ui設計界面尺寸如何規范（圖片來自網絡）

ui設計界面尺寸如何規范（圖片來自網絡）

　　關于iosui設計界面尺寸如何規范的問題就為大家介紹這么多，這些也只是一些經驗之談，更多的還是需要我們實際體驗操作才能不斷進步。想要了解更多相關內容，也可長期關注faceui。