2018最新iOS端介面UI設計規範整理

阿新 • • 發佈：2019-01-18

轉自：http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/

在iPhone 6還沒出的時候，都是用640×1136 px來做設計稿的，自從6的釋出，所有的設計稿尺寸以750×1334 px來做設計稿尺寸

以750x1334px作為設計稿標準尺寸的原由：

從中間尺寸向上和向下適配的時候介面調整的幅度最小，最方便適配。
大螢幕時代依然以小尺寸作為設計尺寸，會限制設計師的設計視角。
設計安卓版本時只需做最小的設計調整，提升設計效率。

所以做設計稿事請以750x1334px來做設計稿

iPhone介面設計規範：

iPhone 介面尺寸：

左右我習慣設定24 px的距離，我通過對國內外很多APP就行了對比，總結是24 px更合理，這個是我的個人習慣，所以也不要當做是明文規則，你設定為30 px，也是可以的。

然後就可以開始你的設計了、

關於設計字型

先來看一下字型的歷史演變過程

iOS 9：英文字型為Helvetica Neue
iOS 9：中文字型由為冬青黑
iOS 10：英文字型為San Francisco
iOS 10：中文字型為蘋方

設計稿標準文字

文字選用“蘋方（PingFang SC Light) ”標題可加粗選用“蘋方粗體”

文字搭配

一般用4和6的梯度搭配，例如：一般文字30px標題搭配26px詳情, 帶頭列表30px標題搭配22px輔助資訊
詳情頁標題文字與詳情文字間距
間距為8的倍數，例如：24px、32px、40px等

行間距設定
行間距與字號比例為1.5倍

對齊原則
段落文字採用“兩端對齊左對齊”，避頭尾為“嚴格”，首行嚴禁放5標點

關於字型大小的問題：

頂部操作欄文字大小：34-38px
標題文字大小：28-34px
正文文字大小：26-30px
輔助性文字大小：0-24px
Tab bar文字大小：20px

2018最新iOS端介面UI設計規範整理

轉自：http://www.shui-mai.com/2018zuixiniosduanjiemianuishejiguifanzhengli/在iPhone 6還沒出的時候，都是用640×1136 px來做設計稿的，自從6的釋出，所有的設計稿尺寸以750×1334 px來做

UI設計規範整理一iOS字體和切圖及規範

icon 頁面設計 nologin 例如必須協作設計規範 ogr 喜歡 UI設計規範一iOS字體和切圖及規範說明： 1.對象為程序員等開發人員。 2.方法有千種，僅供參考。 3.文檔的本質是備份與查看，對外方便協作與對內提升效率。 4.文檔不是萬能的，如果文檔查看

移動端UI設計規範模板參考以及設計規範的好處

2018也快要過完了（-_-），我們的移動端的UI設計規範也層出不窮。很多APP設計師也要在年底給公司或者是團隊做一個總結。那麽一個像樣的APP ui設計規範也是很有必要的作品回顧。在創業公司做著一位獨立設計師，說好聽點是獨立設計師，難聽點，就是唯一的設計師。創業型公司，UI

iOS介面互動設計規範

整理用來自用。概述（ overview）主題（Themes）主題章節，主要對設計規範整體進行一個介紹，引出清晰，遵從和深度三大設計原則以及美學完整性，一致性，直接操作性，反饋性，隱喻性和使用者控制性六大基本特性。基本介面元素，通過欄（bars），檢視（

移動端UI設計規範參考

這個設計規範，主要兩個原因：1、要設計的介面太多了，而且產品迭代很快，來不及一個個介面標註重複性的東西，於是我就出一個字型運用規範，讓開發看一個文件就好了。有個設計文件和UI設計規範，可以減少很多設計與開發之間的溝通。後來給開發團隊引進了zeplin，安卓小夥伴持續用著，io

2018/06/11 數據庫設計規範

order by code 表名 http 歸檔一個 idt 有關 ID 最近都沒什麽時間來寫比克，工做太忙...... 不過這也不是什麽借口。最近在學習相關知識，寫下來記錄一下吧。註意：這裏的規範並不是絕對的，如果你的團隊已經制定了規範。請

移動端App UI 設計入門與實戰

初步了解 tar 1-1 邏輯 -s 形式流程建立實戰第1章課程介紹本章為課程導學，幫助同學們初步了解UI設計，介紹實戰課程安排，並熟悉產品設計、開發流程，了解如何與其它崗位配合。1-1 導學視頻1-2 產品開發流程第2章產品需求解析本章將針對產品需求進行解析

2018最新專為程式設計師設計的線性代數課程

