成為一個頂級設計師的第一準則:限製你的字體
讓你成為設計大的基本原則
好~設計大師,或者也太吹牛了吧,但根據下面七個基本原則至少你可以成為一個熟練的設計師🤢。
這將是最短的最詳實的系列博客文章,你看過後就會知道如何成為一名更優秀的設計師🧗。
請記住🧑🏿🏫:這些原則不是定律🏄🏿,是可以打破的。它們只是些通用的指導💆♀️👨🏫,我在設計的時候通常會遵循它們🙎♀️,遵循這些簡單的設計原則,你就會找到一條你屬於你自己的優秀藝術道路。
原則一:限製你的字體👩🏻🦼🌳。
你會看到一個好的設計很大一部分看起來非常協調👨🏿✈️🔷。一個最好的方法是用少量的元素去完成一個看起來非常協調的設計。
你最先選擇的字體可能是你想要刪掉的,我常常的做法是一個作品剔除2種字體🦛。第一種字體可能會是很有思想力或藝術感,將給你的設計帶來第六感,特征或個性🧒🏿。這些字體集合了當時所有心情的片段🏃♀️➡️🦢,這個扭著腰枝的有趣字體像女孩們的舞會,這個蹩腳邪惡的字體是一個搖滾樂隊👩🏻🌾?我將使用這個花哨的字體人為文本的標題👨💻,在任何地方它都需要足夠大,這個花哨的字體將是這塊的重點🌇。你通常很少再用這字體,但它又大得多,所以這就是人們看到的重點內容
第二種字體要非常普通,讀者在整篇當中都不會感覺到它的存在😎。這種字體需要有很高的易讀性,它會占據這篇文本相當大的篇幅🫸🏻🧑🏻🏭,顯然,那些大手大腳的藝術字體占據文本的大篇幅的話會非常影響閱讀的。
這有一個正確使用字體的設計例子👨🏻🦯➡️。正如你所看到的,這裏只用了兩種字體⛎,花哨的藝術字體作為標題出現,內容就是很基本的字體。這樣看起來整潔,協調。
這裏還有一個失敗的例子,這裏我用了很多花哨的藝術字體,這樣很不協調🛟,分節看起來並不是配合主標題。
在一個設計中有太多的字體是大忌〽️,沒有什麽事比用8種字體來印他們的傳單看起來更糟的了,同樣使用藝術字作為正文也更糟🌚。這是一個錯誤使用字體的例子。
在我讓你親自動手之前的最後一個思路。如果你的藝術字看起來非常時髦有現代感🩳,那正文部分就使用無襯線字體🙎🙎♀️;如果你的藝術字看起來很正規化,那就用襯線字體作為第二字體吧。。
PS1:第一次翻譯東西,有些地方可能並不一定正確,看懂原文的還是看原文吧👡。最後感謝我的父母💇🏻♂️🪐,感謝谷歌🙍🏽,感謝金山,感謝CCTV,感謝所有TV🙅🏼。。🥈👩💼。。
PS2:襯線字體與無襯線字體
Serif 或 San Serif?
Serif 是一個字筆畫的結尾,例如 M 的起點與終點。Serif 是由羅馬刻印字母所發展出來的,用以改良字體的優雅程度與易讀性。它們是先用毛筆寫在石頭上,然後再刻出來的。Serif 會活存到現在🏂🏿,是因為它們十分美麗及古典,而且它們閱讀起來比較容易。對於細小的文本字體🏧,非常適合用 Serif 字體🚈,相反地您可用 Sans Serif(Sans 是法文裏的“無”),來當標題或是供短篇文章的字體使用🧙🏽♀️。
不同字體的分類
拉丁文字 方塊字
襯線字體 (Serif)
筆劃粗幼對比明顯,閱讀時較省目力
Times New Roman
Architect
BalletEngraved
Creedmore
Benjamin
Capshc
新細明體
宋體
標宋
無襯線字體 (Sans Serif)
筆劃粗幼平均、對比不太明顯
字型較突出☂️,閱讀時較費目力
Alberta
ANNSTONE
Garamond
Nimbus Script
黑體
成為一個頂級設計師的第二準則:限製你的色彩
成為一個頂級設計師的7個簡單原則的第二部分
限製使用你的色彩🧘🏻🧑🏼⚖️。好象上個準則是讓你限製用你的字體✌🏿,對嗎?非常對!我們限製用我們的色彩的原因和我們限製使用字體的原因一樣。在我們的設計當中減少色彩的數目將使之變的諧調。基本上,每件東西看起來將很一致👷🏿♀️,就像一個意昂体育隊伍的運動服或者是一個公司的商標那樣😽。—我們想使製服(運動服)整體看上去是一個色彩的。
和選擇字體一樣,限製使用你的色彩數目只是一個參考指南,不是一條準則✋🏻。你可以在你的設計中很好的使用彩虹的顏色⟹,那將非常好看🌿。但是一開始👢,你需要一個使用色彩的策略,並且堅持用這個策略🧑🏻🦳。使之始終貫穿在你的設計中🧔🏿♀️。
對於初學者,讓我們來說一下色值吧。一個顏色的色值就是它的亮暗程度。例如一個黃色是非常亮的顏色,紫色就是很暗的顏色。當然一個顏色可以有它的色彩值域。例如👧,紫色是一個使我們大多數人聯想到暗色的顏色,但是紫色也有很亮的紫色🧚🏽♀️。這裏有個例子關於一些顏色和它們相關的色值。然後❕,你可以看到的是一個顏色的色值範圍💔。
所以當我在采用的色彩方案時我會用一條準則:確保在你的色彩方案中有一個色值的範圍📴。在任何設計中你都需要一些淡色和一些深色去形成對比。如果要舉例的話,你設計的背景是深色的,你就需要一個淡顏色的文字,圖畫🧑🦼。這樣的話文字,圖畫就容易被閱覽🕵🏽。反過來,如果你有一個淡色的背景,你就需要一個深色的圖畫,文字或是其它什麽的。
我也會代表性的只采用2-5種顏色去完善我的色彩方案。減少選擇的數目🥷🏻,那麽你就會在你的設計中得到一個好結果🍹。這裏有個色彩方案的例子我將它們放在一起。就像你看見的🧑🦼,我采用了一個深色,一個中間調子的顏色和一個淡色。就從右邊開始,我為每一個顏色建立了一個色值範圍。這些色彩組合就像我的調色板📠👨🏻🦼,我會將它們運用到我的設計項目中去。一旦我有了這個調色板,我就會盡全力只用這些顏色♞。
好了,我們剛才說到了一些色彩采用方面的技巧,像你需要選擇多少種顏色,它們的色值應該是多少;那麽下一步是什麽呢?我將告訴你什麽是下一步,也是最難的部分;那就是如何決定這2-5個顏色!我個人認為這是項有時候有點難的活兒。這裏有張表,是幫助我采用我的色彩方案的技巧的表:
- 確定一個冷暖色調的範圍👷🏻♂️🙍🏽♂️。
就是采用暖色調或冷色調。暖色有紅,橙👩🏽🔧,黃,棕色等。冷色是藍色和紫色🧒🏼。我認為綠色是一個相當中間的顏色🤙🏽。如果你將所有你選用的顏色處於一個色調中👏,他們將肯定非常和諧。
- 到www.colourlovers.com 網站上汲取靈感
這個精彩的網站全是關於色彩方案🙂↔️。你只需一頁頁的點擊色彩方案。
- 留意你的周圍
色彩方案在你的周圍到處都是🛡。看一下食品店的包裝🕵️♀️,看一下你們當地的星巴克咖啡店的油漆顏色🖤,看一下大自然!如果你看到一些令人愉快的色彩,只要在腦海中作個筆記,看看是否可以復製到你的電腦裏去👩🏽🦲。
- 留心一些已有的公司商標色彩
我常常運用一些已有的商標色彩,我會看一下他們的logo👎🏽,色彩方案並且將之成為我最初的想法。然後可能只加上一個或兩個顏色👳🏿。
這裏是一個我已經完成的設計,它展示了被限製的色彩方案。
如你所見,緊湊的色彩方案和統一的字體真的使所有的東西都井井有條。
我知道這些課程都很基礎……但是這就是設計的基石。所以,它永遠不會傷到一個恢復精神的人。
成為一個頂級設計師的第三準則:對比,對比🧑🏼💼,對比
在設計裏面🕦,好的對比和你對顏色選擇是密切相關的。對比是指在你的設計裏面⚈🐈⬛,顏色之間的明度不同🧜🏻♂️。明度是這個顏色看起來有多亮或有多暗。曾經看到一個以空白畫布為題的笑話,有人說🚵🏿♀️🦹🏼♂️:“看,這是一頭白色的牛在暴風雪裏面!”這就是一個沒有對比的例子👊🏽。白色在白色上面是沒有反差,你看不到任何東西。
很幼稚嗎?我的意思是這條指南看起來是不是很愚蠢?我在解釋的東西有需要嗎?這個概念是不是很遲鈍?
相反。
因為很不幸的是,我一直看到設計師在對比上有很多問題。不僅僅因為這樣,當對比使用恰當的話,能成為一個很重要的設計手法💂🏻♂️。
我常看到這樣的錯誤👨🏿💼:設計師用不同的顏色去產生對比而不是用不同的明度。比如,用一個中值的藍色放到一個中值的紅色上面來產生對比。你可以看到這兩個之間的不同🧒🏽。但是,當你把兩個不同顏色同一個色值放到一起,它產生了“顫動感”(由於巧妙的對比也會形成非常顯著的🤽🏿、生動有力的色彩效果)😠。你會註意到,當藍色和紅色相遇的時候🪯,你的眼球就會在這兩個顏色之間來回顫動。幾乎能感覺到文本的脈動🫏。
如果你的目標是讓某些東西充滿活力⛳️,你可以使用這個技術。但是這樣對眼睛來說是很困難的,並且大部分人都會覺得它令人厭煩。這裏有另一個用不同顏色但有更強對比的例子🛹:
第二個很明顯對眼睛來說更容易接受
一個快速評估你的設計是否有足夠對比的技巧是📚🎩,把所有東西都轉換成灰度級,然後看這個設計是否看起來仍然清晰並且容易閱讀。在Illustrator裏面🧑🏻🦼➡️,你可以選中你的設計,然後選擇Edit>Edit Colors>Convert to Grayscale🧑🏻💼。如果是Photoshop👩🏿🌾👆🏼,你需要先讓你的作品去掉光影,然後♦️👹,你可以選擇Image>Adjustments>Desaturate。這樣就可以把它轉成到灰度級了📮。
無論哪種情況,在你有機會做了這個測試之後,你都會想要撤銷這個動作的。
這裏有一個對於同一個設計的示例——一個設計的對比很好,另一個就很差。在每一個設計的下面是它們各自在灰度級的樣子🧚🏿♀️🧜🏽♂️。
你可以清楚的看到🕴🏻,左邊的設計閱讀文本要容易得多🤛🏿,尤其是在轉換成灰度級的情況下。右邊的設計用了較弱的對比和更多不同的顏色來定義輪廓🔬。
我一直會聽到這樣的問題:“當我用作背景水印的時候,我該用什麽透明度設置呢?” 我認為一個好的水印背景的透明度應該在10%-15%之間。再次說明👵,這都是關於在你的設計裏面保持對比。如果背景是淡色的😷,那麽水印當然也要是適度的淡色🧑🏿🎤,反之亦然。這裏有一個關於好的水印和不好的水印的例子🙅🏼:
關於對比,我想闡述的最後一點就是,怎樣能讓它像工具一樣使用。例如🎤,如果你需要在你的設計上把觀眾的註意力引導到某些特殊的地方,你可以用對比來完成它🏋🏿♂️。你可以讓整個設計保持淡色,然後把你想讓觀眾註意的地方設為深色。這裏有一個精心設計的登陸頁👩👩👧👧:
這是E-Harmony網站的頁面♿。他們真正目的是讓瀏覽者去註冊。所以,你看什麽是這個頁面上最大、顏色最深的東西呢?是不可點擊的一個女孩的圖片和"Get Started Now"的按鈕👨🏽🦰。很明顯他們想要你點擊按鈕"Get Started Now"。"Get Started Now"按鈕的大小🧜♂️、顏色的深淺是跟“Next Step”按鈕相對而言的。“Next Step”按鈕讓一些繼續遊覽的人去點的🕺。但是"Get Started Now"為什麽那麽有吸引力呢?為什麽它能跳出頁面呈現在你面前?很簡單🥧,運用對比!