iOS

別酸啦！蘋果解決iPhoneX的瀏海了 - iOS

Joseph avatarJoseph · 2017-09-26

Table of Contents

※ [本文轉錄自 Gossiping 看板 #1PoVgNl- ]

作者: rick102233 (rick102233) 看板: Gossiping
標題: [爆卦] 別酸啦！蘋果解決iPhoneX的瀏海了
時間: Tue Sep 26 14:58:26 2017

https://webkit.org/blog/7929/designing-websites-for-iphone-x/

蘋果的Safari團隊提出了iPhoneX的優化方式跟開發限制

以及iPhoneX對開發者做出的一些限制在這裡有提到

https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

https://i.imgur.com/IEvSBog.jpg

這張圖紅色的地方就是iPhoneX無法顯示的位置

app設計時必須避開這些位置、不能使app被這些地方遮到


範例

https://i.imgur.com/Y3QHArU.jpg

https://i.imgur.com/2m2Gius.jpg

所以符合要求的app在iPhoneX使用並不會被遮到

像王者榮耀這樣就不符合iPhoneX的要求

https://i.imgur.com/jYryJO5.jpg

它的右邊明顯沒有符合要求

蘋果的期待應該是這樣

https://i.imgur.com/QiEQ7ZN.jpg

另外，底下也有提到

如果app與Apple Pay、Touch ID（指紋辨識）整合，在iPhone X上必須禁用、改用臉部辨
識（Face ID），這是廢話，因為iPhoneX沒有指紋辨識、其它機種也沒有臉部辨識

有可能初期一些app，像是網銀，會要求iPhoneX輸入指紋這樣

結果被蘋果下架？！








--
iOS

All Comments

Suhail Hany avatarSuhail Hany2017-09-29
反正給開發者忙就好了 就怕忙半天下代沒禿頭
Connor avatarConnor2017-10-03
會不會最後只有幾個app給X用？
Rosalind avatarRosalind2017-10-06
X是一切 臉部辨識是一切 開發商請跟上 謝謝
Skylar Davis avatarSkylar Davis2017-10-09
光是現行全螢幕的遊戲app 就都得要下架了
Olga avatarOlga2017-10-11
等那麼久又期待的Ｘ盡然那麼87 QQ
Annie avatarAnnie2017-10-12
真的超北七 這樣搞屏佔比還不是沒多高
Zenobia avatarZenobia2017-10-16
這樣一縮 顯示範圍不知道是不是跟8差不多了
Rosalind avatarRosalind2017-10-19
橫的模式高度還輸8 https://i.imgur.com/sfVqOec.jpg
William avatarWilliam2017-10-22
笑死 自打臉的設計
Carolina Franco avatarCarolina Franco2017-10-23
https://ccc.technews.tw/2017/09/20/iphone-x-design/
這篇比較詳細
Poppy avatarPoppy2017-10-25
十年糞作~磅礡上市!
Christine avatarChristine2017-10-29
比較好奇X要怎麼回主畫面-.-
Mary avatarMary2017-11-01
Jobs表示：
Michael avatarMichael2017-11-03
有接受指紋的網銀app不超過5家
Edwina avatarEdwina2017-11-08
底部往上滑
Joe avatarJoe2017-11-10
@jkb6 https://goo.gl/qezYix
Quintina avatarQuintina2017-11-12
還好我信仰很足，天塌不驚
Hazel avatarHazel2017-11-16
誰叫中國喜歡高屏佔比
Barb Cronin avatarBarb Cronin2017-11-21
技術展示 不想買單
Barb Cronin avatarBarb Cronin2017-11-26
這樣縮一縮跟8+差不多啦 只有直拿看網頁的時候比8+大
Candice avatarCandice2017-11-27
等出x +
Isla avatarIsla2017-12-01
我只知道 iPhone Xs 肯定就不會有瀏海了
看看6被詬病的天線 到8就不見了
Caitlin avatarCaitlin2017-12-01
我需要去補充點信仰
Queena avatarQueena2017-12-02
真的很爛 而且上方經典的wifi圖示這樣會少的可憐
Doris avatarDoris2017-12-03
爛 實驗機還敢拿出來鬧笑話
Doris avatarDoris2017-12-08
第一代不要買 拿8再等一年出下一代
Liam avatarLiam2017-12-11
好慶幸自己買的iPhone 8 是成熟的產品
Elizabeth avatarElizabeth2017-12-11
不過顯示範圍有變小耶QQ
Mia avatarMia2017-12-14
那我買滿版螢幕要幹嘛
Margaret avatarMargaret2017-12-19
可惜沒耳機孔了 不方便許多
Ethan avatarEthan2017-12-21
還是買8好了 X這樣搞實在很蠢
Necoo avatarNecoo2017-12-21
直接限制不能用叫解決問題XDDD
Ursula avatarUrsula2017-12-22
這樣搞也沒比較爽，home的設計真的可以改一改啦，感覺就
容易誤觸，為了避免還得設計區域避開，不懂為何不用3D to
uch
Faithe avatarFaithe2017-12-26
與其說解決瀏海問題 倒不如說是直接處決會擋到的APP
Doris avatarDoris2017-12-30
繼續用7plus..
Lily avatarLily2017-12-31
庫克真的鳥 爛到不行 只會各階層產品線亂出
William avatarWilliam2018-01-03
等出了，去摸摸看再決定要買什麼...
Lily avatarLily2018-01-06
賈伯斯看到會氣到................
Bennie avatarBennie2018-01-08
這叫解決問題? 結果顯示範圍變超小 我笑死....
Kristin avatarKristin2018-01-11
跟解決提出問題的人有87%像
Noah avatarNoah2018-01-15
有人可以算一下這樣螢幕顯示區域跟之前的比有變大還變
小嗎
Oscar avatarOscar2018-01-20
這叫超小喔，閣下手機是17吋嗎
Daph Bay avatarDaph Bay2018-01-21
重新定義全螢幕
Mia avatarMia2018-01-26
不過我覺得瀏海很瞎
George avatarGeorge2018-01-29
Apple真的越來越屌了
Cara avatarCara2018-01-29
買4K電視結果回家發現只能看DVD
Catherine avatarCatherine2018-01-30
這樣縮一縮5.8吋都跟5.5吋差不多意思了 不是變小是什麼?
Elma avatarElma2018-01-31
所以就說了嘛 等新版X也好過現在買X
Frederica avatarFrederica2018-02-04
寧願等屏下指紋量產....
Annie avatarAnnie2018-02-07
桌布全螢幕模式 跑程式變是窗模式的概念
Tracy avatarTracy2018-02-10
爛到爆
Ingrid avatarIngrid2018-02-12
意圖使人買８？？
Ethan avatarEthan2018-02-12
上下就算了 連側邊都要縮 乾脆學安卓用控制列算了
Steve avatarSteve2018-02-17
還是有好處啊 至少直式比較大啦
Lauren avatarLauren2018-02-20
說個笑話：iPhoneX全屏機
Erin avatarErin2018-02-23
不敢想信這種guideline 會在jobs時代存在
比安卓還垃圾..
Valerie avatarValerie2018-02-28
超智障，這樣一開始切齊就好了
Ida avatarIda2018-03-03
你直接學S8上面做個窄額頭都比瀏海好吧
Eden avatarEden2018-03-04
一定要縮 因為沒有home鍵 如果你把程式控制介面放在
滑區 會跟home衝突
然後上面瀏海是蘋果限制不能刻意消失它的
Gilbert avatarGilbert2018-03-05
為了那個醜瀏海把我最愛的訊息圈圈變成長條圖
超森7
Ingrid avatarIngrid2018-03-05
真的很智障的設計，我是Jobs一定把手機扔到設計螢幕的臉上
Ida avatarIda2018-03-09
本來都跟朋友推 X, 說買8不如買7的...看來可以改口了
Kristin avatarKristin2018-03-11
這樣根本不到5.8吋 要大螢幕還是買8+吧
Zenobia avatarZenobia2018-03-12
你把介面放在下面 就不知道是喚出home鍵或是控制程式
了
Lucy avatarLucy2018-03-16
X的螢幕左右顯示長度本來就比8+窄 它只是上下拉比較長
Linda avatarLinda2018-03-21
恭喜，這消息一出i8銷售馬上要回升了
Ingrid avatarIngrid2018-03-21
iphoneX有效顯示面積本來就比plus小了 左右下再這樣一縮大
概跟4.7吋差不多了 http://3c.ltn.com.tw/news/31412
Aaliyah avatarAaliyah2018-03-25
三四萬買個有瀏海造型的手機 很棒啊 而且瀏海樣式多變化
John avatarJohn2018-03-26
比例上來說 我覺得8+比較適合
Ophelia avatarOphelia2018-03-28
開發者表示:
Agatha avatarAgatha2018-03-30
畫蛇添足，一開始感測器兩側補滿中規中矩不是很好嗎...
Ursula avatarUrsula2018-03-30
App開發者：憑什麼錢你Cook賺，重工是我要出啊？
William avatarWilliam2018-04-02
這樣扣掉直的橫的下面留底 再加上四周圓框 會不會剩下的比
plus還少 只剩跟4.7差不多
Olivia avatarOlivia2018-04-04
根本只是為了表面數字5.8吋漂亮而已 蘋果淪陷了 本末倒置
John avatarJohn2018-04-05
就全螢幕"桌面" 開程式就像開微軟的視窗一樣
Kelly avatarKelly2018-04-10
直接把下巴做可更換的常態控制列 瀏海補滿 不是很好...
這樣還不用把側邊也縮減....
Valerie avatarValerie2018-04-12
這叫 削足適履 吧....頭一次成語形容3C這麼到位的
Hedwig avatarHedwig2018-04-17
拉長本來就是數字漂亮 不然手機做成像尺一樣對角線也超多吋
Lucy avatarLucy2018-04-18
不過不知道為什麼要堅持下面放那一條，看起來也不像
回桌面啊
Liam avatarLiam2018-04-22
下面那條往上滑就是home啊 所以不能放東西在那啊
Kelly avatarKelly2018-04-23
還是在啊 搞笑
Liam avatarLiam2018-04-25
左右加個margin 就好了
Valerie avatarValerie2018-04-29
哀 醜啊
Hedwig avatarHedwig2018-04-29
超愛蘋果 真棒
Carol avatarCarol2018-05-02
這樣到底是幾吋啦
Catherine avatarCatherine2018-05-06
我很想罵髒話 真這樣實裝我也不見得一定要買蘋果
Lydia avatarLydia2018-05-08
做什麼跟風屏佔比...就真的需要放相機和home嘛
Oliver avatarOliver2018-05-11
等能夠隱藏相機在螢幕後又不影響效果再說吧...
Skylar DavisLinda avatarSkylar DavisLinda2018-05-15
我真的覺得螢幕搞成非長方形非常蠢
Freda avatarFreda2018-05-16
原來這樣叫解決
Sandy avatarSandy2018-05-21
都說是P圖了還在亡者榮耀...
Franklin avatarFranklin2018-05-26
這樣縮減螢幕顯示範圍 出5.8”高屏佔比有鳥用???
Quanna avatarQuanna2018-05-27
設計師真的很慘 https://applealmond.com/posts/12922
Ingrid avatarIngrid2018-05-28
令人無言...
Susan avatarSusan2018-05-30
做出血真的笑死 就因為沒有home鍵
Agnes avatarAgnes2018-06-04
王者榮耀這是P圖的講過了... 請拿掉別誤導大家
Anthony avatarAnthony2018-06-07
Safari團隊那張瀏覽器的圖也是p的啊
Jessica avatarJessica2018-06-10
叭叭 官方誤導 下台？
Sandy avatarSandy2018-06-12
就只是個示意圖而已...
Madame avatarMadame2018-06-13
P個圖一堆酸民高潮XDD
Bennie avatarBennie2018-06-15
所以呢? P圖根本不重要而是在那張橫向的安全區圖
Tristan Cohan avatarTristan Cohan2018-06-19
這種鎖橫向方向用一邊就能解決的事情 弄成假5.8zzzz
Susan avatarSusan2018-06-23
https://i.imgur.com/UbmpN8o.jpg
William avatarWilliam2018-06-25
說的也是，示意圖而己，另一篇才是誤導
Irma avatarIrma2018-06-26
坐等iPhone SEX
Irma avatarIrma2018-06-28
問題可大了，不是酸P圖就能解決的
Iris avatarIris2018-07-02
沒指紋，邊界限制，我看App有的搞了
Joe avatarJoe2018-07-03
這樣子做的話那出全螢幕手機幹嘛？
Irma avatarIrma2018-07-06
https://i.imgur.com/u5EWbBs.jpg
Rosalind avatarRosalind2018-07-09
這解決方案太好笑了
Andy avatarAndy2018-07-10
解決製造問題的app
Mary avatarMary2018-07-11
該說幸好台灣銀行超落後大多不支援指紋辨識嗎......
Franklin avatarFranklin2018-07-11
XDDDDDDDDDDDDDD
Erin avatarErin2018-07-14
縮成這樣搞不好連5.5吋都沒有
Gilbert avatarGilbert2018-07-16
可悲的第一代X
Tom avatarTom2018-07-17
P圖
Kyle avatarKyle2018-07-18
這樣能說是解決嗎。XD
David avatarDavid2018-07-21
這是改ios 還是app都要改？
Caitlin avatarCaitlin2018-07-26
好爛的方法...
Ophelia avatarOphelia2018-07-28
北七XDDDDDDDDD
Thomas avatarThomas2018-08-01
還是很醜
Rebecca avatarRebecca2018-08-04
幹 那這樣我買小螢幕就好了啊...
Necoo avatarNecoo2018-08-07
開發者應該是髒話滿天飛
David avatarDavid2018-08-09
.... 看來只能買 8 了= =
Ula avatarUla2018-08-13
爛解決方式，jobs活著早開除你了
Heather avatarHeather2018-08-13
沒事生產一個製造麻煩的全螢幕，製造大家的麻煩
Poppy avatarPoppy2018-08-14
賈伯斯現在一定很氣 全螢幕竟然醜成這樣
Una avatarUna2018-08-14
瀏海補掉不就好了 脫褲子放屁
Agatha avatarAgatha2018-08-17
所以這樣斜對角剩幾吋...
Doris avatarDoris2018-08-21
竟然不是惡搞 還是官方在惡搞XDDDDD
Rebecca avatarRebecca2018-08-24
8重返榮耀
Irma avatarIrma2018-08-26
那這樣哪算全屏，一開始不要搞那一塊黑黑的不就好了
Elizabeth avatarElizabeth2018-08-31
真的87
Todd Johnson avatarTodd Johnson2018-09-04
糞設計
Ursula avatarUrsula2018-09-05
笑死 假全屏
Madame avatarMadame2018-09-06
X還有更讓人頭痛Oled烙印特性等著，怒買8觀望下一代
Olive avatarOlive2018-09-06
87...這樣螢幕做這麼大就是給他浪費的?
Poppy avatarPoppy2018-09-07
含淚也要買
Emily avatarEmily2018-09-12
白癡哦 鄉民真容易被帶風向 不能做按鈕 沒說不能顯示
資訊啊ZZ
Poppy avatarPoppy2018-09-14
啊彎的地方是要顯示什麼
Todd Johnson avatarTodd Johnson2018-09-14
這種鬼設計還好意思在發表會上拿賈出來鞭屍哦？
Lucy avatarLucy2018-09-16
庫克的審美觀真的悲劇