馬上註冊  |  找回密碼

SAY討論區

查看: 193|回復: 29
打印 上一主題 下一主題

為啥iPhone X的劉海更順眼?設計師告訴你 [複製鏈接]

Rank: 6Rank: 6

好友
0
帖子
4508
積分
8997
最後登錄
2018-7-31
在線時間
0 小時
跳轉到指定樓層
樓主
發表於 2018-5-30 06:04:09 |只看該作者 |正序瀏覽
當蘋果第一次讓劉海屏出現在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產品的時候,一定要用蘋果官方的設計資源,你不知道他們在哪個地方突然給你來了一條充滿奇思妙想的曲線。
分享分享0 收藏收藏0 讚好讚好0 Unlike!Unlike!0 分享 傳送 邀請

好友
0
帖子
124808
積分
124818
最後登錄
2019-2-28
在線時間
0 小時
30#
發表於 2018-6-6 12:20:57 |只看該作者
偶啥時才能熬出頭啊.

好友
0
帖子
24746
積分
124499
最後登錄
2019-2-28
在線時間
0 小時
29#
發表於 2018-6-6 08:21:48 |只看該作者
提示: 作者被禁止或刪除 內容自動屏蔽

好友
0
帖子
123862
積分
123879
最後登錄
2019-2-28
在線時間
0 小時
28#
發表於 2018-6-4 09:28:00 |只看該作者
呵呵 那就好好玩吧~~~~  

好友
0
帖子
130714
積分
136210
最後登錄
2019-2-28
在線時間
0 小時
27#
發表於 2018-6-3 08:37:38 |只看該作者
尼伊達是各好論壇,以後天天來

好友
0
帖子
125286
積分
125321
最後登錄
2019-2-28
在線時間
0 小時
26#
發表於 2018-6-1 07:34:46 |只看該作者
好奇心,我打開看看

好友
0
帖子
103726
積分
106182
最後登錄
2019-2-28
在線時間
0 小時
25#
發表於 2018-5-31 15:37:10 |只看該作者
呵呵,支持一下哈  

好友
0
帖子
125013
積分
125023
最後登錄
2019-2-28
在線時間
0 小時
24#
發表於 2018-5-30 17:03:57 |只看該作者
拿把椅子看表演

好友
0
帖子
124245
積分
124252
最後登錄
2019-2-28
在線時間
0 小時
23#
發表於 2018-5-30 16:00:49 |只看該作者
回個帖子支持一下!

好友
0
帖子
125032
積分
125046
最後登錄
2019-2-28
在線時間
0 小時
22#
發表於 2018-5-30 15:44:40 |只看該作者
做一個,做好了,請看
您需要登錄後才可以回帖 登錄 | 馬上註冊 |

Archiver|手機版|SAY討論區

GMT+8, 2026-6-30 07:10 , Processed in 0.948222 second(s), 15 queries .

Powered by go2tutor.comDiscuz! X2

© 2026 Community Networks Limited

回頂部