顯示廣告
隱藏 ✕
※ 本文為 MindOcean 轉寄自 ptt.cc 更新時間: 2017-09-26 16:22:03
看板 Gossiping
作者 rick102233 (rick102233)
標題 [爆卦] 別酸啦!蘋果解決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/
iPhone X - Overview - iOS Human Interface Guidelines
Learn about designing apps for iOS. ...

 

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輸入指紋這樣

結果被蘋果下架?!








--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.34.54.142
※ 文章代碼(AID): #1PoVgNl- (Gossiping)
※ 文章網址: https://www.ptt.cc/bbs/Gossiping/M.1506409111.A.BFE.html
crossdunk: 這到底是潮還是臭啊1F 09/26 14:59
gaymuscle: M禿機2F 09/26 14:59
gtoamdk7: 優化 支那用語3F 09/26 14:59
RRADA: 臉部辨識在韓國行不通啊4F 09/26 14:59
Moratti: M型禿5F 09/26 14:59
pipiispipi: 達爾機6F 09/26 14:59
sobiNOva: 真的很鳥 那這樣要無邊框幹嘛XDD7F 09/26 14:59
gaymuscle: 醜8F 09/26 15:00
gvvg5566: 信仰充滿9F 09/26 15:00
Tapqou: 庫克真的滿無能的= =10F 09/26 15:00
sysop5566: 那瀏海要幹嘛11F 09/26 15:00
linfon00: .....削足適履 現代正解版12F 09/26 15:00
james732: 反正全部都推給APP開發者去頭痛就對了13F 09/26 15:01
sysop5566: 你乾脆顯示器設計小一吋 假掰14F 09/26 15:02
x04nonesuchx: 無邊框又縮減畫面大小 貧果邏輯15F 09/26 15:02
berice152233: 削足適履 哈哈哈哈哈16F 09/26 15:02
tentaikanso: 那全屏面不就講爽的,真正顯示跟其他螢幕一樣...17F 09/26 15:02
ROCYC0125: 醜死18F 09/26 15:02
meredith001: 沒事兒 碼農還是繼續捏著懶趴寫啊 蘋果使用者就是屌19F 09/26 15:03
coon182: 全屏5.79 削足適履4.720F 09/26 15:03
CobeBryant: 瀏海真的醜 還是買8就好21F 09/26 15:03
zhttp: 這叫哪門子的解決瀏海 瀏海一直都在啊 本來去home鍵是為了22F 09/26 15:03
SupCat: 反正果粉還是會支持 就吞了吧23F 09/26 15:03
omage: 沒有辦法解決問題,但是我們可以解決製造問題的APP24F 09/26 15:03
zhttp: 增加螢幕佔比 結果改成虛擬後 下面擋一整條25F 09/26 15:03
berice152233: 真的不如S8給他加上一個均衡的上下黑邊26F 09/26 15:03
violegrace: 所以用這垃圾瀏海幹嘛?27F 09/26 15:04
vn509942: 幹娘娘老雞擺28F 09/26 15:04
jakcycoco: 這邏輯是不是有啥問題?.....29F 09/26 15:04
f124: .................什麼低能處理方式30F 09/26 15:04
Toge: 結果還是要切邊,萬一烙印那沒切邊的app不就很明顯XDDDD31F 09/26 15:04
f124: 跟支那搞綠壩有什麼差別 煩死了32F 09/26 15:04
sysop5566: iPhoneX是抄襲哪台33F 09/26 15:04
Nikon610: 還是很想笑 直接pass這一代34F 09/26 15:05
ogogcat: ..... 脫褲子放屁 ??35F 09/26 15:05
Nikon610: i7目前就很完美了36F 09/26 15:05
BENCH5566: 怒噓37F 09/26 15:05
berice152233: S8>小米MAX>>>>>>>>>>>IPX38F 09/26 15:05
pooznn: 放影片時的全螢幕呢?39F 09/26 15:05
u9596g12: 跟對面解決提出問題的人有87%像40F 09/26 15:06
Newtype: 以前都是安卓設計師頭痛各種螢幕 輪到蘋果的頭痛了XD41F 09/26 15:06
jrshiun: 不忍噓, 這不是爆掛阿42F 09/26 15:07
sysop5566: 放影片時的全螢幕 16:9 變 4:343F 09/26 15:07
open00937: 8744F 09/26 15:07
bmchaos: XDDDDDDDDDD45F 09/26 15:07
Aatrox: 借轉iPhone板46F 09/26 15:08
eric112: cook把iPhone搞成這樣實在是爛透了47F 09/26 15:08
sysop5566: 要避開這些位置啊 不然呢48F 09/26 15:08
Aatrox:轉錄至看板 iPhone                                        09/26 15:08
horseorange: 反正給開發者忙就好了 就怕忙半天下代沒禿頭49F 09/26 15:08
werttrew: 真正的喜憨兒....50F 09/26 15:08
linceass: 那你做瀏海幹嘛?XDDDDDDDDDD 這不是縮小螢幕面積嗎51F 09/26 15:09
zhttp: 我的iPhoneX都沒辦法用5.8吋全螢幕 改把左右下方擋起來 看52F 09/26 15:09
zhttp: 起來精緻又美觀 跟4.7吋的iphone7有87%像
linceass: 螢幕做那麼大 結果開發APP還要自我縮限54F 09/26 15:10
uhmeiouramu: 一堆看不懂字的吧.....人家是說旁邊不要有控制API55F 09/26 15:10

