讓我們聊聊平面設計

一、前言
這是一篇非正式分享文,目的是爲了讓沒有接觸過平面設計的讀者讀完本文後可以對平面設計有更多瞭解或是淺層入門。筆者王君雅,現有的平面設計知識一方面由實驗室學長手把手傳授,另一方面由自學所成。經歷有限、能力有限,只是用文字和大家聊聊天。如果文章有任何錯誤或是想與筆者交流關於設計方面知識,隨時歡迎。在聊天之前,我想先放一張圖,是我在剛入門的時候,“師傅”給我看的一張圖,兩年的時間讓我越來越體會到這張圖的含義
在這裏插入圖片描述
好了我們開始正文。

平面設計是什麼?百度百科裏是這麼解釋的:
在這裏插入圖片描述
有人看完這段話可能還是有點霧水,筆者講述一下個人對平面設計的理解:平面設計是一種“交互”,設計的作者將圖片文字等組合起來,以此爲媒介將信息傳遞給觀看者或者使用者,從而達到一種交互的目的。
如何學習平面設計?首先是提高審美。你可能覺得正常人都有審美,沒什麼可提高的。爲了強調審美以及設計的重要性並且讓大家側面瞭解一下現在的審美大概在什麼位置,這裏貼一些圖。
這是第31屆中國電影金雞獎(第26屆中國金雞百花電影節閉幕式)一張照片,彷彿鄉村中的晚會?
在這裏插入圖片描述
26屆可能年代比較久遠了,我們說說今年11月將要舉辦的第28屆金雞百花電影節“海報”
在這裏插入圖片描述
官方告訴你,這不是
在這裏插入圖片描述
那麼真正的海報會不會比這張更驚豔呢?今年的海報我們還看不到,先看看前幾年的宣傳海報吧
在這裏插入圖片描述
在這裏插入圖片描述
這樣的審美的確讓人擔憂。不止這些,此類設計遍佈我們四周,比如每個小區都會出現的魔幻搖搖車
在這裏插入圖片描述
路邊總會接到的各種傳單
在這裏插入圖片描述
包括考研機構的廣告、各種健身房教練名片、三四線城市統一的店牌等,這樣的設計一直陪伴着我們成長。爲了提高審美,建議多看優秀設計,只有見過了好的才知道什麼不好。推薦網站會放在文章最後。
有了審美之後還需要的當然是會使用相關軟件。PS(Adobe Photoshop)、AI(Adobe illustrator)、CDR(CorelDRAW Graphics Suite)被叫做設計必學的三個軟件,這裏不進行介紹和講解,有需要可以自行百度。但要注意的是,並不是會使用軟件就是會平面設計,如果可以最好在學習過程中找一些與操作相關的實例來理解消化。
設計是一個很神奇的東西,本人認爲更多需要的是經驗和長期思考觀察所積累的意識,以及絕不踏入公認的雷區。下面從幾個方面來淺層面地聊聊平面設計,希望可以對沒有接觸過此方面甚至不會使用相關軟件的讀者有所幫助。
二、設計三大構成
這裏我先用表格概括一下
在這裏插入圖片描述
1.平面構成
點
點並不是指的單純的“點”,它可以指形狀,也可以指大小或者是物體、某個集中的部分,比如教室的講桌上有一盒粉筆盒,粉筆盒在這裏可以稱之爲“點”,換句話說,每個構成元素都可以看做點,以下圖爲例,手柄是元素,可以看做一個點。
在這裏插入圖片描述
大小:
越小越有“點”的感覺,小而密集的點形成層次
在這裏插入圖片描述
大的點形成的感覺強烈
在這裏插入圖片描述
數量:
一個點標明位置,強調、簡潔,但不小心容易變得空洞,與位置有關,下一小節會涉及到
兩個點構成視覺引導
在這裏插入圖片描述
三個點構成正三角形有穩定感,倒三角形有不穩定感,四個角缺一個有缺失感
在這裏插入圖片描述
多個點一排有秩序感,間距較大有分散感,大小不一但間距較近有深入感
在這裏插入圖片描述
位置:
點位於下方沉穩
在這裏插入圖片描述
位於上方是一般的閱讀順序
在這裏插入圖片描述
位於正中央集中
在這裏插入圖片描述
線
直、彎:
直線有力量感
在這裏插入圖片描述
曲線有飄逸的感覺
在這裏插入圖片描述
長、短:
長線有延續的感覺
在這裏插入圖片描述
短線有停頓感
在這裏插入圖片描述
粗、細:
粗線有厚重感
在這裏插入圖片描述
細線有纖細感
在這裏插入圖片描述
面
直線面:規則、理性感
在這裏插入圖片描述
曲線面:生動、自由感
在這裏插入圖片描述
不規則面:有視覺衝擊、藝術感
在這裏插入圖片描述
2.立體構成
產生深度,給人真實感,通過三維體現力量
在這裏插入圖片描述
在這裏插入圖片描述
3.色彩構成
色相是色彩的首要特徵,是區別各種不同色彩的最準確的標準。
認識色相環:
在這裏插入圖片描述
上圖是24色相環,有關配色方面會在下文提到
純度(飽和度)指色彩的純潔性,是色彩遠離中性色的距離。一種顏色的飽和度越高,它就越鮮豔;一種顏色的飽和度越低,它就越接近於灰色。下圖拾色器“H、S、B”中的S就指的是飽和度
在這裏插入圖片描述
在這裏插入圖片描述
明度是色彩的明亮程度,調色器上“B”就是明度,可以理解爲顏色深淺
在這裏插入圖片描述
在這裏插入圖片描述
RGB與CMYK
RGB是Photoshop中默認的模式(屏幕顯示一般是RGB),RGB是一種“光”可以反映到人們的眼中,R、G、B是光的三原色“紅、綠、藍”。
CMYK是一種“油墨“主要用於打印或是印刷色澤連續的圖像,C、M、Y分別是顏料的三種基色“青色、品色、黃色”,K代表黑色,至於爲什麼摻雜K來代表黑色,感興趣的可以通過百度等途徑進行更深一步理解。
但是打印出來的效果是否和屏幕上顯示的CMYK效果一樣呢?這個要有很多因素影響,需要分情況討論,顯示器使用的看圖軟件不同、顯示器的屏幕分辨率、要做的製品分類不同情況都不一樣。
色彩心理學
冷色暖色
關於冷暖色,下圖形容的很形象了
在這裏插入圖片描述
摘自新浪網
前進色後退色
暖色調的顏色屬於前進色,冷色調顏色屬於後退色。兩種顏色疊加或組合時,會覺得暖色調在“前面”,因此,宣傳單和房地產商等的宣傳單都會用黃色橙色等前進色來顯示,表現出來更醒目。室內設計爲了讓房間顯得空間更大、或是消除擁擠的感覺也會用這類方法。
在這裏插入圖片描述
膨脹色收縮色
膨脹色可以使物體的視覺效果變大,而收縮色可以使物體的視覺效果變小。這個在配衣服方面常常被用到,就比如打底褲大多都是黑色的,很多人都說黑色顯瘦。
在這裏插入圖片描述
色彩給人的感受
關於每個顏色所代表的性格和給人的感覺,這裏不做介紹,色彩通過光線刺激人的視覺,形成複雜的色彩心理。有些太亮的顏色會讓人有興奮的感覺,但時間過長會有不適感,比如這個全是紅色的電影院
在這裏插入圖片描述
色彩搭配
色彩搭配和色環就有關係了,可以說色彩搭配的方式太多了,有些很普遍不會出大問題,有的搭配方式很冒險,但用得好也很經驗,這裏建議新人還是先使用大衆方案,出奇的方案可以通過訓練一點點來
補色:在色輪上相互對立的顏色,因爲對立,所以可以當成兩種不同的對立色
在這裏插入圖片描述
三元羣:顏色對立且分配均勻,保證主體明確且協調
在這裏插入圖片描述
類比:感覺上整齊且協調
在這裏插入圖片描述
還有其他方案,本人會在文章最後推薦一些網站,當不知道如何配色或者找不到合適的配色方案時,可以去網站上找配色方案或者找尋靈感。
三、設計四大原則
由於篇幅問題,四大原則我用一個例子來形象化一些,若有機會可以再與大家深入。
我想做一張海報,先把要寫的東西放到了海報上面(背景是白色)
在這裏插入圖片描述
親密性——元素關聯
如果兩個人走在街上離的很近,那我們可以判斷他們是有關係的;聚會或是活動時人和人總是會一小團一小團聚在一起。設計也是一樣的,元素之間的親密性反映了它們的關聯,相干元素當然想辦法將它們放在比較近或者是比較親密的地方。順便找個背景(最好和主題有關係)
在這裏插入圖片描述
對齊——視覺聯繫
光有親密度是不夠的,如果沒有對齊就會像羊羣一樣,放眼望去一片一片的,秩序的東西使人感到舒適。對齊我們都知道有左對齊右對齊和居中對齊,最好只使用一種對齊方式。要注意使用居中對齊時要明顯一些,否則會有一種很奇怪的感覺。
在這裏插入圖片描述
重複
我們中學做語文閱讀的時候都會問你排比句的作用,可以回答表強調錶遞進表示……一句話前後文都出現了我們可以回答是前後呼應,同一個班級會有班服來表示這是一個集體。這裏的重複也有類似作用,像word裏的標題一、標題二或者項目符號一樣,可以用方框、線等形式表示統一。(順便換了字體)
在這裏插入圖片描述
對比
競賽因爲有對比才顯得激烈,人和人因爲對比才顯得不同,元素和元素之間因爲對比才能突出重點
在這裏插入圖片描述

