我想學排版 配色 PS(有基礎,想要學得更深點) 能不能幫忙介紹幾本比較好的書?
網上的教程很多但不系統,不全
我是ppt重度使用者,也經常遇到配色問題,一開始無從下手,後面看多了各種視覺網站之後,發現審美也提升了。前提是多看,多悟,多看別人的配色參考,從會用素材配色開始。#多說無益# 以下分享一些我所收藏的配色方案,希望對你有用!
01. Material Palette —— 幫你生成並導出Material Design配色模板
鏈接地址:http://www.materialpalette.com/
02. New Flat UI Color Picker —— 最好的扁平化UI設計配色方案
鏈接地址:http://www.flatuicolorpicker.com/
03. Flat UI Colors —— 漂亮的扁平化配色
鏈接地址:Flat UI Colors
04. Coolors —— 超級快的配色方案生成工具
鏈接地址:Coolors - The super fast color schemes generator!
05. Skala Color —— 為設計師和開發者而生的優質取色工具
鏈接地址:Skala Color, a Mac color picker by Bjango
06. Couleurs —— 幫你抓取和調整屏幕上色彩的簡單工具
鏈接地址:http://couleursapp.com/
07. Material UI Colors —— 為Web、Android和iOS而生的 Material ui 配色模板
鏈接地址:Material UI | Material Design
08. Colorful Gradients —— 計算機自動生成的色階
鏈接地址:colorful gradients
09. Adaptive Backgrounds —— 從圖像中提取主色
鏈接地址:http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/
10. Brand Colors —— 知名品牌的配色方案
鏈接地址:BrandColors | Official color codes for the world"s biggest brands
11. Paletton —— 配色方案設計
鏈接地址:Paletton - The Color Scheme Designer
12. 0 to 255 —— 幫助網頁設計師找到某一色彩的同色系配色的工具
鏈接地址:http://www.0to255.com/
13. Colour Lovers —— 創建、分享配色和配色方案
鏈接地址:Color Trends + Palettes :: COLOURlovers
14. Adobe Color CC —— 來自Kuler社區的優質配色組合
鏈接地址:Adobe Color CC
15. Bootflat —— 來自扁平化設計的完美配色方案
鏈接地址:Color Picker
16. Hex Colorrrs —— Hex 轉 RGB 轉換器
鏈接地址:HEX to RGB Converter
17. Coleure —— 智能取色工具
鏈接地址:Coleure
18. Colllor —— 配色方案生成工具
鏈接地址:http://colllor.com/
先來一波小福利:
PS基礎教程:https://pan.baidu.com/s/1qYSgn7m
我自己學習的時候整理了一些資料,當時找到幾本不錯的書,可以分享一下:
這些都是當時覺得比較有用留下來的,可以分享給題主鏈接:http://pan.baidu.com/s/1slHGzgD
接下來關於配色:
一、橙色
使用了高亮度橙色的站點通常都會給人一種晴朗新鮮的感覺,而通過將黃色、黃綠色等類似顏色與成色搭配使用,通常都能得到非常好的效果。同時,中等色調的橙色類似於泥土的顏色,所以也經常用來創造自然的氛圍。
橙色是可以通過變換色調營造出不同氛圍的典型顏色,它既能表現出青春的活力也能夠實現沉穩老練的效果,所以橙色在網頁配色中的使用範圍是非常廣泛的。
橙色通常會給人一種朝氣活潑的感覺,它通常可以是原本抑鬱的心情豁然開朗。
在東方文化中,橙色象徵著愛情和幸福。充滿活力的橙色會給人健康的感覺,且有人說橙色可以提高厭食症患者的食慾。有些國家的僧侶主要穿著橙色的僧侶服,他們解釋說橙色代表著謙遜。
二、黃綠色
黃綠色時而能夠表現出自然的感覺,時而能夠表現出未來虛幻的感覺。
原本這兩種印象之間有很大的差異,但黃綠色就像穿越時間隧道那樣能夠自由自在地表現出這兩種截然不同的感覺。
在網頁中,黃綠色通常與藍色搭配使用。總的來說,黃綠色主要用於表現溫暖親切的感覺或高科技神秘虛幻的感覺。
黃綠色和草綠色都會讓人聯想起大自然。黃綠色同時含有黃色和綠色兩種顏色的共同特點,也就是說,黃綠色既能表現出黃色的溫暖,也能表現出綠色的清新。在社會上,兒童和年輕人比較喜歡黃綠色。
三、綠色
綠色也是在網頁中使用最為廣泛的顏色之一。
因為它本身具有一定的與健康相關的感覺,所以也經常用於與健康相關的站點。綠色還經常用於一些公司的公關站點或教育站點。
當搭配使用綠色和白色時,可以得到自然的感覺。
當搭配使用綠色與紅色時,可以得到鮮明且豐富的感覺。
同時,一些色彩專家和醫療專家們提出綠色可以適當緩解眼部疲勞。
人們看到綠色的時候,第一反應就會想到大自然。很多人都說綠色是大自然的顏色,綠色也代表著大自然中的每一個可貴的生命。大自然給了我們新鮮的氧氣,而綠色也能使我們的心情變得格外明朗。當需要揭開心中的抑鬱時,當需要找回安詳與寧靜的感覺時,回歸大自然是最好的方法。
四、黃色
黃色是在站點配色中使用最為廣泛的顏色之一,因為黃色本身具有一種明朗愉快的效果,所以能夠得到大部分人的認可。
黃色在從兒童站點直至門戶型網站等幾乎每一個角落中都找到了自己的發揮空間,通過結合紫色、藍色等顏色可以得到溫暖愉快的積極效果。
高彩度的黃色與黑色的結合可以得到清晰整潔的效果,這種配色實例在網頁設計中經常可以見到。
採用同一色調的深褐色與黃色的搭配,可以表達一種成熟的城市時尚的感覺。
黃色是明亮的且可以給人甜蜜幸福感覺的顏色。
在很多藝術家的作品,黃色都用來表現喜慶的氣氛和富饒的景色。同時黃色還可以起到強調突出的作用,這也是使用黃色作為路口指示燈的原因。黃色因為具有諸多以上的特點,所以在我們的日常生活中隨處可見。
五、青綠色
青綠色會給人帶來涼爽清新的感覺,且青綠色既可以使人原本興奮的心情冷靜下來,也可以使人原本沉靜的心情活躍起來。
使用青綠色的站點也是隨處可見。
青綠色與黃色、成色等顏色搭配可以營造出可愛親切的氛圍。
青綠色與藍色、白色等顏色搭配可以得到清新爽朗的效果。
青綠色可以說是草綠色的健康和藍色的清新感覺的結合體,但在自然界中它並不多見,會給人較強的人工製作的感覺。這也使它在保留自然顏色原有特點的同時,有為其賦予了特殊的效果。
色彩和心理學家分析說,青綠色可以給一個心情低迷的人一種特殊的信心與活力。
六、藍色
很多站點都在使用藍色與青綠色的搭配效果。最具代表性的藍色物體莫過於海水和藍天 ,而這兩種物體都會讓人有一種清涼的感覺。
高彩度的藍色會營造出一種整潔輕快的印象。
低彩度的藍色會給人一種都市化的現代派印象。
藍色與綠色、白色的搭配在我們的現實生活中也使隨處可見的,它的應用範圍幾乎覆蓋了整個地球。
主顏色選擇明亮的藍色,配以白色的背景和灰亮的輔助色,可以使站點乾淨而整潔,給人莊重、充實的印象。
藍色、青綠色、白色的搭配可以使頁面看起來非常乾淨清澈。
藍色會使人自然地聯想起大海和天空,所以也會使人產生一種爽朗、開闊、清涼的感覺。作為冷色的代表顏色,藍色會給人很強烈的安穩感,同時藍色還能夠表現出和平、淡雅、潔凈、可靠等多種感覺。
低彩度的藍色主要用於營造安穩、可靠的氛圍,而高彩度的藍色可以營造出高貴的嚴肅的氛圍。
七、藍紫色
藍紫色在色相環中位於藍色和紫色之間,所以它也蘊含著紫色的一些神秘感。
低亮度的藍紫色顯得很有分量,而高亮度的藍紫色顯得非常高雅。在網頁中,藍紫色通常與藍色一起搭配使用。
藍紫色可以用來創造出都市化的成熟美,且藍紫色可以使心情浮躁的人冷靜下來。明亮的色調直至灰亮的藍紫色有一種與眾不同的神秘美感。
九、紫紅色
清澈(Pale)色調的紫紅色又稱粉紅色,粉紅色主要用於包含少女在內的女性站點。因為從明亮(Bright)到蒼白(Very Pale)色調的粉紅色能夠表現出可愛、乖巧的感覺,所以有人也會用作背景色或在頁面中大範圍地使用該顏色。
紫紅色並不能隨意在所有的站點中使用,但使用恰當的紫紅色會給人留下深刻的印象。
白色、粉紅色、天藍色的顏色搭配,是最受少女歡迎的配色方案。
高彩度的紫色和粉紅色之間的搭配通常都能得到較好的效果。
紫紅色市非常女性化的顏色,它給人的感覺通常都是浪漫、柔和、華麗、高貴優雅,特別是粉紅色可以說是女性化的代表顏色。高彩度的紫紅色可以表現出超凡的華麗,而低彩度的粉紅色可以表現出高雅的氣質。
十、黑色和白色
黑色與白色表現出了兩個極端的亮度,而這兩種顏色的搭配使用通常可以表現出都市化的感覺。
只要能夠合理地搭配使用黑色與白色,甚至可以做到比那些彩色的搭配更生動的效果。
黑色與白色的搭配通常用於現代派站點中,通過合理地添加一些彩色還可以得到突出彩色的效果。
白色有很強烈的感召力,它能夠表現出如白雪般的純潔與柔和。
黑色也有很強大的感染力,它能夠表現出特有的高貴,且黑色還經常用於表現死亡和神秘。
因為黑色和白色的搭配有一種特殊的嚴肅感,所以還經常用於如結婚典禮等莊重的場合。
+微信公眾號:平面設計獅,回復軟體、素材、教程,領取軟體、素材、教程
每天一點PS,分享一組經典配色方案!
非常全面的7種色彩方案,RGB值及解說都很到位哦!
紅色——是一種激奮的色彩,刺激效果,能使人產生衝動。憤怒,熱情,活力的感覺。
橙色——也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時尚的效果。
黃色——具有快樂,希望,智慧和輕快的個性,它的明度最高。
綠色——介於冷暖兩種色彩的中間,顯得和睦,寧靜,健康,安全的感覺。它和金黃,淡白搭配,可以產生優雅,舒適的氣氛。
青色——是最具涼爽,清新,專業的色彩。它和白色搭配,能體現柔順,淡雅,浪漫的氣氛(像天空的色彩)
紫色——是波長最短的可見光波。紫色是非知覺的顏色,它美麗而又神秘,給人深刻的印象,它即富有威脅性,又富有鼓舞性。紫色是象徵虔誠的色相,當光明與理解照亮了蒙昧的虔誠之色時,優美可愛的暈色就會使人心醉!
無彩色——指除了彩色以外的其他顏色。常見的有金、銀、黑、白、灰。明度從0變化到100,而彩度很小接近於0。
還是有那麼多人用學數學的思維學設計,設計不是看書或者某個教程能學好的,那樣頂多只能學到點技巧,真正的提升需要時間的積累和眼界的開闊。。
PS
ps不推薦書籍,很全的書籍有嘛,肯定有,我們學校圖書館關於ps的就好幾排書架。這玩意跟五、六百頁的語法書一樣雞肋,我是普通人,我看不下去。我建議你可以不用看,但是你如果不接受我的建議,豆瓣上應該有推薦。
· 經濟能力允許的話報個班是最高效的,之前我報的是包豪斯,老師教得挺好的,每個功能都會講一遍,同時結合一些案例
· 第2種情況:我要自學網,兩種途徑我都試過,自學網裡面的教程也是教一些基礎的東西。但是報班老師會講到一些實戰裡面會遇到的問題,而且網站不能及時更新
懂了基本功能之後只是入門,這時候可以結合具體案例,比如海報、人物精修…
推薦網站:
-PSDTuts+ (ps教程,從初學到高階都有)https://design.tutsplus.com/-
PSD愛好者(提供photoshop教程、設計文章和資源下載)http://psd.fanextra.com/你有說ps網上教程很多,不系統,網上的信息確實很容易找,但也很雜,看似很多,有用的很少。基本的軟體操作得懂,功能也就那幾樣,但是做的好不好主要還是看創造力。個人認為思維方式才是最重要的。前期多臨摹,提高表現力,然後在臨摹的過程中思考別人為什麼要這麼做,什麼樣的主題適用於這樣的表現手法,我覺得在設計的過程中都可以這麼做,不僅僅是ps排版
軟體:id、ai、ps
知識點:字體的運用、圖形的運用、布局(網格、黃金分割、留白…)推薦書籍:《超越平凡的平面設計-版式設計原理與應用》之前我也在微信公眾號推薦過,個人覺得可以當做基礎入門書來讀
還有John mcwade出的一系列before and after 的教程也很實用前期可以多臨摹,看一些優秀案例提高審美。花瓣、pinterest、behance都是很好的設計類網站配色我還在學,我也不太了解,只會吸吸顏色。了解了再回卧槽,我這爛電腦出現問題了,一些網站老打不開!算了,之後再補充…建議還是多看花瓣,站酷這些設計性質的網站,會比看書好很多!
推薦閱讀:
※如何系統、專業地黑美工?
※這類海報都是怎麼做的?
※學平面設計買了MacBook air 真的不行嗎?
※請問各位大神,知不知道平面設計的素材有哪些網站能下載?
※完全未接觸過平面設計的毫無基礎的外行想自學平面設計,除了軟體,應該看哪些最基礎的理論書籍?
TAG:AdobePhotoshop | 設計 | 平面設計 | 用戶界面設計 | 平面設計書籍 |