意思是不可以填充這些位置就對了

uhmeiouramu: 不是叫你整個app縮放到框裡面....56F 09/26 15:11
je789520: 幹超廢 螢幕比 瞬間變小57F 09/26 15:11
Mario5566: 廢到笑58F 09/26 15:12
ryan0714123: 醜死59F 09/26 15:12
Pocer: 庫克:這是信仰的考驗 信徒你們要撐住啊!60F 09/26 15:12
※ 編輯: rick102233 (1.34.54.142), 09/26/2017 15:13:10
sysop5566:  https://i.imgur.com/Mf4OeV7.jpg 不縮怎麼顯示 被擋61F 09/26 15:12
[圖]
 
windyyw: 5.8變5吋這樣?那不跟iphone 8有87%像?62F 09/26 15:12
w113353: 這樣買iPhone 8不就好了63F 09/26 15:13
Toge: 那你告訴我看影片玩遊戲左邊缺一塊是要怎麼看..如果不切的話64F 09/26 15:13
QCANCER: 話說那設計這樣螢幕到底是什麼想法阿...65F 09/26 15:13
littlefiona: 這樣螢幕更小了欸 4有比較好嗎66F 09/26 15:13
fix78: 那全屏跟垃圾一樣啊…67F 09/26 15:14
LeonardoChen: 更白痴了,削足適雞68F 09/26 15:15
excia: 北七 那做瀏海衝三小69F 09/26 15:15
yyc1217: 原來是解決開發者呀XDDD70F 09/26 15:16
stu25936: 軟體設計: QQ71F 09/26 15:16
hellogym: Apple 重新定義全面屏72F 09/26 15:17
f124: iphone怎麼不自己寫限制套在ios上就好 幹嘛叫開發者寫?73F 09/26 15:17
linceass: 所以超奇怪啊 整個黑人問號74F 09/26 15:18
windyyw: 幹你X apple 騙子公司75F 09/26 15:18
fuhaho: 多那一塊真的敗筆中的敗筆76F 09/26 15:18
syterol: 下一代就自打臉了,坐等果蠅吃屎77F 09/26 15:18
ym010273: 那做瀏海全屏做什麼?神經病設計耶...78F 09/26 15:19
orz7887245: 說真的,庫克你還是下台換人試試看吧!79F 09/26 15:19
ajan007: 賈伯斯:幹!這甚麼鬼?80F 09/26 15:19
wujulian: 爛標題 根本沒解決啊81F 09/26 15:20
menshuei: 有沒有優良的示範利阿,找幾個設計優良的軟體來看看怎82F 09/26 15:21
menshuei: 麼排版跟利用,要不然根本看不懂這種設計方式。
Peteroo: 突然覺得愛瘋X很烙賽XDDDD84F 09/26 15:21
oGsMvP: 超爛wwww85F 09/26 15:21
swe1096: 自打臉的削足適履XDDDD86F 09/26 15:22
bruce511239: 幹嘛不學note8就好了 往下切齊87F 09/26 15:22
Jayferrari: 純虛庫克................上流廢88F 09/26 15:22
linceass: 你鞋子穿不下 怎麼不把腳割掉一些肉89F 09/26 15:22
bruce511239: 那一塊螢幕做狀態欄90F 09/26 15:22
linceass: 真的快笑死了 5.8吋大螢幕根本灌水91F 09/26 15:23
abramtw: XS 肯定就不會有瀏海了92F 09/26 15:24
k03004748549: 好廢93F 09/26 15:24
aimgel: 低能設計 瀏海機94F 09/26 15:24
a58805082: 所以瀏海是用來做啥的,那麼重要不能砍95F 09/26 15:24
impact999: 笑死人 出那麼大的螢幕不給滿版 果蠅快來護航啊96F 09/26 15:24
lovew811159: Ix垃圾不意外97F 09/26 15:25
Wtrmln0708: 真的很廢ww98F 09/26 15:25
hw1: 買X的人真的不知道在想啥99F 09/26 15:26
jokebbs: 好多人不知道瀏海裡面是什麼..卓粉來湊熱鬧?100F 09/26 15:27
swe1096: 瀏海裡面是什麼101F 09/26 15:29
aimgel: 各位觀眾 十週年紀念機 瀏海機  真的66666666666666102F 09/26 15:30
homestay: 超低能103F 09/26 15:30
Khauf: 果粉高潮104F 09/26 15:31
menshuei: 連小米這種公司都可以做到無瀏海了,蘋果到底在幹嘛105F 09/26 15:32
kichitai: 拿石頭砸自己腳的設計106F 09/26 15:32
YamagiN: 靠北XDDDDDD有夠好笑107F 09/26 15:32
aimgel: 看到這種低能設計 應該全力放空蘋果股108F 09/26 15:33
fr373969: 超智障109F 09/26 15:33
kevinpc: 這樣真的很鳥110F 09/26 15:33
reinforce15: 騙肖欸 你這爆卦跟空口白話有87像 我賭你連千行內111F 09/26 15:33
guogu: 太天才了w112F 09/26 15:33
reinforce15: 程式碼都沒寫過                                    

