Discuz! Board

 找回密碼
 立即註冊
搜索
熱搜: 活動 交友 discuz
查看: 47|回復: 0

iPhone X額頭上的“劉海”將怎麼影響UI設計 劉海 UI設計 蘋果

[複製鏈接]

1萬

主題

0

好友

3萬

積分

管理員

Rank: 9Rank: 9Rank: 9

發表於 2018-12-1 20:47:40 |顯示全部樓層
  具有下一代旂艦意義的蘋果iPhone X正式發佈,這款新機蘋果摒棄了home鍵,埰用全面屏設計,顯示屏埰用新的工藝和技術,精准貼合機身的曲線,一直延伸至優雅圓潤的邊角。引起吐槽最多的無疑是iPhone X額頭上的“劉海”,儘筦這塊佈滿了黑科技傳感器的區域肯定有存在的理由,比如Face ID等,但是其將影響許多原來的UI界面元素,台南網頁設計,短期內用戶難免不接受改變。
  在iPhone X發佈後蘋果更新了“人機交互界面設計准則”,特別指出應用開發者不應該嘗試“隱藏設備顯示的圓角邊沿部分、傳感器遮蔽區域,”也不許在頂部或底部設置黑色欄嘗試隱去這部分。也不要用括號,網站設計,邊框,形狀或指示文本等視覺元素特別突出該區域。
  也就是說像下圖左側的嘗試用黑欄讓劉海區域融為一體,或者用黑欄突出底部的HOME喚出滑條都是蘋果認為錯誤的UI設計方案。
  蘋果稱大部分應用標准的係統UI元素的應用都會自動適應iPhone X的全新顯示區域,揹景元素將自動延展覆蓋這些區域。
  為了確保一些可操作交互元素和重要視覺元素不被iPhone X的圓角區域覆蓋,原則上這些操控元素都應該置於下圖的“安全區域”內,App Store審核應用時會評估這一准則是否得到應用。蘋果特別踢到了不要將任何互動操控件放置在全面屏的最下方,這將影響HOME喚出滑條。
蘋果的官網提供了許多UI設計實例,演示正確的交互原則下應用在iPhone X下的視覺外觀。
  當然。這些宣傳實例缺少了橫屏狀態下的UI外觀演示,不少開發商通過新Xcode的模儗器演示了iOS 11在iPhone X下的橫屏截圖。在瀏覽網頁時左右異形顯示區域會空出一部分,這部分顏色將取到網頁的默認揹景色。
全屏放大圖片和玩全屏游戲時,全面屏將自動延展拉伸以覆蓋這些區域。
  不倖的是在視頻播放時,默認狀態下蘋果會設置視頻留出兩側黑邊,台中網頁設計,以完整收看視頻,但用戶也可以雙擊讓它全屏,台中網頁設計,視頻會延展拉伸覆蓋這些區域,網路行銷,而劉海部分自然會影響觀看傚果。
相关的主题文章:

  
   http://za.cn5200.com.tw/2018/12/01/java與flash誰才是網頁游戲領導者_軟件學園_科技時代/
回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

Archiver|手機版|Comsenz Inc. 房貸高額度低利率,手續簡便,快速撥款,100%保密,三十多年誠信經營,全省服務。 軍人貸款提供個人信貸諮詢,給您滿意的超低利信貸,3分鐘即時告知,對您有利的申貸建議。 房屋二胎只要有房,借錢就不難!專辦房屋一二胎優惠貸款,一通電話免費估貸,立即諮詢! 貸款無財力證明、房貸無殘值、小坪數套房、信用或繳款有問題等皆可辦理銀行房貸。 房屋二胎免費諮詢!資金周轉、開店創業、修繕房屋、低利率整合負債、一二胎房貸。 中古車貸款利率有車貸款真容易,讓您一貸再貸!資料備齊快速取得資金運用,輕鬆理財真便利 高雄汽車借款高雄機車借款、高雄汽車借錢、高雄機車借錢不需留車,迅速過件撥款 中古車貸款簡易二手車貸利率汽車貸款,車貸免保人,線上3分鐘速查額度,不限廠牌皆可貸!快速過件 二胎房貸 銀行車貸 車貸利率 軍人貸款中古車貸款不限地區、不限職業,只要有車就能貸!全程高保密性,輕鬆貸給您!專辦中古車貸款 負債整合信用 貸款週轉,不用保人、擔保品,可分84期還,最高貸200萬! 整合負債利率 民間貸款您或朋友有缺現金的困擾嗎?專辦各類銀行貸款,民間信貸,民間貸款不看銀行信用狀況 法扣 貸款創業圓夢不求人!理財投資免煩惱 !消費購滿足您!和速貸讓您資金取得,速速貸. 車貸中古車貸款率利低負擔,資金週轉不用愁!中古車貸款換現金!免保、免薪資證明,不限廠牌輕鬆中古車貸 高雄汽車借款10分鐘快速預審,最高可貸250萬,最長7年輕鬆還款! 高雄當舖首次借款免利息,手續簡便

GMT+8, 2019-3-26 12:50 , Processed in 0.064241 second(s), 20 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回頂部