色輪在手蕴侣,審美可以有

為什么要寫設(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>色輪在手圾另,審美咱也有霸株。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市集乔,隨后出現(xiàn)的幾起案子去件,更是在濱河造成了極大的恐慌,老刑警劉巖扰路,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尤溜,死亡現(xiàn)場離奇詭異,居然都是意外死亡汗唱,警方通過查閱死者的電腦和手機(jī)宫莱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來哩罪,“玉大人授霸,你說我怎么就攤上這事肥印。” “怎么了绝葡?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵深碱,是天一觀的道長。 經(jīng)常有香客問我藏畅,道長敷硅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任愉阎,我火速辦了婚禮绞蹦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘榜旦。我一直安慰自己幽七,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布溅呢。 她就那樣靜靜地躺著澡屡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪咐旧。 梳的紋絲不亂的頭發(fā)上驶鹉,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機(jī)與錄音铣墨,去河邊找鬼室埋。 笑死,一個胖子當(dāng)著我的面吹牛伊约,可吹牛的內(nèi)容都是我干的姚淆。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼屡律,長吁一口氣:“原來是場噩夢啊……” “哼腌逢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起疹尾,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤上忍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后纳本,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體窍蓝,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年繁成,在試婚紗的時候發(fā)現(xiàn)自己被綠了吓笙。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片关摇。...
    茶點(diǎn)故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡芳杏,死狀恐怖疲扎,靈堂內(nèi)的尸體忽然破棺而出冲甘,到底是詐尸還是另有隱情,我是刑警寧澤叁鉴,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布土涝,位于F島的核電站,受9級特大地震影響幌墓,放射性物質(zhì)發(fā)生泄漏但壮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一常侣、第九天 我趴在偏房一處隱蔽的房頂上張望蜡饵。 院中可真熱鬧,春花似錦胳施、人聲如沸溯祸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽焦辅。三九已至,卻和暖如春胆绊,著一層夾襖步出監(jiān)牢的瞬間氨鹏,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工压状, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人跟继。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓种冬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親舔糖。 傳聞我的和親對象是個殘疾皇子娱两,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 最近被部門前輩安利一本好書《用數(shù)據(jù)講故事》,讀完以后覺得很有啟發(fā)金吗,也將我之前閱讀的其他內(nèi)容聯(lián)系到了一起十兢,其中有三個...
    是高斯斯閱讀 2,794評論 0 2
  • (一)常識。 1.有沒有速成的招數(shù)讓PPT及格摇庙? 上圖和下圖旱物,找出五個不同嗎?哪一個更舒服卫袒? 下邊的圖用了 cra...
    晉文筆記閱讀 462評論 0 0
  • 卷首語 歡迎來到 objc.io 第五期宵呛! 我們希望你跟我們一樣為 iOS 7 的發(fā)布而感到興奮。選擇這個做為本期...
    評評分分閱讀 565評論 0 4
  • 四大原則 對比:可讀性夕凝,強(qiáng)調(diào)重點(diǎn)宝穗。對比的元素需截然不同户秤。包括字體、顏色逮矛、間隔鸡号、材質(zhì)(背景)。 重復(fù):一致性须鼎,增強(qiáng)認(rèn)...
    711child閱讀 422評論 0 3
  • 一膜蠢、引言 作為一名IT從業(yè)者,不僅要有扎實(shí)的知識儲備莉兰,出色的業(yè)務(wù)能力挑围,還需要具備一定的軟實(shí)力。軟實(shí)力體現(xiàn)在具體事務(wù)...
    fullstackyang閱讀 8,508評論 3 40