SAY討論區

標題: 為啥iPhone X的劉海更順眼？設計師告訴你 [打印本頁]

作者: aikan 時間: 2018-5-30 06:04:09 標題: 為啥iPhone X的劉海更順眼？設計師告訴你

當蘋果第一次讓劉海屏出現在iPhone X上時，幾乎沒有人願意說這是一個好看的設計。但是時間來到現在，當越來越多的安卓手機開始加入劉海屏陣營的時候，我們也看到了各式各樣的劉海，然後才發現，其實iPhone X的缺口設計竟然是看起來最順眼的了！？

為了解答大家的這個疑問，設計師Brad Ellis在博客上發表了一篇文章，詳細解釋了蘋果在iPhone X缺口設計上的特別之處。
首先我們需要來看看實現 Notch 屏幕（劉海、缺口屏）都有哪些方式，上圖（圖片源自網絡，侵刪）和下圖的這些 Notch 屏要說制造難度、成本和iPhone X的屏幕其實沒什麼區別，都是需要按照須先設定好的形狀切割而已，但是效果確是差了不少。

Ellis 表示，蘋果在設計過程中並沒有遵循常見的圓角矩形的曲線，也就是在一段直線之後直接接入一個正圓的圓形，而是用上了一個名為“方圓形”的曲線，它的坡度一開始更“陡”，而後來變得越來越柔和。下方的兩張圖能夠清晰地解釋兩種設計方法的不同，簡單來說，蘋果這裡用上了曲率連續的方法。

雖然很多人把蘋果的設計風格成為“圓角矩形”，但是Ellis表示，其實蘋果多年來一直在MacBook、iMac電腦和iOS 7以後的系統中使用曲率連續這一招數，並且這一形狀其實比較難實現，因為它過去在CAD這樣的2D編輯器中並不可用。

更加直接地為大家展示iPhone X的“劉海”，Ellis又舉了個例子。當我們需要將上下兩條平行直線通過兩個圓弧連接起來時，按理來說總會有那麼一下圓弧的切線會垂直於兩條平行直線的，對吧？但是蘋果的設計中，你卻發現這些切線竟然都不是垂直的！

對於蘋果在劉海設計上的獨具匠心，Ellis表示這些決定看起來很小，但是在很多公司中，即使設計師願意花些心思設計出一條美妙的曲線，公司也不一定會投入資源去讓它變為實際產品。
未來蘋果肯定會不斷改變iPhone劉海的曲線，直到完全實現100%的屏占比，而這其中的變化將很有趣。當然，Ellis也表示，需要提醒各位設計師朋友們，在開發iOS產品的時候，一定要用蘋果官方的設計資源，你不知道他們在哪個地方突然給你來了一條充滿奇思妙想的曲線。

附件: [w31302agbx213.jpg] w31302agbx213.jpg (2018-5-30 06:04:09, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=ODg0NTM0fDg5ZjgxZDg1fDE3Nzk5NzAwODV8MHww

附件: [lq1whd0migu14.jpg] lq1whd0migu14.jpg (2018-5-30 06:04:09, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=ODg0NTM1fDYxNWVkMWRhfDE3Nzk5NzAwODV8MHww

附件: [heqqpezyxkv14.gif] heqqpezyxkv14.gif (2018-5-30 06:04:09, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=ODg0NTM2fGQwNGNiZjdifDE3Nzk5NzAwODV8MHww

附件: [0ilatorrpfp14.jpg] 0ilatorrpfp14.jpg (2018-5-30 06:04:09, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=ODg0NTM3fDM3MThmNzc1fDE3Nzk5NzAwODV8MHww

附件: [rpumty2bpyl14.jpg] rpumty2bpyl14.jpg (2018-5-30 06:04:09, 0 Bytes) / 下載次數 0
http://say.go2tutor.com/forum.php?mod=attachment&aid=ODg0NTM4fDQwMzkwZWJlfDE3Nzk5NzAwODV8MHww

作者: freegold 時間: 2018-5-30 07:51:28

希望大家能幫忙多多分享

作者: 花家姐 時間: 2018-5-30 08:20:57

謝謝樓主啊！

作者: tissss 時間: 2018-5-30 08:35:45

我看不太到喔

作者: jennyjellyfish 時間: 2018-5-30 08:38:05

我回不回呢考慮再三還是不回了吧 ^_^

作者: michael.huang 時間: 2018-5-30 09:06:47

回帖是種美德

作者: xdxd125 時間: 2018-5-30 09:10:01

謝謝樓主啊！

作者: jerrygarry 時間: 2018-5-30 09:16:00

Thank you for your sharing，回覆囉

作者: freegold 時間: 2018-5-30 09:22:12

這是一個好論壇，應該要多多來

作者: ^^SaＳａbb 時間: 2018-5-30 09:56:02

快站沙發，不知道有沒有成功

作者: kengtr 時間: 2018-5-30 10:22:59

要是能加精華就好了

作者: momoon 時間: 2018-5-30 11:08:32

提示: 作者被禁止或刪除內容自動屏蔽

作者: ^^SaＳａbb 時間: 2018-5-30 13:21:03

我幫你這一帖頂起來

作者: momoon 時間: 2018-5-30 14:30:11

提示: 作者被禁止或刪除內容自動屏蔽

作者: appson 時間: 2018-5-30 14:40:35

不知道說些什麼

作者: hopakngai 時間: 2018-5-30 14:49:30

快站沙發，不知道有沒有成功

作者: ^^SaＳａbb 時間: 2018-5-30 15:01:24

今天再看下

作者: 世界沒日 時間: 2018-5-30 15:14:49

回貼賺學識，不錯了

作者: cb_reptile 時間: 2018-5-30 15:20:04

第一次來這論壇..

作者: 段皇爺 時間: 2018-5-30 15:34:08

要不我崇拜你?行嗎?

作者: jackjack99 時間: 2018-5-30 15:40:23

能找到這個站真好

作者: kengtr 時間: 2018-5-30 15:44:40

做一個,做好了,請看

作者: kensiu123 時間: 2018-5-30 16:00:49

回個帖子支持一下！

作者: 弒殺滅神 時間: 2018-5-30 17:03:57

拿把椅子看表演

作者: ccseeker2012 時間: 2018-5-31 15:37:10

呵呵,支持一下哈

作者: Disy 時間: 2018-6-1 07:34:46

好奇心，我打開看看

作者: svcscgba 時間: 2018-6-3 08:37:38

尼伊達是各好論壇，以後天天來

作者: tracy10quTE~~ 時間: 2018-6-4 09:28:00

呵呵那就好好玩吧~~~~

作者: momoon 時間: 2018-6-6 08:21:48

提示: 作者被禁止或刪除內容自動屏蔽

作者: cb_reptile 時間: 2018-6-6 12:20:57

偶啥時才能熬出頭啊.

歡迎光臨 SAY討論區 (http://say.go2tutor.com/)