成為一個頂級設計師的第一準則:限製你的字體
讓你成為設計大的基本原則
好~設計大師,或者也太吹牛了吧,但根據下面七個基本原則至少你可以成為一個熟練的設計師。
這將是最短的最詳實的系列博客文章,你看過後就會知道如何成為一名更優秀的設計師。
請記住:這些原則不是定律👴,是可以打破的🧏🏻♀️。它們只是些通用的指導,我在設計的時候通常會遵循它們,遵循這些簡單的設計原則,你就會找到一條你屬於你自己的優秀藝術道路。
原則一:限製你的字體。
你會看到一個好的設計很大一部分看起來非常協調。一個最好的方法是用少量的元素去完成一個看起來非常協調的設計。
你最先選擇的字體可能是你想要刪掉的🚣🏼♂️,我常常的做法是一個作品剔除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個簡單原則的第二部分
限製使用你的色彩🏃♀️。好象上個準則是讓你限製用你的字體,對嗎?非常對!我們限製用我們的色彩的原因和我們限製使用字體的原因一樣🫰🏽。在我們的設計當中減少色彩的數目將使之變的諧調。基本上,每件東西看起來將很一致,就像一個MK体育注册隊伍的運動服或者是一個公司的商標那樣。—我們想使製服(運動服)整體看上去是一個色彩的。
和選擇字體一樣👸,限製使用你的色彩數目只是一個參考指南,不是一條準則。你可以在你的設計中很好的使用彩虹的顏色,那將非常好看。但是一開始,你需要一個使用色彩的策略,並且堅持用這個策略🤐。使之始終貫穿在你的設計中。
對於初學者↩️,讓我們來說一下色值吧。一個顏色的色值就是它的亮暗程度。例如一個黃色是非常亮的顏色,紫色就是很暗的顏色👲🏻。當然一個顏色可以有它的色彩值域。例如🏂🏽,紫色是一個使我們大多數人聯想到暗色的顏色,但是紫色也有很亮的紫色🧮。這裏有個例子關於一些顏色和它們相關的色值。然後,你可以看到的是一個顏色的色值範圍🤠。
所以當我在采用的色彩方案時我會用一條準則:確保在你的色彩方案中有一個色值的範圍。在任何設計中你都需要一些淡色和一些深色去形成對比🪳。如果要舉例的話,你設計的背景是深色的,你就需要一個淡顏色的文字👳🏼♀️,圖畫。這樣的話文字,圖畫就容易被閱覽💆🏿♀️。反過來𓀉🤽♀️,如果你有一個淡色的背景🌦🤌🏽,你就需要一個深色的圖畫,文字或是其它什麽的。
我也會代表性的只采用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"為什麽那麽有吸引力呢👨🏫?為什麽它能跳出頁面呈現在你面前🐒👩🦯?很簡單,運用對比👨👨👧!