我哪裡有亂爆?蘋果限制就是不能把控制介面跟顯示內容放在紅區,有錯怎麼不指正?

09/26 15:34
taker627: 信仰無價 感恩庫克 讚歎庫克 果粉還是覺得很美啦 XDDD114F 09/26 15:34
zxcxxx: 一種iX秒變i8的概念115F 09/26 15:35
x0003: 連支那免洗手機都不會做這麼廢116F 09/26 15:35
TitanEric: 我寫過app都笑了 還要限制developer…117F 09/26 15:38
cka: 結果5.8吋剩下能用到的到底剩多少?118F 09/26 15:38
howard878: 那你做那個瀏海幹嘛119F 09/26 15:38
XECHS: 瀏海就是為了臉部辨識而設的...但是真的超鳥= =120F 09/26 15:38
cka: 整個蠢到爆炸..121F 09/26 15:38
johnny3: 智障圓角比智障瀏海更麻煩吧122F 09/26 15:38
※ 編輯: rick102233 (1.34.54.142), 09/26/2017 15:42:30
Qoo20811: 蘋果這種垃圾公司的新創能力現在連對岸都能屌打了123F 09/26 15:40
Qoo20811: 智障果果還能舔成這樣真的很可悲
scuderia: 上面凸一塊真的很智障,螢幕縮一點做成平的就好了,找事125F 09/26 15:42
gamania5972: 蘋果真的越來越鳥126F 09/26 15:42
Whitening: 意思是前額禿,把旁邊兩側的頭髮也剃光的概念127F 09/26 15:43
Leoreo: 哈哈 以前不是很愛酸人海苔條 UCCU128F 09/26 15:44
chinhan1216: 幹 還不是一樣 達爾機129F 09/26 15:44
JackaLMeI: 解決提出問題是的人130F 09/26 15:44
jympin: 重新定義 是我蘋果131F 09/26 15:44
dannpptt: 中國米都能做出無邊框了 蘋果真是笑話132F 09/26 15:45
oyaji5566: 很簡單,鎖住app轉向就好了,沒事兒133F 09/26 15:46
ptt80357: 太機智了吧134F 09/26 15:46
Nikon610: 邱毅這專屬機款135F 09/26 15:47
akaolu: 笑了 重新定義136F 09/26 15:47
Merkle: 怎麼感覺超爛 = =137F 09/26 15:48
felix1017: 這樣影片模式下 到底變幾吋啊?138F 09/26 15:48
ffmx: 信仰之尖139F 09/26 15:48
bill91305: 那瀏海有點鳥XD140F 09/26 15:49
cul287: 庫克XD141F 09/26 15:49
bitcch: 感謝apple 讚嘆apple142F 09/26 15:49
prog: 醜 不過果迷照買單143F 09/26 15:50
lovesora: 超白癡設計144F 09/26 15:50
LoveMakeLove: 說得好,我決定買小米MAX2145F 09/26 15:50
magamanzero: JOBS還在世應該會把庫克火了.....146F 09/26 15:51
shintz: 解決提出問題的人最快了 哈哈147F 09/26 15:52
david1230: 還是出新機吧 這代直接pass148F 09/26 15:52
fggdog: 庫克........快點滾下台 拜託149F 09/26 15:52
mimikillua: 結果螢幕實際上變小了 遜斃150F 09/26 15:53
kos74185: https://imgur.com/7yZhgwx151F 09/26 15:54
 
