網(wǎng)站設(shè)計(jì)如何使用單色調(diào)色板

當(dāng)你開始一個(gè)新的網(wǎng)站設(shè)計(jì)項(xiàng)目時(shí)，單色方案可能并不會成為你的第一個(gè)方案選擇對象。但是，擁有單一顏色的設(shè)計(jì)項(xiàng)目可能會有很大的影響，并有機(jī)會擴(kuò)展并嘗試一些新的設(shè)計(jì)趨勢和技術(shù)。

單色項(xiàng)目，顧名思義是由一個(gè)只有一種顏色的調(diào)色板組成的，他可能在一定程度上會更能引人注目，因?yàn)樗鼈儾幌窬哂懈囝伾兓钠渌?xiàng)目那樣普遍存在。所以，僅此一點(diǎn)，你已經(jīng)完勝其他的項(xiàng)目，脫穎而出了。
1.基色選擇

關(guān)于使用單色色彩，我認(rèn)為在網(wǎng)頁設(shè)計(jì)中最難的部分是如何選擇你要使用的顏色？現(xiàn)在我們只有一種顏色的選擇，那么最好的選擇是什么？
你可以考慮一下你想要設(shè)置的主題或情感，然后圍繞你已經(jīng)聯(lián)想到的關(guān)鍵詞來選擇一個(gè)最適合的顏色。
· 紅色：愛，激情；
· 藍(lán)色：和諧，信任；
· 綠色：希望，自然；
· 黃色：有趣，充滿能量；
· 粉色：浪漫，溫柔；
· 紫色：信仰，夢幻；
...
其次，你可以考慮你的品牌色，是否有一種顏色可以從你的logo或品牌色中提取出來，并可以成為一種合適的顏色選擇？
最后，考慮飽和度。單色調(diào)色板是使用大膽、明亮、完全飽和的色調(diào)，還是選擇更柔和、更輕松的色調(diào)？它可以是兩者的結(jié)合嗎？根據(jù)顏色的選擇，當(dāng)你在使用相應(yīng)的輔助色的時(shí)候有很多的選擇。

2.明智地使用淺色澤、色值和暗色澤

對于單色色彩方案，你需要色彩有一些變化，你需要掌握一些色值的基礎(chǔ)知識，通過淺色澤和暗色澤，你可以創(chuàng)建一個(gè)顏色的不同版本(你幾乎可以把每一種版本都看成是一種額外的顏色)。
· 淺色澤：通過在基色中添加白色，可以使它更輕；
· 色值：通過自基色中添加灰色，使其更加豐富，但在飽和度上有缺失；
· 暗色澤：通過在基色中添加黑色，使顏色更暗，
正如你使用包含多種顏色的調(diào)色板一樣，通過調(diào)整基色的淺色澤、色值和暗色澤，為每種顏色選擇一個(gè)角色，并在整個(gè)設(shè)計(jì)中堅(jiān)持使用它。你可能會發(fā)現(xiàn)你有更多的“顏色”而不是一個(gè)單一的調(diào)色板。
你需要確保顏色的變化與下一個(gè)步驟之間有足夠的對比，這樣顏色的變化對于用戶來說就顯而易見了。
在實(shí)際的工作中一些最有趣的單色效果病史在網(wǎng)站設(shè)計(jì)中，而是在與打印項(xiàng)目有關(guān)的平面設(shè)計(jì)中。像foiling或UV這樣的技術(shù)，可以在cardstock或宣傳冊上表現(xiàn)的更好，更漂亮，比如Icon和TOC(上圖)。額外的圖層為單色設(shè)計(jì)增添了質(zhì)感和專業(yè)的技巧感。
3.與其他元素相輔相成

使用單色設(shè)計(jì)最困難的部分是，你需要將不同的元素融合在一起而不會有個(gè)體的感覺，以保持yoghurt的注意力在設(shè)計(jì)中。顏色差異越小，就越難以把控和實(shí)現(xiàn)。
比如，當(dāng)你選擇使用一個(gè)黑色的單色調(diào)色板時(shí)，你需要考慮文本和其他元素需要怎么表現(xiàn)以建立流動(dòng)和對比。使用單色的簡單元素可以防止設(shè)計(jì)變得太過繁雜。
· 使用顏色疊加：保持顏色的完整性，將圖像轉(zhuǎn)換為黑白，然后再添加覆蓋，以保持統(tǒng)一。
· 使用粗體文本：考慮用較厚的筆畫來幫助“提升”它們在單色背景上的對比。
· 使用陰影和其他視覺線索：一些元素需要一個(gè)額外的定義層，例如通過使用一個(gè)投影來創(chuàng)建元素之間的分離感。
· 使用插圖：對于一個(gè)更具現(xiàn)代感的設(shè)計(jì)來說，用插圖來搭配單色是最好的選擇之一(同時(shí)，這也是在顏色上保持統(tǒng)一的最簡單的方法)。
· 匹配顏色和圖像：如果你在單色調(diào)色板上使用全彩照片或視頻，將圖像中的顏色與設(shè)計(jì)中的顏色相匹配，如Cuberto(上圖)。
4.大膽地使用一種流行色