第1章歡迎大家來到《專給程式設計師設計的線性代數》歡迎大家來到《專給程式設計師設計的線性代數》，在這個課程中，我們將使用程式設計的方式，學習線性代數，這個近現代數學發展中最為重要的分支。學懂線性代數，是同學們深入學習人工智慧，機器學習，深度學習，圖形學，影象學，密碼學，等等諸多領域的基礎。

iOS 官方 Swift API 設計規範

核心原則最重要的目標：每個元素都能夠準確清晰的表達出它的含義。做出 API 設計、聲明後要檢查在上下文中是否足夠清晰明白。清晰比簡潔重要。雖然 swift 程式碼可以被寫得很簡短，但是讓程式碼儘量少不是 swift 的目標。簡潔的程式碼來源於安全、強大的

淺談App開發iOS端的架構設計

本文將要講的架構設計可能沒有那麼真正的架構那麼準確，可以理解為在建立App時專案的一個目錄結構吧。做iOS開發3年，其實深刻的架構設計感覺還談不上，主要是現在接手了一套架構比較牛的程式碼，然後回頭看了一下自己之前的App架構，覺得豁然開朗了很多。在這裡主要總

2018最新後端開發人員的路線圖

簡評：之前，後端開發路線圖僅僅是一個技術推薦，且沒有明確的方向指明應該遵循的順序，這份重新制作的指南將會給你一個更好的方向。現在的 Web 開發與幾年前完全不同了，有很多不同的東西可以輕易地把人拒之門外，這也是我們決定製作這個循序漸進指南的原因之一，

一文讀懂：如何建立UI設計規範

我們在做網際網路產品中，有的是以產品功能，但大部分以專案為緯度進行分割。在產品1.0後，設計團隊需要UI設計師建立規範，如果你所在的產品團隊有2個以上的UI同學。那可能在1.0還沒開始，一套好的UI規範就是需要立馬做的。首先要明確，UI規範是需要UI設計師或UED團隊來完成的。但今天這裡我歸納

APP登入介面UI設計欣賞

今天分享的是，17個優秀的APP登入介面UI設計效果欣賞，風格都非常的前衛，有很強的現代感，有的個性十足，APP登入介面好設計也不好設計，好設計的地方是元素少容易排版，不好設計的地方是要做個性化很難，而今天分享的這些就能給你帶來一些靈感，希望對您有用，enjoy！ Hy

手機APP介面-UI設計教程

裝載：http://www.ui63.com/html/uicollege/uisjjc/2015/0623/16875.html 溫馨提示：圖片質量較高，若載入慢請耐心等候！來源:uicn

資料倉庫物理模型設計規範整理

1.背景日常資料功能開發過程中，會經常要開發人員自己設計物理儲存模型（底層模型），在設計過程中往往會遇到一些設計共性問題，比如：物理模型需要的主鍵採用自然鍵還是業務鍵、相關時間戳欄位（業務相關表和非業務相關表）、冗餘欄位是否需要、是否要保留 “歷史臺賬資訊”、在使用Power

安卓app設計規範整理和Android APP設計篇

隨著安卓智慧手機不停的更新換代。安卓手機系統越來越完美，螢幕尺寸也越來越大啦！比如最近小米的miui 6的釋出和魅族手機系統的更新等等。以小米MIUI6的安卓手機來說，MIUI6進行了全新設計，堅持“內容才是本質”的設計哲學，重新提煉內容，簡化圖示設計。所以

（2018幹貨系列五）最新UI設計學習路線整合

基礎設計規範 clas 方法 http 基本使用工作客戶端 over 怎麽學UI全鏈路設計全鏈路設計師是參與整個商業鏈條，為每個會影響用戶體驗的地方提供設計的可解決方案，最後既滿足了商業目標，又提升了產品的用戶體驗和設計質量，與平面設計、UI設計徹底區分開來，是真正

2018版移動端ui規範

工作進行 ima -c 統一我們底部菜單欄公司有效計規範是一種將移動端常用控件標準化、統一化的的文檔今天整理了一篇設計規範的文章概論，講訴中會以ios做介紹，安卓由於開源，平臺相對教多不做單一闡述，實際操作的時候，我們不管是做一代還是二次的叠代產品，均需要一個

【規範建議】服務端介面返回欄位型別與iOS端的解析

一、本文件的寫作目的　　App需要跟產品、UI、後臺、伺服器、測試打交道，app的產出是其他端人員產出的綜合體現。與其他端人員溝通就像是開發寫介面，也就是面向介面程式設計的思想。　　本文件講解針對的是服務端返回資料時使用的欄位資料型別如何選擇、iOS端將JSON資料轉模型的時候用什麼型別來定義對應的屬

2018最新iOS端介面UI設計規範整理

關於設計字型

相關推薦