From 9 to 1 with Cell
  • 從0開始做架構
  • 設計與創作筆記
  • 思考與觀察筆記
設計入門:視覺小妝點 - 引導線

設計入門:視覺小妝點 - 引導線

Post time
13/01/2025
類型
創作思維
本篇提問

怎麼在設計上用小妝點,來輔助設計勒?

本篇提問

Q:怎麼在設計上用小妝點,來輔助設計勒?

  • 本篇提問
  • 引導線的功用
  • 看看有引導線,與沒有的差異
  • 要怎麼開始畫引導線與裝飾線
  • 結語

引導線的功用

引導線是在視覺設計上,或是創作設計上,我個人滿喜歡用的小東西

有點小門檻,但其實理解他畫引導線與裝飾的前後步驟,就會發現他滿好用的!

這篇會分享怎麼開始?畫的時候可以注意什麼?

引導線的的功用:做視覺動線的指引,可以是色塊,或是線條

  1. 在文字與物件排列順序比較複雜的圖文,輔助引導順序
  2. 想要有點做視覺的聚焦,以及增加畫面的豐富度
  3. 同時作為步驟的順序閱讀方法(會比單純用箭頭活潑一點)

以下是以純插畫作品作為示範

看看有引導線,與沒有的差異

這邊的範例是純插畫的方形春聯(Triple.Cell 2024 年的春聯 )

image
image

先看看第一張,是第一版只有插畫的,視覺上單純就是一張大插畫,也比較不活潑

第二張,黑色的線是引導線的方向指引,視覺上也相對多了一些動態跟活潑感

image

再來看看第二組

是細胞日子感受牌(細胞塔羅)的戀人牌

移除所有引導線與周圍的裝飾時

閱讀順序,比較會偏向習慣的從上到下

加上了白線引導之後

就會變成曲線的樣子

  • 引導線不是只能是直線,弧線等等的

要怎麼開始畫引導線與裝飾線

image

這邊的示範,是建立 S 型的視覺動線

第一步:

先找到你的開始與結束在哪?把他標示出來

不建議在非視覺動線上有淺色,或是白色的大插圖擺放,因為他會比視覺動線更搶眼,如果一定要有,建議放在視覺動線開始的位置

這邊有幾個注意事項:

  1. 閱讀順序,要從上到下,不要走到一半又往上,因為示範直覺的閱讀順序
  2. 如果今天是直式閱讀,排法不要有高有低,而是上半部齊高。因為最高的會在第一眼被先看到,失去引導線的用途

第二步:

畫出想要的閱讀動線 (這邊就是 S 型)

→ 再開始畫線段

會畫線段而非直線的原因:

  1. 配合整個插畫的風格調性
  2. 呈現比較活潑的氛圍感 (可以看下張圖感受)
  3. 消減引導線的刻意感
image
image

我個人創作上不太會一條線直接畫到底

主要是因為會有點太明顯跟突兀

同時也會比較生硬一點

這邊可以跟上面的有點弧線的版本去比較

看起來的氛圍明顯起來是比較呆板生硬

第三步:

在引導線之外,加上裝飾線的東西

裝飾性的東西,可以選跟文字有關的東西

在這像是花朵跟葉子

這邊在放裝飾圖的時候,畫的東西

都不要比引導線本身線條更粗

或是更搶眼,例如白色的大色塊

裝飾圖的顏色,未必要跟引導線的一樣

但是會建議顏色相近

讓他不會跟引導線像是兩個世界

image

結語

以上就是其中一種引導線的用法跟裝飾方法

要怎麼開始,怎麼串連和要注意什麼

最重要的是加上去之後,要是讓視覺有動線,而不是複雜到不知道怎麼閱讀

這篇就先分享到這啦~

希望可以幫助你在創作上,有多一些小方法,來讓畫面更豐富

閱讀更多文章

人生思考與觀察
走了兩年才懂:順流是什麼?一場不背離自己的練習
走了兩年才懂:順流是什麼?一場不背離自己的練習
人生思考與觀察

走進順流裡的掙扎,是一次次確認:我真的不要那個慣性選項了嗎?

獨旅的啟發
獨旅的啟發
人生思考與觀察

睽違兩年的再一次獨旅,發現了什麼勒?

從0開始做架構
從手動抽查到自動巡檢:Notion Automations 的監控小助手(v1→v2 心跳回報)
從手動抽查到自動巡檢:Notion Automations 的監控小助手(v1→v2 心跳回報)
從0開始做架構

如果確認會變成負擔,能不能把確認也自動化?

Logo

Where could find Joy

Joy 風景攝影 | IG

Triple.Cell | 細胞日常插畫

細胞日子感受牌|賣貨便

Notion 模板 | Notion 官網

© Triple.Cell_91_Joy

Instagram