Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

第一篇

直接進入今天的主題:我的排版技巧

關於排版的一些技巧,在之前的文章上也說了很多,今天主要來分析一下很細節性的問題,也是很多時候容易忽略的問題,下面我們還是通過一些案例看一下:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

這個排版貌似有對比、有對齊、做了分組、也用了一些輔助性的元素,但是為什麼給人的感覺還是這麼亂呢?這和我們前面所說的理論相悖嗎?其實不然,先來看一下這個排版都用了哪些中文字體:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

這個文字組合,分別用到了四種不同的中文字體,這對於整個文字排版區域有多大的影響?我把這組字體排版所用的文字刪減為兩種,看下整體的效果;

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

相較於圖1,舒服了很多,感覺沒之前那麼亂了,但是還是感覺有點亂,那麼我們再刪減一款中文字體,只使用一款字體,看下效果:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

字體形式變少了,信息卻清晰很了很多;從這個案例中我們可以得到這樣一個結論:在進行排版時,儘量不要使用過多的字體形式,一般情況下1-2種即可,使用過多的字體形式不僅不能提升整體設計感,反而會使得因字體過多而導致排版信息的混亂!雖然把字體的問題解決了,但是上面的排版還是存在著一些其他的問題,下面我們繼續嘗試著改變一下:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

改變前與改變後的區別還是很直觀的,下面很直觀的說下具體改變了哪些,為什麼要這樣改動?

改變一:把整體的排版區域縮小了,相較於改變前,整體的留白多了一些,文字排版區域佔矩形範圍的比例減少;這麼改的原因在於:矩形邊框等於是給文字排版區域劃定的一個區域範圍,也是排版中的一部分,縮小排版佔總體的比例使得整體很通透,不至於給人一種很滿,擁擠的感覺,從而提升可閱讀性;這也是很多新人容易忽略的一個誤區,比如做個立即購買的按鈕:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

很簡單的一個例子,看過之後會有怎樣的感覺,哪個給你的感覺更舒服?其實道理很簡單,一般情況下在有邊界束縛的文字或者排版,過於飽滿會形成一種無形的壓迫感;現在想一想,你有這個問題嗎?優秀的設計師一定不會忽略細節!

改變二:邊框加粗、豎線加粗,與主題文字信息筆畫形成一定的呼應效果;那麼這麼改的原因在於:主題文字信息使用的是偏粗的思源黑體;而如果在主題信息裡所用的線條反差過於大的話,會導致整個排版區域顯得很薄弱,輔助性的元素有一種為了湊而加上的感覺,使得整體設計感不夠強烈;比如前面的一個案例:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

主題信息所用到的線條與主題文字偏差過大會形成一種落差感,導致整體偏薄弱,當然並不是一定要完全保持與主題字體筆畫一樣粗細才叫合適,要根據整體感覺視情況而定,排版完成之後自己觀察是否存在這種因線條的反差導致整體不協調的問題;然後再加以修改!

改變三:對齊更加工整,底部小英文距離主題信息距離上拉大了一些;這個原因其實就很簡單了,對齊工整是為了增強整體的可閱讀性,英文距離的拉大是為了讓分組信息更加明顯,使得整體更通透。

下面繼續說另一個問題:在進行文字排版時,沒有排版思路?有時我們不知道什麼時候需要加輔助元素,加什麼樣的合適?

所謂的排版思路其實就是在整理信息,分清楚主次,主要文案做特殊處理或者放大加粗,目的是與次要文案拉開對比,突出重點;其次是在整理信息過程完成之後,要增強文字編排區域的設計感,不能千篇一律只會一種排版方式;最後要多嘗試一些不同的文字組合式排版。

很多人認為文字組合排版很難,非也!這類排版方式只不過嘗試的次數多一些,文字組合式排版很像是在做填空題,那麼我們需要做的就是選擇合適的字體,把主要文案信息放好;把一些次要的文案、圖形、英文通過填空的方式與主文案組合在一起;這類的文字排版方式也很常見:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

可能只看圖不夠明顯,我在原圖上標註一下:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

這類的文字編排在一些專題性的電商海報中很常見;很多人在拿到文案時就想一次完成編排,其實這對於排版能力稍薄弱的人來說是個誤區,不斷的嘗試也是進步過程,通常一個組合式的文字排版都需要從最基礎的信息羅列開始,通過嘗試不同的方案選定最終的成品,比如這樣的文案:“踏遍世界,帶你一起遊遍世界,adidas”,下面演示一下:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

從一開始的書面文案,到最終的排版的形式,並不是一次就能達到自己的預期效果,同樣也通過多次的嘗試、組合;其實這就是組合式文字排版的一個過程;這裡的排版用到了鞋子的剪影作為輔助圖形,其實意圖很明顯,在文字編排中就能體現產品信息,而小英文和引號起到了填充多餘空間以及修飾的作用;所以在文字編排時,用到的元素一定要明白為什麼用?

