為什么要寫設(shè)計相關(guān)的內(nèi)容焰轻?
1>博主在做內(nèi)容排版的時候,經(jīng)常會糾結(jié)于重點(diǎn)內(nèi)容的體現(xiàn)方式睛蛛,是加下劃線鹦马?字體加粗胧谈?字號變大忆肾?調(diào)字體顏色?還是用斜體字菱肖?(也確實(shí)會有朋友吐槽:這下劃線也太多啦客冈!雖然咱們不追求多么有設(shè)計美感,至少做得專業(yè)一些稳强,不要看起來太外行)场仲;
2>工作中需要做圖表和悦,偶爾寫點(diǎn)PPT,在配色上經(jīng)常很糾結(jié)渠缕,來回調(diào)整鸽素,巨花時間,希望找到一些設(shè)計標(biāo)準(zhǔn)或潛在的規(guī)則告訴我們什么樣的設(shè)計是更好的亦鳞,不是隨心所欲的馍忽,尤其是在有人diss審美battle的時候能有理有據(jù)、講出個123(讓battle變成better)燕差。
讀完本篇也許大概可能會:
1>懂配色遭笋,服裝搭配不用愁;
2>PPT排版更快徒探。
一件作品的配色瓦呼、布局、形狀構(gòu)成了我們的視覺感受测暗,那就從這3個方面展開說明吧:
1. 顏色
2. 布局
3. 字體
一央串、顏色
這是不是你的顏色庫?
簡單顏色不夠用碗啄,復(fù)雜顏色不會用蹋辅,主打的就是個靠感覺混搭~
2023年在跟設(shè)計師討論數(shù)據(jù)界面設(shè)計的時候,設(shè)計師提到:“要不你在色輪上挑一挑顏色挫掏,要體現(xiàn)重點(diǎn)就用對立色”侦另,從此打開了顏色的大門,正所謂授人以魚不如授人以漁尉共。
1. 色輪褒傅,設(shè)計師的調(diào)色板
色輪就是告訴我們顏色的構(gòu)成,以及有哪些可選色:
1>色輪的基礎(chǔ)色是紅袄友、黃殿托、藍(lán)三色,也叫三原色剧蚣,即不能通過其他顏色混合得到支竹;
2>三原色層層疊加、等量暈染就形成了具有12種基礎(chǔ)色的色輪鸠按,如:藍(lán)+黃=綠礼搁、藍(lán)+紅=紫、紅+黃=橙目尖;
3>對基礎(chǔ)色疊加黑色構(gòu)成暗色馒吴、疊加白色構(gòu)成亮色,進(jìn)一步擴(kuò)大顏色的選擇。
人眼看到的自然界物體顏色饮戳,是光譜先打在物體上豪治,物體吸收一部分,再反射給人的眼睛扯罐,而人看到屏幕的顏色负拟,不經(jīng)過反射,會直接進(jìn)入眼睛歹河。
CMYK與RGB這兩種顏色模型就分別適用于這兩種不同的的場景:
如果要把顏色打印到物理介質(zhì)上齿椅,就要使用CMYK顏色模型,如:書籍启泣、雜志涣脚、宣傳單;
電腦寥茫、手機(jī)使用的都RGB顏色模型遣蚀。
2. 情緒顏色
人有情緒有性格,顏色也有纱耻,有時候通過觀察衣服顏色就可以感知到對方的情緒芭梯。
一些顏色的特點(diǎn)舉例>>>
綠色:大自然的顏色,給人具有生命力弄喘、安全玖喘、樸素、穩(wěn)重蘑志、又有野性的感受累奈;
黃色:醒目且明亮,陽光急但、活潑澎媒、有朝氣、熱鬧波桩;
橙色:家庭的感覺戒努,溫暖、陽光镐躲、放松储玫;
藍(lán)色:是天空和海洋的顏色,會有開闊萤皂、理性的感受撒穷;
紫色:是幻想色,優(yōu)雅敌蚜、成熟桥滨、神秘;
粉色:給人夢幻弛车、可愛齐媒、溫柔的感受;
黑色:是無法被別的顏色染色的顏色纷跛,有保守喻括、壓抑、傳統(tǒng)的感受贫奠;
白色:如空氣一般存在唬血,純潔、知性唤崭、樸素拷恨,也會有無趣、平淡的感受谢肾;
紅色:積極腕侄、熱情的顏色,有力量的顏色芦疏。
3. 配色方法
1>互補(bǔ)色冕杠,色輪上完全對立的顏色,一種作為主色酸茴,一種用于強(qiáng)調(diào)分预,體現(xiàn)沖突、對立薪捍;
2>分裂互補(bǔ)三色笼痹,即選擇一種顏色,再搭配對立色鄰近的兩個顏色酪穿,可以增加視覺活力;
3>三色組与倡,色輪上互相等距離的三種顏色搭配,會看起來非常協(xié)調(diào)昆稿;
4>近似色纺座,選擇色輪上相近的2-3個顏色,因?yàn)橛邢嗤幕A(chǔ)色溉潭,所以顏色組合也很協(xié)調(diào)净响,會給人一種沉著冷靜的感覺;
5>單色喳瓣,即同一基礎(chǔ)色搭配暗色與亮色使用馋贤;
6>暖色與冷色:紅色、黃色加熱畏陕,藍(lán)色降溫配乓,暖色是趨進(jìn)型,可以抓住視線,冷色是后退型犹芹,適合做背景色崎页,組合冷暖色調(diào)時,要盡量少使用暖色腰埂。
在服裝顏色搭配上也可以用到色輪:
如果你想讓自己看起來冷靜沉著飒焦,就選近似色;
如果你想讓自己看起來灑脫活力屿笼,就選互補(bǔ)色牺荠。
二、設(shè)計基本原則
設(shè)計不是整容驴一、不是炫技休雌,核心原則是對信息進(jìn)行有效組織,有條理的信息更容易閱讀肝断,也更容易被記住杈曲。
這張圖中的卡片V2是在《看人之間》文中的一個圖片素材,借助這個例子來說明設(shè)計原則:
V1是最初的文字信息孝情,頁面混亂鱼蝉,難以快速抓到重點(diǎn);
V2是發(fā)表內(nèi)容時的配圖箫荡,對標(biāo)題魁亦、副標(biāo)題、內(nèi)容做了區(qū)分羔挡;
V3是學(xué)習(xí)設(shè)計原則之后做的調(diào)整洁奈,對布局、顏色做了調(diào)整绞灼。
接下來說明這些調(diào)整遵循的設(shè)計原則>>>
1. 親密性
親密性:指如果某些元素存在理解上的關(guān)聯(lián)關(guān)系利术,在視覺上也應(yīng)該存在關(guān)聯(lián)(可以是字體、形狀低矮、顏色上的關(guān)聯(lián))印叁。
作用:親密性有助于組織信息,減少混亂军掂,提供清晰的結(jié)構(gòu)轮蜕。
1>相關(guān)的項(xiàng)靠近,就會存在親密性蝗锥,它們就會成為一個視覺單元跃洛,而不是多個孤立的元素;
2>把孤立的元素統(tǒng)一為一個視覺單元终议,避免一個頁面上有太多孤立的元素汇竭;
3>如果元素屬于同一個子集葱蝗,可以使用同樣大小的空白。
2. 對齊
對齊:指的是頁面上的每個元素都不可以隨意安放细燎,應(yīng)該與頁面上的某個內(nèi)容存在某種視覺聯(lián)系两曼,讓頁面看起來統(tǒng)一且有條理。
作用:對齊可以建立一種清晰找颓、精巧合愈、清爽的外觀叮贩。
1>選擇左對齊或者右對齊击狮,會有一條看不見的線,讓頁面看起來更精致(因?yàn)橛形锢砩系摹斑叀保?br>2>一個頁面只使用一種對齊方式益老。
ps:有時候可以打破規(guī)則彪蓬,但打破規(guī)則前必須清楚規(guī)則是什么。
3. 重復(fù)
重復(fù):讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)捺萌,如:重復(fù)顏色档冬、空間關(guān)系、字體桃纯、大小和圖片等酷誓;
作用:重復(fù)可以增加條理性,還可以加強(qiáng)統(tǒng)一性态坦,增強(qiáng)視覺效果盐数。
1>表達(dá)重復(fù)的元素可以是字體加粗、線條加粗伞梯、某個符號玫氢、圖片、顏色等谜诫,讀者能看到的任何方面都可以作為重復(fù)元素漾峡。
4. 對比
對比:如果元素的字體、顏色喻旷、大小生逸、形狀、空間等不同且预,那就干脆讓它們截然不同槽袄;
作用:我們的眼睛喜歡看到對比的事物,對比有助于增強(qiáng)信息效果辣之,也有助于信息組織掰伸。
1> 對比可以在不同元素之間建立層次結(jié)構(gòu),要對比怀估,就要“強(qiáng)烈對比”Jㄑ肌:辖痢!
2> 有哪些對比方式呢歧蕉?大字體與小字體的對比灾部、粗線條與細(xì)線條對比、暖色與冷色對比...
當(dāng)博主了解到這些設(shè)計原則之后惯退,寫PPT更快了~
三赌髓、字體
在計劃寫字體這部分內(nèi)容時,咨詢了設(shè)計師好好催跪,“在設(shè)計師眼中锁蠕,字體設(shè)計有沒有一些原則可以參考?”
她說:“不要侵權(quán)0谜簟H偾恪!”
剛開始當(dāng)開玩笑骑丸,后來認(rèn)真想了一下舌仍,我們小公眾號,如果被舉報侵權(quán)通危、抄襲就不好了铸豁,所以未聲明來源的配圖要自己畫、留底稿菊碟。
1. 字體讓語言有了視覺形態(tài)
曾在廣告學(xué)中看到過這樣一個規(guī)則:“英文標(biāo)題不要用全大寫字母节芥,可以首字母大寫】蚬担”
一直不理解這一規(guī)則的內(nèi)在原因藏古,最近在設(shè)計學(xué)中找到了關(guān)鍵答案:“兩種寫法的圖像呈現(xiàn)是不一樣的,我們習(xí)慣于閱讀小寫字體忍燥,而人根據(jù)圖像識別做判斷更快拧晕。”
字體之間的對比可以從六個角度來選擇:大小梅垄、粗細(xì)厂捞、結(jié)構(gòu)、形狀队丝、方向靡馁、顏色,當(dāng)然也可以組合使用机久;
關(guān)于字體的選擇臭墨,博主用到的還是office免費(fèi)的字體:微軟雅黑、Arial膘盖、宋體胧弛、黑體尤误、仿宋,就不做過多說明了结缚。
2. 給文字加下劃線
當(dāng)我在問到設(shè)計師损晤,如何看待“給文字加下劃線”這一操作時,又又又上課了:
1>不要使用下劃線:旖摺S妊!
2>你有在書里茵宪、雜志里看到過下劃線嗎最冰?下劃線是一種視覺信號,因?yàn)樵缙诘拇蜃謾C(jī)無法直接打出斜體字眉厨,所以打字員在段落標(biāo)記下劃線锌奴,以此告訴印刷人員“此段落為斜體打印”兽狭;
3>突出重點(diǎn)更專業(yè)的表達(dá)可以通過粗體憾股、大字號、跳色等方式組合實(shí)現(xiàn)箕慧,只要在設(shè)計上區(qū)分開服球,就能吸引讀者注意力。
文末:
1>設(shè)計師好好問到“如何通過數(shù)據(jù)分析來提升圖片點(diǎn)擊率颠焦,帶動銷量斩熊?”,這個問題比較復(fù)雜伐庭,博主還在研究粉渠,盡量在2025年可以出一篇系統(tǒng)分析的內(nèi)容;
2>色輪在手圾另,審美咱也有霸株。