久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

網(wǎng)頁配色中的疊柔配色法

  本文沒有咬文嚼字的地方,只是一個(gè)配色技巧的分享,十分簡單,簡單到流淚,但或許對你來說又十分實(shí)用,實(shí)用到無語。原本就是天然的饋贈,你我只是順手采擷之......

  網(wǎng)頁視覺層面主要是由形式(或叫布局)、色彩、圖片和文字信息組成,設(shè)計(jì)師通常對形式感關(guān)注的比較多,因?yàn)橐曈X沖擊力、設(shè)計(jì)差異性或創(chuàng)新大多都仰賴形式呈現(xiàn),而色彩主要影響整體觀感、設(shè)計(jì)品質(zhì)以及受眾情緒,很多時(shí)候我們設(shè)計(jì)了一個(gè)不錯(cuò)的形式卻未能做出這個(gè)稿子應(yīng)有的品質(zhì),會不會太可惜?

  形式需要思考創(chuàng)造,圖片素材需要學(xué)習(xí)處理,文字需要梳理編排,但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗(yàn)沉淀才能運(yùn)用自如?

  當(dāng)然不!

  關(guān)于網(wǎng)頁配色

  網(wǎng)頁配色的文章在網(wǎng)絡(luò)上很多,甚至有些泛濫,稍微關(guān)注過的同學(xué)應(yīng)該都知道"色輪"、"色卡"等輔助性配色工具,但那更多都是從印刷介質(zhì)上的色彩系統(tǒng)延伸出來的,不完全適用于網(wǎng)頁,甚至造成很大的局限,比如你會較真的通過色輪來選用網(wǎng)頁色彩嗎?再比如通過下面提供的配色組合,你能自由的應(yīng)對一個(gè)又一個(gè)的類型相若的網(wǎng)頁設(shè)計(jì)需求嗎?

網(wǎng)頁配色中的疊柔配色法  三聯(lián)教程

  由于CMYK與RGB色彩模式不同,網(wǎng)頁的色彩呈現(xiàn)數(shù)量要龐大的多,選用也應(yīng)該更自由,但在配色上卻常碰到設(shè)計(jì)作品偏臟、發(fā)灰、花哨等大問題,這事兒得解決。

  網(wǎng)頁案例剖析

  "網(wǎng)頁配色不宜超過三種。"

  真理,這沒錯(cuò),但更多是從色相(赤橙黃綠青藍(lán)紫等不同顏色)上來說的。

  色相差異明顯,主要色彩的選取就比較好辦,常見的有對比色、臨近色、冷暖色調(diào)互補(bǔ)等方式,可以簡單設(shè)定,或直接從成功作品中借鑒主輔色配比都可以,比如常見的朱紅點(diǎn)綴深藍(lán)、明黃點(diǎn)綴深綠等。

  但通常,我們需要面對的設(shè)計(jì)需求在色彩分配上會有更多的問題出現(xiàn):

  (由于本人從事游戲網(wǎng)頁視覺設(shè)計(jì)工作,故案例均以游戲網(wǎng)頁做示意說明,其他網(wǎng)頁類型可以做延伸思考或僅作參閱)

  如上所示,根據(jù)網(wǎng)頁信息的多寡,會有更多色彩區(qū)域的層級劃分和文字信息層級區(qū)分需求,那么在守住"網(wǎng)頁色彩(相)不超過三種"的原則下,只能尋找更多同色系的色彩來完善設(shè)計(jì),也就是在"飽和度"和"明度"上做文章。

  這也就是本文為解決這一問題所要分享的"天然"配色技巧:疊柔配色法。

  疊柔配色技巧分享(這里才是正文,上面都是廢話)

  這個(gè)方法非常簡單,無需知道三角函數(shù)、四則運(yùn)算,無需理解色彩指數(shù)和直方圖,甚至不用了解色階曲線和亮度強(qiáng)弱......甚至,你可以對色彩毫無知覺。

  ★只需要明白三個(gè)關(guān)鍵詞:疊加、柔光和透明度(填充)。

  如果連這三個(gè)關(guān)鍵詞都不甚明了,那就記住他們所在的位置(下圖):

  注意:透明度與填充略有不同,填充不會影響到"混合選項(xiàng)"的效果,而透明度則是作用于整個(gè)圖層。

  順便,花幾分鐘時(shí)間了解一下這個(gè)配色技巧的原理:

  即:用純白色(#ffffff)和純黑色(#000000)通過"疊加"和"柔光"的混合模式(效果類似調(diào)整飽和度和明度),在任意一個(gè)色彩上得到最匹配的顏色(然后通過調(diào)整透明度選取最適合的輔色)。

  (上圖示例中,調(diào)整疊/柔模式的黑白色塊的不同透明度(取10%到100%整數(shù)值為例)就可以得到差異較明顯的40種配色,通過這種技巧,理論上每一種顏色都可以輕易獲得無窮盡的"天然配色",并且是"0失誤"!)

  ★ 由于疊加和柔光模式對圖像內(nèi)的最高亮部分和最陰影部分無調(diào)整,因此該配色方法對純黑色和純白色不起作用。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 国产乱码精品1区2区3区 | 欧美黄色网络 | 国产成视频在线观看 | 亚洲国产一区视频 | 一区二区三区视频在线 | 成人性视频在线播放 | 国外成人在线视频 | 欧美日韩在线一区二区三区 | www.色综合| 一级毛片在线播放 | 蜜桃视频成人 | 亚洲福利网 | 国产一级特黄视频 | 欧美日本韩国一区二区 | 一区二区三区高清 | 欧美乱大交xxxxx另类电影 | 亚洲国产成人精品女人久久久 | 一区二区三区四区视频 | 在线国产视频 | 国产视频欧美 | 日本一区二区三区四区 | 亚洲欧美第一视频 | 亚洲一区中文字幕 | 国产精品视频在线播放 | 成人精品一区二区三区中文字幕 | 在线亚洲免费 | 精品国产一区一区二区三亚瑟 | 888久久久| 国产一级片免费在线观看 | 亚洲精品在线免费 | 国产亚洲一区二区三区在线观看 | 精品久久国产老人久久综合 | 国内精品视频在线 | 午夜精品久久久久久久久久久久久 | 91久久精品一区二区二区 | 奇米视频777 | 成人久草| 91九色视频 | 四虎影视一区二区 | 免费国产一区二区 | 亚洲高清三级 |