• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 20條不該打破的超實用設計規則—- 其他教程




    教學主題: 20條不該打破的超實用設計規則

    大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

    今天的這個教學主題是: 20條不該打破的超實用設計規則

    這教學的重點為這幾點 [ 規則,設計,實用,打破,不該,字體,一個,文字,可以,使用, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    本教程主要選擇20條設計師必須知道實用設計技巧分享,教程翻譯自Mary Stribley所總結的20條不該打破的設計規則,對設計新人會有很大幫助。喜歡的朋友一起來學習吧。

    在設計中,我們常被允許、鼓勵打破設計規則,這時你至少需要知道這些規則,才能正確的打破它們。

    本文列出了一些基本的規則和技巧,從字體、排版到色彩、樣式,涵蓋了大部分設計中常見的錯誤,幫助你在設計中避免它們。

    1. 不要忘了字間距。

    20條不該打破的超實用設計規則

    設計中糟糕的字間距是常犯的錯誤,初期定好恰當的字間距很重要。

    字間距是指兩個字母之間的距離,這也許看起來不起眼,但是好的間距會使你的設計更加美觀、有序。

    2. 不要為了視覺的美感而忽略文字的可讀性/清晰度。

    20條不該打破的超實用設計規則

    設計的首要任務是與用戶進行信息交流,所以把文字的可讀性和清晰度放在首位是有道理的。

    是什麼妨礙了文字的可讀性和清晰度呢?我們列舉了如下情況:

    文字色與背景色對比不明顯:

    需通過提高兩者間的對比度來解決。

    濫用大寫字母:

    大寫字母在帶給用戶“大聲呼喊”般震撼的同時,也會影響眼睛對字母的辨識度。這是因為當文字都大寫時,每個字母都是相同高度,並且都是相似的方形,而小寫字母的高低不齊更易被辨認。

    文字過小:

    有時為了讓設計看起來精緻,我們會縮小字號,但請換位思考一下,用戶在閱讀這些小字時是否會覺得困難?

    有一個方法是找其他人來實際體驗以發現問題,因為我們可以很容易辨認自己設計中的文字,但其他人不會。

    千萬不要為了追求美觀,而犧牲與用戶的順暢交流,請謹慎對待你的排版!

    3. 文本寬度保持在適合的範圍內。

    20條不該打破的超實用設計規則

    你是否很吃力的閱讀過一篇文章?或在閱讀過程中一次次迷失在文字的換行中?其實這些都是因為文本寬度設置不當。

    文本寬度的黃金數字是:每行不少於6個單詞,且一行大約30~40個字母(包括空格)。過少會導致頻繁換行,過多則會讓句子變的冗長而難以閱讀。

    4. 讓文本顯得有層次。

    20條不該打破的超實用設計規則

    和許多自然法則一樣,一個完善而清晰的結構層次會很有效。

    在設計中,視覺元素的組織關係到文字層次,可以凸顯重點信息。因此,重要的部分需要用字號、顏色、字體等方式加以突出,無關緊要的部分就讓他們普通一些。

    元素的層級結構在排版中最為明顯,讓我們看一下上圖的實例。左圖邀請函中所有的文字都是相同的字體、字號和粗細,在你快速瀏覽時,重要信息很容易被忽略。右邊的例子則相反,使用了不同字體以拉開層次,並將文字中的重要信息,在顏色、字號和粗細上加以強調,使信息更容易被識別。

    請有原因的強調你的文字。

    5. 保持單詞間適當的距離。

    20條不該打破的超實用設計規則

    作為一名設計師,處理文字是一項必要而艱巨的任務。要考慮很多規則和要點,其中一條格外重要:單詞間距和字母間距。這裡有兩個主要的參考標準:Tracking 和 Leading。

    Leading: 行間距。

    Kerning: 兩個特定字母間的距離。

    Tracking: 指定區域內,統一的字母間距。

    Leading:

    指每行文字之間的垂直距離。許多因素會影響到行間距,例如字體,文字數量等。有一個經驗:當每行文字都較長時,通常適合更大的行間距。

    20條不該打破的超實用設計規則

    Kerning & Tracking:

    Kerning 值一般是手動調整的,當你遇到大量文本且設計交付時間很緊的情況,沒有時間去手動調整每個字母間距時,Tracking 就派上用場了。Tracking 工具會統一調整整段文字的字母間距,可以很好的規避排版中的過大空隙或不協調行寬。

    這裡有一個技巧:較大的 Tracking 值對應較長得句子,較小的 Tracking 值對應較短的句子,這樣可以獲得最佳的可讀性。

    另一個技巧是:文字較少的段落,最好手動調整字母間距。參照小寫字母"i"來調整,見本節圖1。

    當然,這些都取決於實際的字體和情況。

    6. 使用正確的對齊方式。

    20條不該打破的超實用設計規則

    不論你是設計行業的老手還是新人,一定都接觸過對齊工具。

    對齊方式有四種:左對齊、右對齊、居中對齊和兩端對齊,讓我們快速瀏覽一下它們的使用規則。

    左對齊:

    最常見的一種對齊方式(你正在閱讀的這篇文章也是左對齊的),之所以常見是有道理的,因為它使文本更易於閱讀,左側邊界整齊而美觀。

    在排版難以確定時,用左對齊是最保險的方法。

    右對齊:

    修飾性的文字或某些印刷品中常會用到右對齊,不過它並不適用於大段的文字,因為他違背了人們從左到右的閱讀習慣,參差不齊的左側邊緣會使閱讀更加困難。

    居中對齊:

    很多領域都會運用到居中對齊,如海報、邀請函、logo設計等,它易於保持文字與版面間的均衡,並有助於美觀。它同樣不適用於大段文字,因為邊緣不整齊的文本會造成閱讀困難。

    兩端對齊:

    它有時具有欺騙性,整齊的左右邊界,不正是你想要的完美排版嗎?在某些情況下,兩端對齊是一個不錯得方法,小說的排版就經常用到它。但是它也存在問題,如果一行僅有幾個單詞,它會把文字從左到右生硬得拉開,留下不協調的單詞和字母間距。

    7. 總是使用網格。

    20條不該打破的超實用設計規則

    掌握幾個基本的網格也許是每個初出茅廬的設計師的必備技能之一。一個好的網格工具就像仙女魔法棒,能使平庸的設計變得井然有序。

    網格有很多形狀和尺寸,你可以靈活的創建它們,使之與你的設計相配。網格幫助設計師在頁面中對齊相關的元素,創造一個更整潔而富有邏輯的設計。請見上圖,一個包含兩欄、三欄和四欄的網格樣式,常常會在許多方面幫助你更合理的布局圖像和文字。

    網格列數越少,設計將越統一。你的元素會有強烈的對齊感,但這樣你也失去了更多列數的網格所帶來的靈活性。然而,在實際設計中,網格的運用方式往往不是單一的。請看上圖右側的網格,它有四欄,有些元素會延伸出去以貫穿兩欄,而其他元素依舊保持在一欄中,這樣就可以允許一些不同尺寸的文本和圖片添加到設計中,在網格的框架下使設計的版式更加豐富。

    多嘗試不同的網格並找到適合你的。

    8. 始終為你的觀眾設計。

    20條不該打破的超實用設計規則

    大多數設計師會從一個想法着手,常常在設計中有意無意地帶上個人喜好。要仔細考慮一個問題“我在為誰設計?”每一個設計都有它的觀眾群,那些有可能看到設計並接收信息的人群是誰?認真的考慮他們是十分有必要的。

    上圖是一個兒童音樂會的宣傳設計。它的觀眾群是孩子和他們的家長。

     

    左側案例:

    用了簡潔的版式配以黑白對比強烈的文字,這也許能清晰的傳達音樂會的信息,但卻不吻合它所面向的觀眾。

     

    右側案例:

    明顯更加吻合兒童音樂會這一主題。與音樂相關的圖形配以明亮的色彩,會吸引更多孩子的目光,符合觀眾人群的口味和接收環境。

    請記住,也許你的設計看起來不錯,但不一定是能與目標觀眾產生交流的最好方案。當遇到疑問時,不妨回顧一下最初設計的訴求。

    9. 避免孤行(widow)和寡字(orphan)。

    20條不該打破的超實用設計規則

    在排版中,不協調的孤行和寡字肯定是不可避免的,但是發現並處理好它們仍然是重要的一步。這可以讓你的設計擺脫業餘感,變得更加專業精緻。

     

    孤行:是指在出現在頁面頂端,新開一列的單行文字。

     

    寡字:與孤行類似,通常是被遺棄在單獨一行的某個單詞。

     

    有幾個方法可以解決孤行寡字的問題:

    如果條件允許,你可以手動調整合適的文本寬度來解決這兩個問題。

    另一個訣竅就是像圖中示範的那樣,在寡字的前面一個單詞按軟回車(shift+enter鍵),把它帶到寡字所在的一行。

    還有一個圖中示範的技巧,就是調整你的文本框或行寬,不斷調整直到沒有孤行寡字出現為止。

    10. 使用有邏輯的色彩搭配。

    20條不該打破的超實用設計規則

    色板對設計師來說是強大的工具,設置一個經過深思熟慮、協調統一的色彩搭配是設計中重要的一步。

    當編輯一個色板時,建議參考色彩理論和一些配色案例,色彩理論中指出色調會對用戶產生一定程度的影響。比如橙色可以激發出食慾,這也是為什麼快餐設計中常常會用到橙色。

    請看圖中所給的兩個Logo的例子,flowers是一個專營浪漫花束的花店Logo,PAINTBALL是致力於給顧客帶來精彩時光的彩彈遊戲中心的Logo。左圖的這兩個標誌的配色明顯不大起作用,而右圖就合適多了。

    設計時可以參考一些針對色彩的規範和慣例,反覆嘗試不同的配色方案有助於獲得更具衝擊力的設計,但同時要保證你使用的顏色不能太讓人分心,或使你的信息含糊不清。

    11. 統一的字符樣式。

    20條不該打破的超實用設計規則
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    和色板一樣,字體樣式同樣需要謹慎選擇。字體有着一種與之相對應的“情緒”或“情感”所以你不太可能在律師事務所的Logo上使用Curlz MT字體(見下圖)。

    20條不該打破的超實用設計規則
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    許多設計師建議,使用的字體不要超過3種,避免設計看起來太繁複。嘗試選擇互補字體,這樣你的信息可以被高效的接收並更具邏輯性。

     

    互補字體:

    很多字體都具有鮮明的情緒、⻛格特徵(莊重,隨性,有趣,優雅等)。你希望所選的字體情緒是吻合你設計目的的。舉個例⼦,一種圓潤像⽓球般形態的字體也許更適合孩子的⽣⽇派對邀請函,但卻不適用於你的商務宣傳冊。

    ⽤人的性格來比喻字體,“內斂”和“外向”結合起來會是很好的平衡。如果你有⼀個獨具風格的字體(通常指用於展⽰或修飾類的字體)就用一些中規中矩或保守的字體與之搭配,形成一種平衡的設計。

    12. 正文永遠不要使用過於花哨的字體。

    #FormatImgID_13#

    在正文中用花哨的字體就如同穿了條舞裙去菜市場,時間場合都不相符,而且也會使他人感到困惑,不是個明智之舉。

    花哨的字體適合小區域的文字,而非正文。它們經常比那些正文字體更加華麗,也正因如此,它們經常出現在那些短標題或副標題上。

    請看圖中使用的富有裝飾性的Yellowtail字體。這個字體的設計是為了體現手寫的美感,而不是為了字形的清晰可讀。如果用它做正文,讀一段時間就會感到困難和厭倦。若是用專門為正文設計的字體就好得多,比如Georgia。當然花哨的字體有它專門的用途,但絕不是在大面積的正文上。

    12. 永遠不要拉伸字體。

    #FormatImgID_14#

    不要拉伸字體,很多情況下,字體的形狀和比例都是精心設計好的,所以拉伸而導致的變形將失去字體原有的特色。

    通常,人們去拉伸字體是因為他們想要文字看起來更高或者更寬一點。這裡有一個既不用拉伸字體又可以滿足這種需求的方法。可以直接使用高的字體(推薦Bebas Neue字體)或矮的字體(像Silverfake字體),以及這兩者之間的字體,這都完全取決於你。有些可能會花點錢,但是找到一個完美的字體是非常寶貴的。

    14. 避免使用不協調的顏色

    20條不該打破的超實用設計規則

    與我們熟知的撞色不同,不協調的顏色一般是指色環上兩個相距甚遠甚至對立的顏色搭配到了一起。這樣的顏色組合通常會有一種污濁、模糊的感覺,使眼睛很難辨認兩個顏色的界限。

    避免顏色不協調的簡單方法就是使用高對比度的色調。正如右圖所給的例子,白色與綠色的高對比度下,眼睛可以很容易的捕捉到兩個顏色之間的界限,而且也不會像顏色不協調的左圖那樣有污濁和模糊感。

    從審美的角度來說,我們通常避免使用不協調的顏色,這樣可以使你的設計賞心悅目。但你仍可以因為一些特殊原因去打破這一規則。不協調的顏色經常受一些設計師尤其是廣告商的喜愛,因為他們覺得這樣能創造出更吸引眼球的設計。

    15. 不要把白色空間當作空白空間

    20條不該打破的超實用設計規則

    白色的空間是一種多元又高效的工具,它可以對設計發揮着特殊的作用。恰當地利用留白對你的設計非常有益。它可以使人們將注意力集中到畫面中你想強調的地方,讓設計更透氣;還可以平衡設計中的各個元素,或是使你的設計更具成熟的表現力。

    留白的另一個意義便是,你可以不需要添加任何元素就可以使設計更具感染力。請看上圖降噪耳機海報的案例。左邊的海報留白很少,圖片和文字充斥着整個空間。而右圖的海報,戰略性的運用了白色空間。“100% noise cancellation” 顯得更具視覺效果,產品被放在了焦點位置,也沒有其它內容與之相衝突。

    與這類似的案例有很多,它們都在向我們驗證白色空間有着它不容忽視的作用,它不用填滿圖片、紋理或文字,而是像其它元素一樣承擔著它在設計中的職責。所以,不妨在你的設計中嘗試並看看它的效果吧。

    16. 不要盲目追趕設計潮流

    20條不該打破的超實用設計規則

    設計有時像時尚,某種流行元素的出現,在一段時間內受到瘋狂的追捧,然後又銷聲匿跡。一旦那些熱潮過去,你曾經到處搜羅的服裝、物件將變得過時且被人們遺忘。

    設計也是如此,一段時間內一種新的樣式或方法開始流行,每個人都去追逐這個潮流,因為它新穎時髦並且容易複製。但是潮流來得快也去得快,因此你設計的logo僅僅在一段時間內受人矚目,然後就迅速消失在大眾視線。

    但這並非要你故意忽視當下的潮流。而是在關注這些潮流的時候,試着找出它們流行背後的原因。最近一個特別風行的潮流就是X型logo。你也許已經知道我在說什麼:由一些符號元素和字母圍繞着X放置,組成的像遁形徽章一樣的logo。這個潮流之所以流行了一段時間,是因為它們簡單好看(而且很容易學會)。但正是由於它們被廣泛的使用,導致這股熱潮就像它們迅速風靡一樣迅速地消退了。

    我們需要跳出潮流去分析:為什麼它會流行起來?我能從中提取到什麼來提升我的設計?在X型logo的例子中,也許你可以得到這麼一個啟示:是否可以利用幾何線來塑造你的畫面,就像圖中所示的那樣。無論如何,不要盲目地追趕潮流,要從潮流中學到點什麼並恰當地運用它們,才能使你的設計經久不衰。

    17. 使用正確的工具

    20條不該打破的超實用設計規則

    就像一個工人不會用鎚子釘釘,設計師不僅應該知道特定情況下該用什麼工具,更需要知道哪些工具不能用。

    運用恰當的工具就可以很容易避免logo柵格化這個常見的錯誤。如果你完全不熟悉這點,那麼就讓小編向你快速普及一下。

    這裡有兩種電子圖像文件,位圖和矢量圖。位圖由許多網格像素組成的,而矢量圖由線條和路徑組成。兩者之間最大的區別就是圖像的縮放能力。因為位圖是由一個個像素點組成,當放大到一定程度時,圖像就會出現像素化(左圖所示),但是矢量文件(右圖)就不會有這個問題。

    因為矢量文件可以任意縮放而不會使圖像的形狀和邊緣模糊,所以一般logo更傾向於矢量,它可以滿足不同尺寸的需求,小到一支鉛筆,大到一幢樓房,矢量logo的應用範圍可以非常廣。如果你創建的是一個位圖logo,顯然會局限了品牌的應用。因此,選擇正確的圖像格式非常重要,它可以幫助你輕鬆地避免掉類似刪格化logo所造成的問題。

    回到主題,一個好的設計師不應該僅僅知道這些格式的不同之處,還要知道什麼時候用什麼工具。一般Photoshop用於處理位圖,Illustrator處理矢量圖,所以請確保熟悉這些軟件,在着手設計之前你要清楚知道它們能做什麼,可以創造什麼。

    18. 考慮你的媒介

    20條不該打破的超實用設計規則

    你的設計在什麼地方出現?海報,網站,還是雜誌?準確的知道設計的應用媒介是十分必要的,因為這關係到公眾會如何看到你的設計。如果你不把所有細節考慮在內,會在某種程度上影響你設計的展現效果。

    在為出版社設計的時候,忽略訂口是一個常見的錯誤。訂口是書本的相對兩頁中間的空間,它的存在是為了解決可讀性和提供裝訂空間。在設計裝訂物時,設計師必須把它們考慮在內,也就是確保不要在這個空間內放任何的圖像和文字。否則,在裝訂過程中,內容將會橫跨兩頁,訂口部分的內容會被逢合進去,圖像和文字也會隨之扭曲。圖中所給的例子展示了文字在裝訂過後的不同呈現效果。就像右圖所做的那樣,將圖文安排在訂口以外,就可以防止內容被拉進裝訂的部分中去。

    那麼我們怎樣避免這個問題呢?溝通是一個古老但是有效的辦法。如果你不確定,不妨與印刷商、客戶或是委託人談一談,確定訂口的空間,然後再排版。

    19. 知道語法的規則

    20條不該打破的超實用設計規則

    語法是一個艱難的工程,如果沒有他人指出,你恐怕很難發現自己已經打破了那些隱藏在其中你所不知道的規則。花些時間看些關於語法規則的書可以保持設計的專業性,還可以使你在外面發現他人錯誤時感到欣喜。讓我們快速瀏覽一下這塊內容。

    首先,“&”符號。“&”符號不在正文內出現,請避免使用“&”代替“and”。“&”反而更多的用在組織機構的標題上(例如“Johnson & Johnson”)、風格化的logo或是識別性的設計上。

    另一個很好改的錯誤是標點后的兩倍空格。有什麼簡單的解決方法呢?很遺憾沒有。一倍空格往往就足夠用了。如果你發現你的文字看上去太擠,你也許應該嘗試一下調整字間距或是換一個新的字體,而不要再使用兩倍空格。

    還有一點需要注意的是連字符和破折號,即使它們在一篇文章中很少見,你還是會碰到它們。基本上有三種破折線:連字符號"-",破折號"–"和長破折號"—"。連字符號是用來連接兩個單詞的(比如“custom-built”);短破折號是用來連接數值的(比如“1984–1998”);長破折號大概是大寫字母M這麼長,它偶爾會在句子中用到,用來代替逗號(比如“Grammar is hard — or so I once thought”)。

    語法的規則很多,當它顯得不是那麼重要的時候,許多設計師便開始爭論是否需要關注它。但這是一個細小卻強大的工具,它能使你的設計看起來專業且嚴謹。

    20. 不要使用太多的效果

    20條不該打破的超實用設計規則

    還記得Office軟件里“藝術字”的特效嗎?在文字上增加彩虹漸變,陰影,倒角和其它天花亂墜的效果。不得不說,“藝術字”的年代已經過時了,現在是時候擱置那些“炫酷”的效果了。

    很多時候,當談到交互設計,我們就知道簡單往往就是最好的,這就意味着你要反覆問自己“我應該往設計中加這些東西嗎?”諸如陰影,倒角,紋理和漸變等,所有的效果都會有被需要用到的時候,不要把它們都放在一起。

    表格和圖表是濫用效果的重災區。左圖所示的柱狀圖用了很多效果和元素。而右圖就展示了如何通過去除這些效果和元素來整合信息,使設計更清晰美觀且便於閱讀。

    當你無法去掉某些標籤、數值和元素的時候,儘可能的刪掉一些不必要的效果以減少衝突,使主要信息重新凸顯出來。

    有時候少即是多。

    其實最終的規則只有一條,那就是沒有規則。

    有時候挑戰這些規則和了解設計基礎同樣重要,甚至更加重要。

    一個最好的例子,傳奇設計師David Carson創辦了實驗性的Ray Gun雜誌並為其設計。1994年,Carson用"Zapf Dingbats"(一個基於符號的字體)發表了一篇對音樂家Bryan Ferry的完整採訪,僅僅是因為他認為採訪十分的無聊,他就把文章設計得完全無法辨認。

    由此看來,打破規則有時候是讓設計名垂千古的好方法。

    原文作者: Mary Stribley

    原文地址: https://designschool.canva.com/blog/design-rules

    看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 20條不該打破的超實用設計規則 這教學會喜歡

    文章標題: 骨子愛創意- 20條不該打破的超實用設計規則–轉載請註明來源處

    本教學分類為平面理論教程中的 其他教程相關教學

    文章相關關鍵字為: 規則,設計,實用,打破,不該,字體,一個,文字,可以,使用,

    本文永久連結 :20條不該打破的超實用設計規則

    本文轉載自 :VIA