|
圖十：mac系統(tǒng)軟件淺色界面的斑馬紋顏色一
Mac系統(tǒng)中例如itunes的界面的斑馬紋，兩者顏色的差異小于系統(tǒng)自身的界面，純度相差3%，明度相差2%，兩者同時(shí)混合作用。同時(shí)每一行的高度和內(nèi)容相對(duì)比較統(tǒng)一，但每一行也有多列的現(xiàn)象。
圖十一：mac系統(tǒng)軟件淺色界面的斑馬紋顏色二
Mac系統(tǒng)中的其他軟件界面中出現(xiàn)的斑馬紋分割，兩者都是小界面，皆是明度的變化，左圖顏色值的明度相差6%，且一行有多列現(xiàn)象，但列數(shù)相對(duì)大界面要少。中圖顏色值的明度相差2%，只有單列，每一行內(nèi)容相對(duì)集中。右圖顏色值明度相差7%，純度相差1%，每一行內(nèi)容比較內(nèi)容相對(duì)統(tǒng)一。
圖十二：mac系統(tǒng)軟件深色界面的斑馬紋顏色二
Mac系統(tǒng)中斑馬紋在深色界面中的表現(xiàn)，為imover與itunes為系統(tǒng)中的同類軟件。兩者的間隔顏色的差異小于系統(tǒng)自身的界面，純度相差3%，明度相差2%，他們的間隔方式和itunes一模一樣。每一行比較規(guī)整同樣有多列現(xiàn)象。
圖十三：Ipad app淺色界面的斑馬紋顏色
Ipad上itunes播放器的界面，除了深淺顏色的分割，還增加了分割線的使用，兩者的間隔顏色所以比較的適中，純度相差1%，明度相差4%。每一行很內(nèi)容統(tǒng)一，且有多列形式，同時(shí)每一行之間的底圖空隙比較大。
圖十四：Ipad app灰色界面的斑馬紋顏色
Ipad上nytimes的界面，除了深淺顏色的分割，同樣增加了分割線的形式，兩者的顏色相差也很適中，純度相差2%，明度相差2%。單行，每一行內(nèi)容很多，但內(nèi)容分布比較統(tǒng)一。
出處：Tencent CDC Blog
責(zé)任編輯：bluehearts
上一頁(yè) 泛泛而談界面中的斑馬紋設(shè)計(jì) [3] 下一頁(yè) 泛泛而談界面中的斑馬紋設(shè)計(jì) [5]
|
第 1 頁(yè) 
第 4 頁(yè) 泛泛而談界面中的斑馬紋設(shè)計(jì) [4]
