SAY討論區

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

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

當蘋果第一次讓劉海屏出現在iPhone X上時,幾乎沒有人願意說這是一個好看的設計。但是時間來到現在,當越來越多的安卓手機開始加入劉海屏陣營的時候,我們也看到了各式各樣的劉海,然後才發現,其實iPhone X的缺口設計竟然是看起來最順眼的了!?
w31302agbx213.jpg
為了解答大家的這個疑問,設計師Brad Ellis在博客上發表了一篇文章,詳細解釋了蘋果在iPhone X缺口設計上的特別之處。
首先我們需要來看看實現 Notch 屏幕(劉海、缺口屏)都有哪些方式,上圖(圖片源自網絡,侵刪)和下圖的這些 Notch 屏要說制造難度、成本和iPhone X的屏幕其實沒什麼區別,都是需要按照須先設定好的形狀切割而已,但是效果確是差了不少。
lq1whd0migu14.jpg
Ellis 表示,蘋果在設計過程中並沒有遵循常見的圓角矩形的曲線,也就是在一段直線之後直接接入一個正圓的圓形,而是用上了一個名為“方圓形”的曲線,它的坡度一開始更“陡”,而後來變得越來越柔和。下方的兩張圖能夠清晰地解釋兩種設計方法的不同,簡單來說,蘋果這裡用上了曲率連續的方法。
heqqpezyxkv14.gif
雖然很多人把蘋果的設計風格成為“圓角矩形”,但是Ellis表示,其實蘋果多年來一直在MacBook、iMac電腦和iOS 7以後的系統中使用曲率連續這一招數,並且這一形狀其實比較難實現,因為它過去在CAD這樣的2D編輯器中並不可用。
0ilatorrpfp14.jpg
更加直接地為大家展示iPhone X的“劉海”,Ellis又舉了個例子。當我們需要將上下兩條平行直線通過兩個圓弧連接起來時,按理來說總會有那麼一下圓弧的切線會垂直於兩條平行直線的,對吧?但是蘋果的設計中,你卻發現這些切線竟然都不是垂直的!
rpumty2bpyl14.jpg
對於蘋果在劉海設計上的獨具匠心,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

這是一個好論壇,應該要多多來
作者: ^^SaSabb    時間: 2018-5-30 09:56:02

快站沙發,不知道有沒有成功
作者: kengtr    時間: 2018-5-30 10:22:59

要是能加精華就好了
作者: momoon    時間: 2018-5-30 11:08:32

提示: 作者被禁止或刪除 內容自動屏蔽
作者: ^^SaSabb    時間: 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

快站沙發,不知道有沒有成功
作者: ^^SaSabb    時間: 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/) Powered by Discuz! X2