關於輔助元素的應用在之前也說過一些,切記輔助性的元素要符合文案的主題,圖形一樣在傳遞這信息;比如:

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

不看排版的方式,只看文案與對應的兩個圖形,給你的感覺OK嗎?這兩個元素非但不會起到輔助的作用,反而會影響到整個文字排版區域;所以在用一些輔助性的英文,圖形形狀時,要根據其文案選擇,或者用一些偏中性一些的元素,不能忽略細節性的問題!

最後補充一下:一些英文、阿拉伯數字可以充當圖形的作用;要想學好排版,一定要多看,多練,不能只會紙上談兵!動起手來!!

第二篇

色彩運用的10個技巧

色彩,這是一種多麼深刻而神秘的語言啊!”的確,不同的色調能夠調動不同的情緒和反映,能夠影響用戶對於品牌的感知。簡單說來,色彩可以造就不同的設計。

幸運的是,我們的早已遠離可選色彩匱乏的年代。正是因為色彩的極大豐富,配色方案的選取的確越來越麻煩了。

別擔心,聽聽來自Creative Market社區的頂級設計師的建議吧,他們會告訴你關於色彩選取的最佳技巧,讓你也可以輕鬆挑選最佳的色彩組合。

1、靈感捕捉

來自Make Media 的 Callie Hegstrom 是一名才華橫溢的設計師,對於獲取靈感,她是這樣建議的:“我常常通過漂亮的照片來獲取斑斕絢爛的配色方案,取色的時候直接通過PS或者AI就可以。圖片是非常不錯的配色來源,不過前提條件是你選取的圖片一定要有足夠的凝聚力。”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


所以,如果真的有色彩讓你特別喜歡的照片,不妨直接藉助它來製作一個好用而高效的配色方案。諸如Photocopa 這樣的工具會讓這個過程更快捷,你所需要做的就是上傳照片,然後探索可能的方案。

2、用好你的色輪

藝術家Marc Chagall 曾經說過一句被廣泛引用的話:“所有的色彩都是隔壁色彩的朋友,也是相反位置色彩的愛人。”其實這句話說的就是色輪。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


來自溫哥華Cultivated Mind 的設計師Cindy Kinash 曾說過:“當使用水彩繪製花朵的時候,展現陰影最好的方式是使用色輪上相鄰的色彩來繪製。”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


在Cindy的作品中,淺藍和深藍、紫色相鄰,這一連串的色彩使用,渲染出了深度。色輪的使用技巧非常之廣,色彩之間的關係是如此的清晰而富有規律,你可以輕鬆運用在不同的場合,創造出許多獨特的組合。如果你對此並不瞭解,也不用擔心,網上有大把的相關工具幫你搞定色輪的使用。

3、向室內設計借靈感

不同的設計領域,在處理色彩上有著相同的經驗。在室內設計領域,設計師需要使用紋理、物體和色彩來調和空間。在這方面,來自MyCreativeLand 的英國設計師Elena Genova 有過不錯的建議:“室內設計的許多設計規則運用在平面設計上非常靠譜,比如用色,60%的主色調、30%的輔助色、10%的強調色,這樣的配色比例就非常不錯。如果你需要引入第四種色彩,最好從輔助色當中分出一部分來。”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


其實許多領域當中知識和規律都是相通的,在不同的科學和藝術領域中借鑑規律並非是扯淡。所以,建築學規律運用到平面設計中來,一點違和感都沒有。

4、保存好設計

設計師 Nicky Laatz 擁有一家攝影與設計商店,她分享了她是如何將漂亮的配色保存下來並複用的:“每當我看到漂亮的圖片和配色不錯的照片的時候,我會截圖並保存下來。當我需要尋求配色方案的時候,我會在圖片庫當中尋求靈感,總能找到符符合需求的方案。”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


Vanilla Frosting 是 Nicky商店中賣得最好的字體,它的配色和設計靈感就是來自於蛋糕。這也就是說,你的配色和設計靈感可以來自於許多不同的地方,不要給自己設限。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


你可能已經很熟悉Pinterest和花瓣這樣的網站了,這些靈感網站不僅能瀏覽,還能保存許多數字化的設計作品用作靈感來源。那麼物理實體怎麼辦呢?設計師Austin Kleon在自己的書《StealLike An Artist》中提到過一種方案:用文件夾和筆記本將你看到的雜誌、傳單等你覺得漂亮的印刷品等蒐集起來,創造你自己的色卡和配色方案!

5、走出數碼色彩的限制

有的時候,顯示屏背後的數碼色輪並不能滿足你對於色彩的全部需求。離開屏幕,看看這個世界的色彩,而彩通配色正好為你滿足了你的這一需求。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