在這裏插入圖片描述
四、終
設計這個東西太大了,要學的東西也很多,我提到的東西就像數學計算的九九乘法表一樣,但是這個“九九乘法表”裏面單是一個小點可能都可以拿出來講一本書,希望看完這篇文章可以有所收穫。
文末貼一些我比較喜歡的網站,可以讓大家的設計之路平坦一丟丟
網站收集or推薦類:
Seeseed,(偏收集,可以把一切喜歡的網站都收集在裏面)
https://www.seeseed.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
優設導航,(偏推薦,不止推薦網站,還有書、教程等)
https://hao.uisdc.com/
設計導航
http://hao.shejidaren.com/
圖片類:
VOICER|分享生活中的設計美學
http://www.voicer.me/
Arting365|創意門戶網站
http://arting365.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
花瓣網(圖片收集網站,這篇文章很多圖是從裏面找的)
https://huaban.com/
Beautiful Free Image&Pictures(風格很簡約)
https://unsplash.com/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
視覺me設計社區
http://www.shijue.me/?utm_source=qq&utm_medium=social&utm_member=MDYzZDg3ZTViNzkyYzkyMmZlYjBkZDc0MTBiZGJiZmM%3D
配色類:
色輪生成器(Adobe Color,探索那個功能帥的一匹)
https://color.adobe.com/zh/create/color-wheel/
中國色(界面與動效美爆,本來有個日本傳統色··結果現在沒了)
http://zhongguose.com/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章