文章編輯：網(wǎng)站建設 文章來源：建站行業(yè)資訊 瀏覽量：次
頂部的黑色凹槽采用了許多最先進的技術：紅外攝像頭、環(huán)境感應器、光感傳感器等——所有這些都是用來支持面部識別的。
iPhone X 網(wǎng)頁制作之頂部凹槽設計
這也意味著你從看視頻到玩游戲，始終會在價值1000 $的手機頂部看到一個黑色凹槽 - 但隨著時間的推移，這可能會讓人賞心悅目。為了適應這一點，蘋果公司在硬件，軟件和iOS交互方面做了很多變化，Safari的網(wǎng)站呈現(xiàn)就是其中之一。
網(wǎng)頁制作前端如何在iPhone X上的網(wǎng)頁呈現(xiàn)橫屏
在橫屏模式下，iPhone X呈現(xiàn)的是帶有白色條紋的網(wǎng)頁。盡管很多部分都有不同的顏色背景，蘋果自己的官網(wǎng)也是由這些白色的線條呈現(xiàn)。
能讓你的頁面更有特色的唯一方法是給你的手機網(wǎng)頁設置一個合適的背景顏色——一個確保大多數(shù)情況下與你的品牌/網(wǎng)站的顏色方案一致的顏色。
body {
background-color:#676767;
}
然而，在同一頁上有不同背景顏色、漸變或圖案的部分，仍然會在兩邊顯示選中的正文背景顏色。
網(wǎng)頁前端UI設計之豎屏
當手機在豎屏時(這也是人們最常用的方式)，當視窗貫穿所有的邊緣時，兩邊都沒有白色線條。
在豎屏模式下，iPhone X會在其周圍滲透至整個屏幕。它是浸入式的，這樣，視窗可以無縫地貫穿四邊的圓角。
此外，狀態(tài)和URL /導航條會占用網(wǎng)頁的自定義背景顏色。
這類似于Android上的Chrome，呈現(xiàn)主題顏色的元標簽，在整個狀態(tài)欄中占據(jù)網(wǎng)頁的主色。
縱向方向打開了推動品牌顏色發(fā)展的新天地，并且進一步的縮小了漸進式網(wǎng)絡應用程序和本地應用程序之間的差距。另一方面，Safari上的橫屏網(wǎng)頁呈現(xiàn)與縱向有些關聯(lián)。隨著時間的推移，我們看看它是如何演變的也是一件有趣的事。
iPhone X的最佳網(wǎng)頁制作頁面圍繞新的設計指南-凹槽設計，蘋果公司強調(diào)iOS開發(fā)人員不會隱藏設備的圓角，或者在他們的應用程序凹槽周圍添加黑塊。深圳網(wǎng)站制作博納網(wǎng)絡編輯整理。
[聲明]本網(wǎng)轉載網(wǎng)絡媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點，本網(wǎng)不承擔此類稿件侵權行為的連帶責任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權，請您的相關內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認后，會立即刪除，保證您的版權。