一些與Material Design相關(guān)的最流行的顏色往往具有明亮的色調(diào)。這是一個(gè)大膽的色彩選擇，單色設(shè)計(jì)也不例外。
它只需要一個(gè)有趣的、明亮的東西來建立主題和情緒。流行的選擇包括粉色、橙色和青檸綠。
明亮的單色調(diào)色板的好處在于它可以創(chuàng)建足夠的空間。在顏色的使用上你有很大的空間，所以你可以很容易地創(chuàng)造出一系列的色調(diào)。
如果你選擇了正處于流行階段的東西，一定要注意你的設(shè)計(jì)，如果顏色趨勢開始改變，你或許需要用別的東西來替代你的單色方案。你是選擇另一個(gè)流行色嗎？比如根據(jù)季節(jié)來選擇對應(yīng)的代表色——冬天的藍(lán)色或秋天的橙色...這為你提供了一種時(shí)尚感和及時(shí)感，并給你一個(gè)理由，讓你時(shí)不時(shí)地更新你的設(shè)計(jì)。
5.暗色系營造現(xiàn)代感

并不是所有的單色調(diào)色板都有“顏色”，在實(shí)際的網(wǎng)站設(shè)計(jì)項(xiàng)目中，我們更多的是采用深色的調(diào)色板，使用的是黑色或灰色(或者是藍(lán)到幾乎已經(jīng)發(fā)黑的深藍(lán)色)。
這些深色方案其實(shí)很有趣，而且給人以一種獨(dú)特的感覺。不過，它們也很難創(chuàng)造，因?yàn)闆]有太多的空間去建立色彩之間的差別和對比。
暗色調(diào)色板的確有一種光滑而現(xiàn)代的感覺。他們最適合于沒有大量內(nèi)容的設(shè)計(jì)，比如網(wǎng)站設(shè)計(jì)的導(dǎo)航頁或畫冊或其他小冊子的“封面”頁。你幾乎總是需要將一個(gè)深色的單色與更輕的東西搭配，以確保內(nèi)容可以輕松閱讀。
6.嘗試各種各樣的單色

你完全可以打破單色調(diào)色板的規(guī)則，在設(shè)計(jì)中加入第二個(gè)強(qiáng)調(diào)色，我們稱它為“Almost monochromatic”。
Almost monochromatic可以解決你在單色設(shè)計(jì)中遇到的許多問題，包括如何創(chuàng)建容易看到呼吁行動(dòng)的按鈕元素。
關(guān)于如何選擇第二種強(qiáng)調(diào)色，你可以選擇來自于色輪的另一側(cè)，以實(shí)現(xiàn)大的對比度。將其用于需要用戶查看和交互的重要元素。
總結(jié)
單色設(shè)計(jì)可以很有趣，它們不僅在時(shí)效上有更好的適應(yīng)性，在流行趨勢上也有明顯的優(yōu)勢。
最現(xiàn)代的單色項(xiàng)目應(yīng)該可以通過顏色來指導(dǎo)用戶“讀懂”設(shè)計(jì)。它不僅僅只是強(qiáng)調(diào)或看起來很漂亮，顏色需要有實(shí)際的功能。

這種設(shè)計(jì)風(fēng)格最具有挑戰(zhàn)的地方在于，如何才能發(fā)使那些經(jīng)常看到它的用戶不容易出現(xiàn)平淡感。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：成都網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司，網(wǎng)站建設(shè) 成都，成都 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè)，營銷型網(wǎng)站建設(shè)，網(wǎng)站建設(shè)設(shè)計(jì)，網(wǎng)站開發(fā)，網(wǎng)站制作設(shè)計(jì)

分享名稱：網(wǎng)站設(shè)計(jì)如何使用單色調(diào)色板
網(wǎng)頁鏈接：http://www.muchs.cn/news/168873.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)