title: UI 設計師必知的 iPhone X 設計細節！

---

**摘要**

iPhone X 公布後，因為頂部 "瀏海" 的關係，有很多設計細節與以往 iPhone 的習慣不一樣，設計師必須重新檢視 APP 的設計才能讓 APP 在 iPhone X 上獲得更好的視覺及操作體驗。本文整理 iPhone X 和其他版本 iPhone 在設計元素上的差異，提供給設計師、工程師參考。

**Category**

- [教學](https://www.soft4fun.net/category/how-to)
- [科技](https://www.soft4fun.net/category/tech)

**Tag**

- [iPhone](https://www.soft4fun.net/tag/iphone)
- [iPhone X](https://www.soft4fun.net/tag/iphone-x)
- [UI](https://www.soft4fun.net/tag/ui)
- [UI 設計](https://www.soft4fun.net/tag/ui-%e8%a8%ad%e8%a8%88)

**圖片清單**

- ![YlSkDrq.png](https://cf.img.soft4fun.net/2017/09/YlSkDrq.png "YlSkDrq.png")
- ![UI 設計師必知的 iPhone X 設計細節！ YlSkDrq](https://i.imgur.com/YlSkDrq.png "UI 設計師必知的 iPhone X 設計細節！ YlSkDrq")

---

![UI 設計師必知的 iPhone X 設計細節！ YlSkDrq](https://i.imgur.com/YlSkDrq.png "UI 設計師必知的 iPhone X 設計細節！ YlSkDrq") 本篇原文刊登於 Medium ，INSIDE 經授權轉載。作者 Taylor ，UI 及數位產品設計師，專精於 iOS、Android 及 Web 等平台，曾經在國內外許多新創公司從事 UX 以及 UI 設計，也在各種組織、公司、學校裡協助管理與培訓，及擔任講師，更多相關資訊可見作者 臉書 。 光讀 HIG 是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間…