antigidu: 乾脆用黑色膠帶貼住152F 09/26 15:55
champhon: 幫哭哭153F 09/26 15:55
PePePeace: 蘋果就是蘋果 重新定義app154F 09/26 15:57
iamDC123: 樓上那是正解嗎155F 09/26 15:57
Nigger5566: 有夠87156F 09/26 15:57
JackaLMeI: 看起來和5吋螢幕大小有9成像157F 09/26 15:59
PePePeace: kos 大的圖夠酸 XDDD158F 09/26 16:00
yanli2: 白癡 哪幹嘛多那塊銀幕?剪掉的話成本不就降低了159F 09/26 16:00
neilisme: 全面屏本來就是一點意義都沒有160F 09/26 16:01
ZMittermeyer: 軟體企業部門全面崩潰 食屎啦161F 09/26 16:01
kbpoop: 笑死162F 09/26 16:02
cage820518: 絕對不會買163F 09/26 16:03
aliensu: kos大圖有酸xd164F 09/26 16:04
DIDIMIN: 蘋果只剩下為了噱頭而噱頭,零分165F 09/26 16:05
selfconfi: 真的很白癡…166F 09/26 16:05
ealleneee91: 不太懂..反正就是把螢幕縮笑??所以就不怕切邊??167F 09/26 16:07
rick102233: 因為沒有home鍵 要從下往上滑 所以不能把介面放在最下168F 09/26 16:07
eas06u4: 那你這樣號稱無框全屏幹嘛  真是欠人算169F 09/26 16:07
rick102233: 瀏海就不說了 不能讓顯示內容被遮 又要符合比例170F 09/26 16:08
ptrex: 自以為是 不做市調的品牌。171F 09/26 16:08
SnakeO: 笑死,這種解決方法從一看到瀏海我就想到了 XD172F 09/26 16:08
rick102233: 所以限制必須往內縮很正常 同時蘋果限制不能遮瀏海173F 09/26 16:08
aliensu: bang!!!174F 09/26 16:09
SnakeO: 看起來就是沒辦法全面屏硬要弄175F 09/26 16:09
moeliliacg: 那螢幕做麼大幹嘛 笑死人176F 09/26 16:11
magamanzero: 話說這標題應該改成蘋果解決了 APP 開發商177F 09/26 16:11
an0202: 到底為什麼不能同時有face ID跟Touch ID= =178F 09/26 16:15
force5566: oled這樣子不會烙印?179F 09/26 16:16
followwar: 庫克..............180F 09/26 16:16
jimli: 好一個削足適履 賈伯斯死不瞑目阿 被庫克搞成這樣181F 09/26 16:16
TabrisKai: 庫克去HOME鍵~~~~182F 09/26 16:17
riddler: 劉海旁的2小塊螢幕就是i8+~799跟iX~999鎂的差別所在XD183F 09/26 16:17
whizz: 北七! 這叫全螢幕?184F 09/26 16:17
jimli: 這樣以前ios比較好開發現在為了多一個x的瀏海要複雜很多185F 09/26 16:17
ruby00514: 沒關係 果粉還是會買186F 09/26 16:18
soarling: 這不是脫褲子放屁…187F 09/26 16:18
musicfire: 賈柏斯看到會氣死吧,不對他已經死了188F 09/26 16:19
zzzzzken: 優化不算支那用語吧....189F 09/26 16:20
JudgmentLin: XD190F 09/26 16:20
s81048112: 靠 這樣還叫全螢幕191F 09/26 16:21
a77520601: 真的很白痴的設計192F 09/26 16:21

