成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Material Design之色彩設(shè)計

移動開發(fā) Android
色彩從當代建筑、路標、人行橫道以及運動場館中獲取靈感,由此引發(fā)出大膽的顏色表達激活了色彩,與單調(diào)乏味的周邊環(huán)境形成鮮明的對比。強調(diào)大膽的陰影和高光。引出意想不到且充滿活力的顏色。

SystemIcons icon

色彩從當代建筑、路標、人行橫道以及運動場館中獲取靈感,由此引發(fā)出大膽的顏色表達激活了色彩,與單調(diào)乏味的周邊環(huán)境形成鮮明的對比。強調(diào)大膽的陰影和高光。引出意想不到且充滿活力的顏色。

色樣 - 0.13 MB(.zip)

UI調(diào)色板

調(diào)色板以一些基礎(chǔ)色為基準,通過填充光譜來為Android、Web和iOS環(huán)境提供一套完整可用的顏色。基礎(chǔ)色的飽和度是500。

choose11 icon

choose12 icon

choose13 icon
choose14 icon
choose15 icon
choose16 icon
choose17 icon

UI顏色使用

選擇你的調(diào)色板

限制顏色的數(shù)量,在眾多基礎(chǔ)色中選出三個色度以及一個強調(diào)色。強調(diào)色用于后背,可有可無。

choose1 icon
choose2 icon

為灰色的文字、圖標和分隔線加上alpha值

為了有效地傳達信息的視覺層次,應(yīng)該使用深淺不同的文本。對于白色背景上的文字,標準alpha值為87%(#000000)。視覺層次偏低的次要 文字,應(yīng)該使用54%(#000000)的alpha值。而像正文和標簽中用于提示用戶的文字,視覺層次更低,應(yīng)該使用26%(#000000)的 alpha值。

其它元素,如圖標和分隔線,也應(yīng)該具有黑色的alpha值,而不是實心顏色,以確保他們能適應(yīng)任何顏色的背景。

對于彩色背景上白色或黑色文字,可以通過表格中的調(diào)色板找到合適的色彩對比度和alpha值。

choose2 icon

我們十分鼓勵在UI中的大塊區(qū)域內(nèi)使用醒目的顏色。UI中不同的元素適合主題中不同的色彩。工具欄和大色塊適合使用飽和度500的基礎(chǔ)色,這也是你應(yīng)用的主要顏色。狀態(tài)欄適合使用更深一些的飽和度700的基礎(chǔ)色。

choose4 icon
choose5 icon

強調(diào)色

鮮艷的強調(diào)色用于你的主要操作按鈕以及組件,如開關(guān)或滑片。左對齊的部分圖標或章節(jié)標題也可以使用強調(diào)色。

choose6 icon
choose7 icon

備用強調(diào)色

如果你的強調(diào)色相對于背景色太深或者太淺,默認的做法是選擇一個更淺或者更深的備用顏色。如果你的強調(diào)色無法正常顯示,那么在白色背景上會使用飽和度500的基礎(chǔ)色。如果背景色就是飽和度500的基礎(chǔ)色,那么會使用100%的白色或者54%的黑色。

choose5 icon

主題

主題是對應(yīng)用提供一致性色調(diào)的方法。樣式指定了表面的亮度、陰影的層次和字體元素的適當不透明度。為了提高應(yīng)用間的一致性,提供兩種主題選擇:

  • 淺色
  • 深色

主題 - 1.3 MB(.ai)

choose9 icon
choose10 icon

原文:Color翻譯:arjinmc校對:PoppinLp

責(zé)任編輯:閆佳明 來源: design.1sters
相關(guān)推薦

2014-12-08 14:35:51

Material De真實動作

2014-12-08 15:03:17

Material De圖像

2014-12-08 14:15:48

Material De字體排版

2018-04-25 09:06:32

Chrome瀏覽器語言

2014-09-10 10:35:11

Material De設(shè)計原則

2014-08-19 16:10:05

Material DeUI設(shè)計趨勢

2014-08-21 15:40:53

Material De真實動作

2014-08-21 15:29:29

Material De概述

2014-08-11 11:19:19

Material De

2015-07-21 15:02:37

設(shè)計扁平

2014-08-07 14:19:46

Material DeGoogle

2014-07-02 10:26:52

Material DeGoogle

2014-08-07 10:13:43

谷歌Material De設(shè)計規(guī)范

2011-05-12 17:38:34

2017-02-14 13:35:15

AndroidMaterial De動畫

2014-07-22 10:44:21

Material De

2015-08-07 10:24:17

AndroidMaterialDes

2014-10-27 14:18:06

Material De交互響應(yīng)

2014-06-26 10:21:04

Material DeSwift

2016-01-31 13:50:55

Material DeChrome瀏覽器
點贊
收藏

51CTO技術(shù)棧公眾號

主站蜘蛛池模板: 亚洲男人天堂网 | 精品毛片| 91影院在线观看 | 日日夜夜91 | 日韩av一区二区在线观看 | 国产精品视频一二三区 | 日韩午夜影院 | 国产乱xxav | 国产免费一区二区三区 | 国产高清免费 | 欧美精品福利视频 | 欧美一区二区三区在线观看 | 中文字幕 在线观看 | 久久蜜桃精品 | 日韩有码一区二区三区 | 亚洲一二三区免费 | 亚洲区一区二区 | 国产传媒视频在线观看 | 手机看片在线播放 | 玖玖玖在线观看 | 国内精品久久久久久久影视简单 | 婷婷综合| 欧美网址在线观看 | 福利精品 | 91免费在线播放 | 国产精品视频在线免费观看 | 成人精品一区二区三区 | www.日韩高清 | 国产一区二区三区视频在线观看 | 国产一在线观看 | www.久久国产精品 | 女同av亚洲女人天堂 | 99精品欧美一区二区蜜桃免费 | 国产精品亚洲一区二区三区在线 | 中文字幕国产精品视频 | 精品久久香蕉国产线看观看亚洲 | 日韩三级视频 | 国产福利小视频 | 久久精品色欧美aⅴ一区二区 | 99热.com| 中文字幕视频一区二区 |