Design

【設計基礎】新手也能做出好看設計的DTP4大實用技巧

設計基礎課程
ma-web
此文章可能包含廣告(PR)

嗨,我是太郎,是一名Adobe軟體的研究者、YouTube Photoshop課程講師,也在日本取得了日本國家級「情報処理技術者試験2種」資格。

本篇文章要來談談設計的基礎知識。很多人總覺得「我沒有設計天分」就放棄學習,其實設計是有邏輯可循的,並不完全依賴天賦。

本文將介紹:

  1. 版面設計的四大原則
  2. 色彩運用的基礎知識
  3. 字體選擇與搭配技巧
  4. 照片處理的實用方法

掌握這四個基礎面向,即使是設計新手也能做出整潔好看的作品。推薦對設計有興趣的讀者可以邊練習邊參考本文內容。

版面設計的四大原則

設計基礎 版面設計的四大原則

好的版面設計其實有跡可循,只要運用四個基本原則,就能讓設計看起來更加專業整齊。

這四個原則分別是:近接對齊對比重複。運用這些原則就能讓版面變得更有條理,視覺效果也會明顯提升。

近接原則

設計基礎 近接原則

近接是指將相關的資訊放在一起,形成視覺上的群組。人們會自然地將距離較近的元素視為相關內容,因此透過調整元素間的距離,可以讓資訊更有組織、更容易理解。

運用近接原則時,可以根據資訊的關聯程度來調整距離。關係越密切的內容,彼此的距離就應該越近。

對齊原則

設計基礎 對齊原則

對齊就是讓各個元素沿著看不見的基準線排列,建立視覺上的秩序感。當元素都有規律地排列時,整體版面會顯得整潔,閱讀體驗也會更好。

無論是文字、圖片還是其他設計元素,都應該遵循一致的對齊方式。

對比原則

對比原則

對比是透過差異來建立視覺層次,讓重要資訊更容易被注意到。不過要記得,對比的效果是相對的,如果想要突出所有內容,反而會讓每個元素都失去焦點。

設計基礎 對比原則

因此在設計時要先為資訊建立優先順序,讓最重要的內容最先映入眼簾,再搭配視線流動的規劃,就能做出清楚易懂的設計。記得一個重點:要為資訊建立優先順序,千萬不要試圖讓所有內容都同樣突出。

重複原則

設計基礎 重複原則

重複是指在設計中一致地使用相同的元素或樣式。這個原則在建立統一的視覺格式時特別重要,能夠讓整體設計更有一致性。

舉例來說,無論是網頁設計還是雜誌排版,如果標題的裝飾樣式每次都不同,或是內容的排列規則經常改變,讀者就會感到困惑,無法順利掌握資訊。

色彩運用基礎

色彩對設計的影響很大,這裡介紹一些必須了解的色彩知識,幫助大家更好地運用顏色。

RGB色彩模式

人類眼睛其實是透過光的波長來感知顏色的。有趣的是,只要組合三種顏色,就能表現出人眼可以辨識的幾乎所有色彩。

這三種光的原色分別是:

  • Red(紅色)
  • Green(綠色)
  • Blue(藍色)

取三個英文字的開頭,就是我們常聽到的RGB。這種用光的三原色來表現顏色的方式,稱為RGB色彩模式。

在Photoshop等軟體中常看到的「R:255/G:127/B:50」這樣的數值,就是在表示三原色的配比。

CMYK色彩模式

如果要處理印刷品,就必須了解CMYK的概念。除了光的三原色,還有另一套「色料三原色」的系統,主要用於印刷。

色料三原色包括:

  • Cyan(青色)
  • Magenta(洋紅色)
  • Yellow(黃色)

RGB是透過「光」來呈現顏色,適用於螢幕顯示;CMYK則是透過「色料」來呈現,用於印刷品。

兩者的重要差異在於:

  • 光的三原色(RGB):透過發光產生色彩
  • 色料三原色(CMYK):透過光線反射產生色彩

書本或畫作不會自己發光,我們看到的顏色是光線照射到油墨後反射回來的結果。

設計基礎

