網頁配色設計教程
專題導讀:隨著互聯網的不斷發展,網頁設計的風格在不斷地更新,而設計師中有掌握了最基本的設計原理,才能厚積薄發、與時俱進,才能設計出受大眾歡迎的網頁。
-
色彩設計:配色方法論之觀感謎題
認識了色彩,并不表示你就能對顏色運用自如。配色有理性的層面,也有感性的層面。配色也需要依循一定的節奏。有的配色跳躍明快,有的又顯得舒緩柔和。我們從理性出發...
發布時間:2017-08-01 -
超全面的UI設計配色指南 拿走不謝!
正因為有無數種色彩組合的可能,在設計一個新的APP 時,人們往往很難決定一個效果好的配色方案。 在本文中,我們將討論在APP 中與色彩相關的重要知識點,同時我們...
發布時間:2017-07-26 -
配色設計一些有趣且有用的小技巧分享
配色確實是一件難搞的事情。它牽涉到文化背景,受到方方面面的影響,在情感含義上的理解又因人而異,設計師所面對的問題往往是選擇太多,而非太少。
發布時間:2017-07-26 -
色彩設計:10分鐘就能學會超好用的「九宮格」配色技巧
今天和大家分享的這個配色是不需要掌握色彩理論,不需要懂得互補色,只要會用Photoshop 的色板,就能做出優秀的配色方案,建議趕緊收藏。
發布時間:2017-07-25 -
配色設計:寫給零基礎新手的配色指南
色彩是十分重要的。色彩是設計的表現手法之一,色彩的不同搭配可以改變商品給人的印象。我們生活在這個五彩繽紛的世界里,雖然每天都在享受大自然給予我們的視覺盛宴...
發布時間:2017-04-17 -
5個色彩進階技巧!幫你創造更優質的網頁用戶體驗
色彩幾乎是所有設計體系中不可忽略的組成部分,而在網頁設計中,色彩本身所發揮的作用并不單一,除了最基本的著色構成色彩搭配的作用之外,色彩能夠通過對比創造視覺...
發布時間:2017-03-01 -
3個使用鮮艷配色來制作WEB/APP界面的技巧分享
無論是Web還是APP,鮮艷的配色已開始逐漸具有人氣。為了將人們的注意力集中于要素之上,讓設計能給用戶帶來深刻的印象,就讓我們來使用鮮艷的配色吧。
發布時間:2017-01-23 -
網頁配色設計:如何用藍色調搭配出天空和大海的感覺?
藍色作為天空和海洋的顏色,我把它稱之為“宇宙色”,因此它自帶浩瀚和廣大是其他顏色所無法比擬的。然而又因為它是絕對的冷色調,因此在表達邏輯、理性、男性、專業...
發布時間:2016-12-17 -
網頁配色設計:如何運用黃色來表達網頁的光感?
在網頁中所使用的黃色,以明度較高為多。大多是在表達可愛、溫暖、歡快、活潑。大面積運用明亮的黃色,可以讓整個頁面充滿活力。由于黃色并不如紅色那么搶眼,但也足...
發布時間:2016-12-12 -
9個免費的色彩搭配網站推薦 再也不愁色彩如何搭配了
對于做美工和設計師來說,常常會有任何配色及取出顏色代碼的需求,專業人士可能有很好的工具來協助,但對于偶爾需要或是非經常美工的人來說,即便是有很好的工具,也...
發布時間:2016-12-03 -
網頁配色設計:紅色空間如何設計才好看?
色彩是光的魔術。而對于人類來說,其實光也是人腦的一個魔術。既然有魔術這樣的詞出現,我們就必須放棄對于色彩的固化的思考。比如,對于色彩的命名帶來的限制。
發布時間:2016-12-03 -
配色教程:手把手教你從大師的作品中借鑒配色靈感
“凡事預則立,不預則廢”,這句話一樣適用于設計時的配色。一個有血有肉的設計,在配色前一定是經過了色彩的篩選和斟酌。那么,我們的配色方案如何得來?是否需要一...
發布時間:2016-10-18 -
10款Google Material Design專用的配色工具推薦
下面專門分享10款Google Material Design 專用的配色工具,Material Design 里的調色板工具可大膽靈活的使用色彩組合。希望這些web工具可以助你一臂之力。
發布時間:2016-09-03 -
攝影色彩教程:如何巧用色彩拍攝出創意大片的感覺?
任何無彩色與有彩色搭配都能調和,如果改變明度還可以取得非常明快的調和效果。如圖所示,模特衣著色彩紛亂的服裝,但頗具統一感的無色背景,很好地突出了主體,調和...
發布時間:2016-02-11 -
三分鐘幫你快速入門極簡色彩學
相信很多不懂配色星人(尤其是漢子們),收到女朋友的涂色指令時內心是奔潰的。那就來看一下我們的極簡色彩學教程吧~
發布時間:2015-11-17 -
色彩搭配教程:顏色對用戶究竟有哪些影響?
色彩在營銷中有特別的意義,特別是在線營銷。顏色如何影響用戶對價值的認知?如何提高用戶對產品或服務的信任度?今天這篇專門從用戶心理角度解讀網頁設計中的色彩,...
發布時間:2015-10-06 -
網頁配色技巧:解析網頁設計之色彩學問
色彩搭配雖然是一種抽象的東西,但它對于網頁設計來說并不是那么困難,相信大多數用戶對某種網站的主題和顏色的印象已經形成了一種定向,搭配起來容易得多。即使沒有...
發布時間:2015-05-15 -
網頁配色教程:六條網頁設計安全配色指南
多年以后,當我還是一個羽翼未豐的網頁設計師的時候,我又經歷了相同的過程。在學習的過程中,我不可避免地掉進了這樣的陷阱——使用太多種顏色,或者是將多種顏色以...
發布時間:2015-05-06 -
網站色彩搭配:黑白灰的低調大氣范網站設計案例
裝潢建筑設計機構以黑、白以及金色作為其主色調搭配,與其本身所傳達的設計哲學不無深沉的關系。頁面結構簡單、干凈、簡約。主頁圖片都被抽去了色彩,只保留低調的灰...
發布時間:2015-04-30 -
QQ空間配色變遷解密:“殺集取卵”!
讓設計和開發迅速傳遞信息。確定好10套配色的代碼,并按分類定義色值。這里每一套主題的色值可能會不一樣,但是編號肯定是一致的,例如文字T1~T10、按鈕B1~B5…
發布時間:2015-04-13 -
IT公司在標識色彩選擇上有何學問可循?
不同的公司都有自己的品牌主色調。小米的主色調其實并非紅色,而是橙色。而與之對應,魅族的主色調也是比“魅藍”略淺的天藍色。我們形容彩虹所用的“赤橙黃綠青藍紫...
發布時間:2014-12-23 -
2015年網頁設計配色趨勢預測
色彩搭配是設計界永恒的話題,而在網頁設計中該如何掌控色彩似乎很少有標準和定論,只能一味的憑借設計師自己的經驗和客戶的偏好進行設計工作。
發布時間:2014-12-23 -
10個實用方法幫你搞定網頁柔和色調設計
柔和色調是設計師常用的一門技巧,它既可以打造親切可人的氛圍,拉近與用戶的關系,也可以分出深淺變化,突出設計核心,玩法多種多樣,實用性強,今天@十萬個為什麼 ...
發布時間:2014-12-04 -
網頁色彩搭配教程:三個實用方法搞定網頁配色設計
在色彩設計應用中,我們對顏色不同程度的理解,影響到設計頁面的表現,熟練地運用色彩搭配,設計時豈不事半功倍。一張優秀的設計作品,它的色彩搭配必定和諧得體,令...
發布時間:2014-12-03 -
網頁配色教程:Thinkful網站配色完全學習指南
色彩與品牌有著千絲萬縷的聯系。不同于語言和文字,色彩為品牌提供了一種非口頭傳達的意義和信息。而色彩給人的感覺和所蘊含的含義主要來源于所處的文化和環境。在深...
發布時間:2014-11-18 -
秒變配色高手!六條網頁設計黃金配色原則
在本教程中我們將與你分享6條肯定會火,并且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯...
發布時間:2014-08-20 -
移動應用圖標配色訣竅 APP界面配色設計教程
對于移動應用的圖標來說,顏色的選擇尤其重要,因為它們會同時出現在用戶的手機或者其他設備屏幕上。商標圖像本身是重要的,但顏色的選擇也是一個需要深思熟慮的重大...
發布時間:2014-04-03 -
11個網頁配色超棒的網站案例欣賞
經常瀏覽外國網站都能看到他們的網站配色的非常好,所以今天特意的整理出一些配色很不錯的網站。童鞋們可以借鑒他們網站上的設計細節,把自己的網站創建的建立的更有...
發布時間:2014-03-09 -
色彩情感對用戶體驗設計的影響
任何事情有因有果,所以還是先讓大家了解下關于色彩的組成和色彩的情感等,再來簡單說說在我們生活中和界面設計中的運用所帶來的感受,以及人們對色彩的喜好偏差和色...
發布時間:2013-09-28 -
創造視覺沖擊力的網頁設計配色技巧
在網頁設計中,色彩不僅用來造成視覺沖擊力,而且還傳遞強有力的情感,幾乎不需要任何文字,我們總能從網頁的色彩中強烈感受到作者意圖營造的氛圍。
發布時間:2013-08-24 -
前端開發之16進制顏色代碼揭秘
RGB色彩模式是工業界的一種顏色標準,是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB即是代表紅、綠、藍三個通道...
發布時間:2013-08-24 -
網頁排版設計如何才能讓頁面文字閱讀更舒適?
用戶會在網上閱讀到大量的新聞及各類文章,特別是網絡小說,這些頁面展示的主體就是通篇大段的文字。對于這種看似簡單的文字堆砌的頁面,有沒有人抱怨過:“這樣的頁...
發布時間:2013-07-16 -
6個步驟讓你快速打造一個有設計感的網站
雖然只是一名程序員,但我還是想讓自己的網站看起來更加吸引人,一方面出于虛榮,因為這樣可以顯得我更加“專業”,而另一方面是出于現實,因為研究機構調查發現用戶...
發布時間:2013-04-18 -
網站色彩搭配對用戶帶來的潛在作用
網頁的色彩基調首先可以刺激訪客的視覺,讓訪客產生相應的感官。例如紅色可以讓人產生興奮感,提升食欲,感受到激情等等。對此我們可以看看可口可樂官網的顏色搭配方...
發布時間:2013-01-16 -
網頁設計新趨勢:撞色風(Color Blocking)風格的網站欣賞
撞色風格的網頁設計確實不錯。流行的設計工具是簡單和創建大量的高對比度,設計師運用色彩來指導用戶瀏覽網頁,這種視覺效果會非常的炫目。
發布時間:2012-12-17 -
網站顏色搭配對網絡營銷的關系和影響
很多關于顏色和購買習慣的心理書,講的很玄乎,在這兒,雪舟想分享的不是什么很玄的心理學,而是我們作為網絡營銷人和電商人,該明白和懂的一些關于顏色的基本規律,...
發布時間:2012-11-19 -
色調心理效應 顏色在網頁設計中的重要性分析
合適的配色方案至關重要,我相信這個道理大家都懂。根據用戶喜好確定顏色使得讀者更聽你的,聽起來不可思議,但不論對錯,這一直是所有設計師的工作目標:向讀者發出...
發布時間:2012-11-16 -
10套優秀的Vim配色方案推薦
有很多很多的Vim配色方案,但總是很難找到完美的一個。很多人會根據所作工作的不同來使用不同的配色方案。這里我們向你推薦10個值得擁有的 vim 配色方案:
發布時間:2012-08-30 -
網頁Banner設計的風格、排版以及配色經驗分享
Banner設計可以說是我日常工作中最主要的一塊需求,banner不比大型項目,從設計成本上來講不可能給太多的時間給設計師,所以這也引發了我對如何更有效率地完成一個ban...
發布時間:2012-08-25 -
網頁配色之色彩搭配技巧與色彩對用戶的心理作用
色彩是一個網站的情緒表達方式或者說是性格特征的體現,每種顏色都有著屬于自己的聲音。作為一種視覺元素,色彩是很難被量化被衡量的,也很難用理性的角度去分析和闡...
發布時間:2012-07-20 -
checkmycolours:檢測網站顏色對比度的在線web工具分享
今天這里我們將介紹一個不錯的在線顏色對比度檢驗工具 - Checkmycolours,使用這個工具,可以幫我們針對網站做一個徹底的檢查,它能夠幫助我們分析web頁面上的顏色使用。
發布時間:2012-06-27 -
網頁配色經驗分享:疊柔配色技巧及圖解分析
網頁配色的文章在網絡上很多,甚至有些泛濫,稍微關注過的同學應該都知道“色輪”、“色卡”等輔助性配色工具,但那更多都是從印刷介質上的色彩系統延伸出來的,不完...
發布時間:2012-05-25 -
視覺設計之材質繪制的色彩理論
本文所述的理論是在網上找到一些外國大師們在繪畫材質色彩表現的理論和結合自己淺薄的知識簡述得出,雖然是主要講述材質色彩表現方面,希望對大家工作上有點幫助。
發布時間:2012-04-28 -
22個網頁設計師必備的在線色彩組合配色工具
每個設計師都知道色彩在整個設計中重要性,它直接關系到整個設計的成功與否。為了使操作過程更加簡單,這里就為設計師們分享22個非常實用的色彩組合工具,雖然這些工...
發布時間:2012-03-17 -
18個國外經典優雅黑白色調的酷站欣賞
有時顏色越少,越是一個網站的最佳顏色方案,因為保持簡潔的視覺效果,更容易將用戶的注意力吸引到網頁的重要元素中來,而簡單的顏色限制對于設計師來說卻更具挑戰性...
發布時間:2012-03-01 -
網頁設計的色彩理論與案例淺析
設計師在決定了一個網站風格的同時,也決定了網站的情感,而情感的表達很大程度上取決于顏色的選擇。顏色是很有力的工具,所有設計師在設計網頁時就應該明白這一點。
發布時間:2012-01-27 -
20款適合設計師收藏的優秀在線配色工具
配色是網頁設計的關鍵之一,精心挑選的顏色組合可以幫助你讓設計更有吸引力,相反的,糟糕的配色會傷害眼睛,妨礙讀者對網頁內容和圖片的理解。
發布時間:2011-05-23 -
30個出色的網頁設計色彩搭配案例欣賞
在網頁設計中,選擇恰當的顏色是非常重要的。相比網頁其它組成部分,色彩更能體現你的設計風格,大膽的應用色彩能讓你的網頁看起來非常新穎。
發布時間:2011-04-02 -
17款網頁設計必備的免費在線配色工具網站
好的配色,很大程度上決定著一個網站設計的質量好壞,合理地選擇合適的色彩搭配,契合網站設計目的的同時,可以更確切地傳達網站產品要表達的內容和思想。
發布時間:2011-03-19 -
網頁設計的文字色彩與可讀性分析
就像人穿衣搭衫一樣,色彩配得好,能讓人眼前一亮,配得不好,就很難激起用戶的興趣,如何合理搭配網頁文字顏色?讓用戶使用得更舒服?本文將為你分析文字色彩與可讀...
發布時間:2010-06-12 -
酷站欣賞之歐美棕色調網站設計案例賞析
棕色能給人一種安全、值得信賴、健康等感覺,飲食網站就常用棕色來表達主旨和情感。如何去搭配運用就值得我們研究和分析,下面介紹二十個國外棕色調的網站設計,以供...
發布時間:2010-05-30 - 推薦二款免費的在線網頁配色工具 發布時間:2010-01-24