設計師 Callie Hegstrom 就是這樣做的,她以一種更加老派的方式來展示色彩的“物理形態”——使用彩通的配色手冊(Pantone Color Bridge)。她是這樣解釋的:“有的時候有一本物理形態的色彩手冊,是非常有用的。尤其是當用戶需要一種特定的色彩的時候,手冊會向他展示實際的效果。”其實仔細想想,彩通的色卡和手冊也算不上太過“老派”,畢竟色卡上每個色彩都有對應的HEX值。對於有印刷和涉及色彩實體的設計師而言,有個色卡或者手冊還是非常省時省力的,這會節省相當多的時間、金錢,尤其省卻了不必要的來回折騰。

6、從自然取色

我們對於自然的色彩有著天然的親和。如果你打算從大自然借色彩,還是有一些地方需要注意的。來自CO-OP的設計師Gary說過,自然的色彩裡,有著無限的色彩組合。每一片葉子和沒一個水果都有著令人驚豔的色彩,這些自然的東西能給人靈感。Gary在南非有著自己的網絡商店,他的設計靈感來自南非“光明而溫暖的陽光”。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


在這些富有水彩畫質感的作品中,我們不難看出他的靈感來源:溫暖的火紅色,日落般絢爛的色彩,鮮豔的森林綠,充滿生命力。你可以輕鬆在網上找到別人的設計和方案,但是隻有你從自然獲取到的色彩,才是屬於你自己的。

7、專注於3到4種色彩

除非你是要設計一套奇花無比的“彩虹系”的作品,那麼儘量避免色彩使用過量。智利平面設計師RodrigoGerman 認為,將整個設計的色彩控制在三到四個,會讓整體看起來清爽而不會太過。如果需要超過三個色彩,儘量在現有色彩中加入黑白灰創造同色系色彩。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


這個案例中,Rodrigo 使用了Marty字體,色彩上也堅持了他的三色原則,只使用了粉色、黑色和綠色。所以,如果你想堅持自己的創意和設計,但是又感覺還有缺陷存在,不妨看看是不是配色方案用色過多。記住,最佳的配色方案是三種色彩。

8、根據主題來匹配色彩

想想看,你的設計到底是針對的什麼主題。是關於運動、時尚、美容還是商務?決定了領域之後,你需要考慮的是與之相關的情緒是怎樣的。這應該是一個可愛的時尚的宣傳單,還是一個積極向上的體育海報?它應該是女性化的,還應該是優雅而開朗的?GraphicBox 的設計師 Salome 是這樣的建議的:“你應該線構思出一個粗略的顏色主題,然後繼續打磨細節。比如,你需要一個浪漫的紫色,或者可愛的粉紅色。”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


在她的秋季Graphic Kit 中,Salome 就採用了相對樸實的綠色、淺橙色和復古紅。仔細看看周圍的類似的圖片、設計和創意作品,他們用了什麼色調、傳達了什麼情緒,如果你要借鑑的話,兩者之間有什麼區別,要注意什麼細節,又該怎麼使用。另外一個不錯的選擇是自己鑽研色彩理論。研讀一下色彩理論和色彩心理學,瞭解色彩之間的關係、色彩對於用戶心理的影響。不過,請記住:選擇那些最有效的色彩!

9、在Pinterest和搜尋主題模板

雖然國內的花瓣擁有大量“符合國人需求”的畫板合集,但是用戶基數與品質依然比不上這個領域的開拓者Pinterest。Pinterest 幾乎是世界上最大的創意工作者的集散地,這裡也有著數量龐大、可供選擇的調色板。VintageDesign Co., 創始人 Ian Barnard 為我們詳細講述了在Pinterest 尋找配色方案的過程:“很簡單,如果我正打算做一個海灘主題的海報,那麼我通常只需要搜索‘SummerColor Palettes’,然後在搜索結果中挑選一箇中意的就好了。 ”

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


就這麼簡單?當然,不過好玩兒的地方在於,你還可以繼續細化篩選,針對不同領域篩選:室內設計、時尚、平面設計,甚至活動設計。

10、關注色彩愛好者的社區

Colourlovers 就是一個典型的圍繞色彩而存在的創意社區,來自世界各地的色彩愛好者在這裡集結,加入社區便可以同370萬來自世界各地的設計師一同探討配色方案。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹


結語

色彩可以成就設計,也可以毀掉設計。它可以帶來美麗與平和,也可以創造尖銳的效果,營造恐怖的氛圍,而這些都取決於你,這些效果都最終歸結於你對於色調的選取是否認真,都源自於你對於設計最初的想法。

Adobe Photoshop我的排版技巧+色彩運用的10個技巧介紹

記得關注哦

記得評論哦

記得轉發哦

第二篇來源/:設計帝國網站(最終版權歸原著作者所有)


分享到:


相關文章: