iOS 深色模式的(de)介紹

2021-03-22 0

本篇教程講 iOS 深色模式的(de)介紹,喜歡的(de)一(yī)起來學(xué)習吧(ba)!




那就開始今天的(de)課程吧(ba)。


1.深色模式是手機系統提供的(de)一(yī)種以深色背景、環境為(wèi)主題的(de)主體樣式,可(kě)以供用戶自(zì)行選擇色彩類型。除了UI系統本身的(de)變更以外,進行了深色模式适配的(de)應用也會切換到深色主體中。


2.深色模式對夜間看電子(zǐ)設備有一(yī)定的(de)好處,但并不僅僅是夜間模式。尼特是亮(liàng)度術語,尼特值越高(gāo)在戶外白天環境中屏幕內(nèi)容越清晰。


3.官方的(de)深色模式是使用黑色文字,導緻黑白對比度非常高(gāo),所以官方模式不是對夜間觀看有100%的(de)加持,設計時可(kě)以不遵照深夜模式的(de)設計規範。


4.官方規範中自(zì)帶色彩提供2個版本,同一(yī)顔色在深色模式下有微調。顔色微調讓色彩在深色模式下與正常模式下色彩看起來一(yī)緻。


5.中性色(灰色)蘋果也進行比較細緻的(de)分級,對背景的(de)應用定義了三個疊加層次。


6.文字在深色淺色模式的(de)使用下定義了四種顔色深度,效果如(rú)下圖所示。文本中越重要的(de)文字,對比度越高(gāo)。


7.UI設計中,文字顔色層級過多會導緻畫面混亂,要減少正色模式下文字使用顔色數量,深色模式文字顔色數量也會減少。


8.深色模式下投影無法正常顯示,所以隻對卡片背景色進行調整。


9.Material卡片是iOS質感的(de)應用方式之一(yī),即毛玻璃效果,深色模式下,毛玻璃效果有4種模糊強度來完成。


10.規範內(nèi)容适用于官方組件,自(zì)定義組件要發揮主觀能動性來調整。在深色模式下要額外調整,不能直接照搬。


11.本節課程結束,謝謝大家,下節課再見。


To Top