網(wǎng)頁配色的天然范兒
讓你網(wǎng)站設計配色更加自由自在.....另:方法是死的人是活的配合色階、曲線、色彩平衡等。.
網(wǎng)頁視覺層面主要是由形式(或叫布局)色彩、圖片和文字信息組成,形式需要思考發(fā)明。設計師通常對形式感關注的比較多,因為視覺沖擊力、設計差異性或創(chuàng)新大多都仰賴形式出現(xiàn),而色彩主要影響整體觀感、設計品質以及受眾情緒,很多時候我設計了一個不錯的形式卻未能做出這個稿子應有的品質,會不會太可惜?
圖片素材需要學習處置,文字需要梳理編排,但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗沉淀才干運用自如?
當然不!
關于網(wǎng)頁配色
甚至有些泛濫,網(wǎng)頁配色的文章在網(wǎng)絡上很多。稍微關注過的同學應該都知道“色輪”色卡”等輔助性配色工具,但那更多都是從印刷介質上的色彩系統(tǒng)延伸進去的不完全適用于網(wǎng)頁,甚至造成很大的局限,比方你會較真的通過色輪來選用網(wǎng)頁色彩嗎?再比如通過下面提供的配色組合,能自由的應對一個又一個的類型相若的網(wǎng)頁設計需求嗎?
網(wǎng)頁的色彩呈現(xiàn)數(shù)量要龐大的多,由于CMYK與RGB色彩模式不同。選用也應該更自由,但在配色上卻常碰到設計作品偏臟、發(fā)灰、花哨等大問題,這事兒得解決。
網(wǎng)頁案例剖析
網(wǎng)頁配色不宜逾越三種。
這沒錯,真理。但更多是從色相(赤橙黃綠青藍紫等不同顏色)上來說的
主要色彩的選取就比較好辦,色相差異明顯。罕見的有對比色、臨近色、冷暖色調互補等方式,可以簡單設定,或直接從勝利作品中借鑒主輔色配比都可以,比如罕見的朱紅點綴深藍、明黃點綴深綠等。
需要面對的設計需求在色彩分配上會有更多的問題呈現(xiàn):但通常。
故案例均以游戲網(wǎng)頁做示意說明,由于自己從事游戲網(wǎng)頁視覺設計工作。其他網(wǎng)頁類型可以做延伸思考或僅作參閱)
根據(jù)網(wǎng)頁信息的多寡,如上所示。會有更多色彩區(qū)域的層級劃分和文字信息層級區(qū)分需求,那么在守住“網(wǎng)頁色彩(相)不超過三種”原則下,只能尋找更多同色系的色彩來完善設計,也就是飽和度”和“明度”上做文章。
這也就是本文為解決這一問題所要分享的天然”配色技巧:疊柔配色法。
上面都是廢話)疊柔配色技巧分享(這里才是正文。
無需知道三角函數(shù)、四則運算,這個方法非常簡單。無需理解色彩指數(shù)和直方圖,甚至不必了解色階曲線和亮度強弱......甚至,可以對色彩毫無知覺。
只需要明白三個關鍵詞:疊加、柔光和透明度(填充)
如果連這三個關鍵詞都不甚明了那就記住他所在位置
填充不會影響到混合選項”效果,注意:透明度與填充略有不同。而透明度則是作用于整個圖層。
花幾分鐘時間了解一下這個配色技巧的原理:順便。
即:用純白色(#ffffff和純黑色(#000000通過“疊加”和“柔光”混合模式(效果類似調整飽和度和明度)任意一個色彩上得到最匹配的顏色(然后通過調整透明度選取最適合的輔色)
調整疊/柔模式的黑白色塊的不同透明度(取10%100%整數(shù)值為例)就可以得到差異較明顯的40種配色,上圖示例中。通過這種技巧,理論上每一種顏色都可以輕易獲得無窮盡的天然配色”并且是0失誤”!
因此該配色方法對純黑色和純白色不起作用。由于疊加和柔光模式對圖像內的最高亮局部和最陰影局部無調整。
設計實戰(zhàn)演示:
要不要像上面圖示看起來的那樣復雜?
只需要理解了上面的方法,不必。就可以忘記圖示,設計工作中自由發(fā)揮!
簡單三步:
或黑白漸變(可以是點、線、面...甚至字體)① 一個黑或白色。
② 混合模式選擇疊加或柔光
省心的做法是直接鍵入一個整數(shù)值,③ 調整透明度(1%-100%隨意。比方:輕質感類頁面可以選擇20%-40%重質感感類可以鍵入60%或以上)
用黑白色彩疊加或柔光,無論你采用何種主色。都可以輕松自如的獲得完美匹配的整套色系)
如下圖:字體顏色、細節(jié)線條、按鈕漸變、邊角高光、描邊陰影......都可以用黑白色肆意揮灑這并不只僅適用于色域劃分或提取幾個輔色。!
方法延伸(細節(jié)篇)
假如將該方法運用到一個按鈕上......
通常在實際的使用中刻畫13層即可)通過混合選項中的陰影、外發(fā)光、描邊(不適用疊柔法)內陰影、內發(fā)光”可以自由的刻畫5層像素級細節(jié)(當然。
這些細節(jié)都如影隨形、色彩都隨變而變~可節(jié)省大量重調細節(jié)或盲目選取配色的時間且無論形狀、色彩如何變化。!
一石三鳥,細節(jié)、品質和效率。兼而得之!
假如讓細節(jié)成為習慣,近期看到設計圈有討論“網(wǎng)頁雕花不可取”課題。讓美感成為直覺,雕花也便只是普通設計行為而已。
案例歷練:
后記:
科學化進行你設計。疊柔配色法:無招勝有招~把抓不住的感覺交給精密的計算機。
更高的品質,更短的時間。值得擁有~......
本文發(fā)布于北京網(wǎng)站制作公司尚品中國http://m.s1nno.cn/
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設計開發(fā)
-
后續(xù)跟蹤服務
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設
- 食品網(wǎng)站建設
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設
- 研究所網(wǎng)站建設
- 沈陽網(wǎng)站建設
- 廊坊網(wǎng)站建設
- 鄭州網(wǎng)站建設
- 婚紗攝影網(wǎng)站建設
- 手機端網(wǎng)站建設
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設
- 教育網(wǎng)站建設
- 品牌網(wǎng)站建設
- 政府網(wǎng)站建設
- 北京網(wǎng)站建設
- 網(wǎng)站設計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
新站當天提交百度如何收錄的方法
眾所周知,新站上線提交收錄是一個老生常談的問題,網(wǎng)站建設公司尚品中國也...
2014-01-04 -
鄭州網(wǎng)站建設如何讓搜索引擎喜歡它呢?
眾所周知,網(wǎng)站流量很大一部分來自搜索引擎,搜索引擎占了很大的比例。因此...
2022-01-25 -
分享站內文章擴展秘訣——思維策略
面對不同類型的網(wǎng)站,作為編輯人員經(jīng)常會感到站內無內容可編輯,無內容可擴...
2017-11-02 -
[北京網(wǎng)站制作]同一站點內頁為什么有兩次以上的次排名
同一站點內頁為什么有兩次以上的次排名 站長最注重就是首頁排名情況,...
2011-10-27 -
怎樣提升網(wǎng)絡推廣質量
1.大流量關鍵詞(Big flow keywords)每個行業(yè)都會有大...
2012-08-10 -
2021年濟南網(wǎng)站設計發(fā)展新趨勢
網(wǎng)站設計趨勢變更的是如此之快,以至于我們甚至還沒來得及全體領會,有的便...
2020-12-02
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網(wǎng)絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com