RGB色彩表現範圍比較廣,從鮮豔到細緻的顏色都能呈現;CMYK則受到油墨材料限制,無法完美重現所有顏色。

色彩的三要素

設計基礎 色彩的三要素 色相、明度、彩度

所有的顏色都可以用三個要素來描述:色相明度彩度

  • 色相:顏色的種類(紅、橙、黃、綠等)
  • 明度:顏色的明暗程度
  • 彩度:顏色的鮮豔程度

透過調整這三個數值,就能創造出想要的顏色效果。色彩的組合會讓設計印象產生巨大變化。

色彩搭配實用技巧

對於設計新手來說,選擇顏色組合可能會感到困擾。不過掌握幾個要點,就能大幅減少配色上的煩惱:

首先要避免使用過於飽和的純色,盡量減少色彩數量,並且根據主題選擇合適的色調。另外也要考慮目標使用者的喜好,以及確保顏色搭配有良好的可讀性。

設計基礎 色彩搭配實用技巧

實用的配色技巧包括避免純色、減少色彩數量、運用主題色比例、根據關鍵字選色、善用色彩心理效果、考慮使用者喜好,以及優先考慮易讀性與傳達效果。

字體運用基礎

字體的選擇和排列方式對設計品質有很大影響。掌握字體選擇文字編排的基礎,就能顯著提升設計水準。

字體選擇的兩大重點

選擇字體時要考慮兩個重點:

  • 符合設計印象的字體
  • 容易傳達資訊的字體

字體會大幅影響設計的整體印象和文字的易讀性,因此要根據目的選擇最合適的字體。

字體印象特色

設計基礎 字體印象特色

字體和顏色一樣,都會對觀者產生特定印象。選擇字體時要考慮想要傳達的感覺。

即使只是改變字體或文字粗細,整體設計的感覺就會有明顯變化。比如說明朝體會給人「高級感」和「可靠感」的印象,圓體則會傳達「溫和」和「活潑」的感覺。

搭配顏色印象,設計效果會產生如下變化:

字體類型給人的印象
黑體(無襯線體)現代感、簡潔、有力量
圓體溫和、可愛、親和力
明體(襯線體)高級感、信賴感、優雅
手寫體輕鬆感、溫暖、親近感
設計體依設計而異,各有特色

搭配適合的顏色,印象效果會更加明顯。重要的是要根據設計目的,選擇能夠傳達正確印象的字體。

設計基礎 字體印象特色

照片處理基礎

照片的使用方式很多元,一張照片就有各種不同的處理方法。

裁切和去背處理

即使是拍攝完成的照片,也能透過裁切來大幅改變印象。保留較多背景可以讓場所感更鮮明,但裁切成特寫則能更有力地突出主體。

另外,將照片去背使用可以藉由背景來強化印象,或是營造留白的視覺感受。

照片修圖技巧

要讓照片更有魅力,通常需要進行修正、調色、加工、合成等後製作業。除了基本的明暗和色彩調整,有時候也需要移除或增加人物,或是合成不同的背景等較複雜的修正。

現在AI技術越來越進步,使用Photoshop進行色彩調整或人物去背都能一鍵完成,後製作業已經變得相當輕鬆。

總結

掌握設計基礎並不需要天賦,只要理解版面配置、色彩運用、字體搭配和照片處理這四個面向的基本原則,就能做出看起來專業的設計作品。

每個領域都有其邏輯和技巧,多加練習這些基礎原則,相信大家都能在設計路上持續進步。好的設計來自於對基礎的熟練掌握,而不是憑空想像。

希望這篇文章能幫助你建立扎實的設計基礎,並在實際應用中慢慢累積經驗!

ABOUT ME
Adobe太郎
Adobe太郎
喜歡Adobe軟體的日本人
我是太郎,來自日本,現居台灣。學生時取得 日本國家資訊技術證照,長期使用 Adobe 軟體,從 CS 到 CC,熟悉 Photoshop、Illustrator 等工具。經營部落格與 YouTube 教學,分享軟體方案、購買技巧及使用教學。
歡迎合作與專案洽談。
關於 Adobe 太郎
記事URLをコピーしました