--
※ 看板: Gossiping 文章推薦值: 0 目前人氣: 0 累積人氣: 16233 
※ 本文也出現在看板: terievv PttHot K_hot
作者 rick102233 的最新發文:
點此顯示更多發文記錄
分享網址: 複製 已複製
1樓 時間: 2017-09-26 15:35:06 (台灣)
  09-26 15:35 TW
幹!UI工程師怒噓!
2樓 時間: 2017-09-26 15:39:27 (台灣)
  09-26 15:39 TW
還是不會買
3樓 時間: 2017-09-26 16:24:49 (台灣)
  09-26 16:24 TW
4.7"
4樓 時間: 2017-09-26 16:33:07 (台灣)
  09-26 16:33 TW
蘋果你敢嘴?? 蘋果出產絕無瑕疵好嗎!
5樓 時間: 2017-09-26 16:41:49 (台灣)
  09-26 16:41 TW
···
賈柏斯死太早
6樓 時間: 2017-09-26 16:44:58 (台灣)
  09-26 16:44 TW
老賈應該是被氣死的...
7樓 時間: 2017-09-26 17:01:03 (台灣)
  09-26 17:01 TW
···
要是Jobs還在應該會砍掉重練...
8樓 時間: 2017-09-26 17:03:27 (台灣)
  09-26 17:03 TW
87
9樓 時間: 2017-09-26 17:11:46 (台灣)
  09-26 17:11 TW
所以很容易解決,酸民要再想酸點了。
10樓 時間: 2017-09-26 17:14:19 (澳門)
     (編輯過) MO
這個解決方法可多了…而且蘋果從ios下手應該就OK...這貌似是在未更新前的暫時解暫方案而已
11樓 時間: 2017-09-26 17:29:27 (台灣)
  09-26 17:29 TW
感覺faceID這設計不會活太久
12樓 時間: 2017-09-26 17:58:36 (台灣)
  09-26 17:58 TW
看來股票大跌有望
13樓 時間: 2017-09-26 19:05:51 (台灣)
  09-26 19:05 TW
除非瀏海之後有突破性的功能 要不縮小畫面到底在幹三小
14樓 時間: 2017-09-26 19:48:02 (台灣)
  09-26 19:48 TW
你降價才不會有人酸
15樓 時間: 2017-09-26 21:17:52 (台灣)
  09-26 21:17 TW
這個十年經典機,要被笑十年了。
16樓 時間: 2017-09-26 21:28:06 (台灣)
  09-26 21:28 TW
結果是裁減螢幕,沒救啦
17樓 時間: 2017-09-26 23:41:57 (台灣)
  09-26 23:41 TW
看來這造型比照i6~i8最少撐4年
18樓 時間: 2017-09-26 23:56:57 (台灣)
  09-26 23:56 TW
沒有賈伯斯 蘋果不再是蘋果....
19樓 時間: 2017-09-27 08:24:27 (台灣)
  09-27 08:24 TW
哈哈  蘋果  哈哈
20樓 時間: 2017-09-27 10:10:47 (台灣)
  09-27 10:10 TW
Apple pay...
21樓 時間: 2017-09-27 19:33:29 (台灣)
  09-27 19:33 TW
川普的德政
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