你一定看過這些讓人想馬上滑掉的討人厭限動吧？


它們都忽略了排版的重要性

illustrator做圖時，你一定會遇到有些素材圖太小張，放大後出現嚴重的馬賽克

生活中，你一定會遇到各種「文字排版」

• 無論是你的IG限時動態


• 或是報告提案簡報


• 甚至是海報DM賀卡

你是不是常常羨慕別人的排版很有質感呢？

你是不是納悶為啥自己排的總是不好看呢？

看看下圖左右兩個版面，

你知道右圖比較好看的關鍵是什麼嗎？

接下來，我們要教你如何運用「便當排版法」，

幫助沒有學過平面設計，甚至自認藝術白痴的你，

也能快速上手排出好看的文字版面！

歡迎閱讀「3分鐘變設計師」，每週學一次，設計非難事！

記得按讚拍手加到我的最愛哦！

-

文字排版，是平面設計的核心主菜，

就像是西餐一樣，只要主菜牛排烹調得宜，

整道料理就會不可能會太難吃。

什麼是「便當排版法」呢？

便當排版法很簡單，只有兩個技巧：

一．對齊

不知道你有沒有注意過，便當盒的「排版」都非常的整齊呢？

清一色都是一格飯配三格配菜，完美組合成一個長方形。

這，就是文字排版最簡單卻也最重要的方法：對齊！

你可能會納悶，對齊，那版面不就會很無聊嗎？

沒錯，運用對齊技巧的版面的確會比較穩重，甚至是無聊，

但如果你連基本功夫都無法駕馭，又怎麼可能做出進階的花式動作呢？

因此，請好好的練習對齊的基礎技巧吧！

那麼對齊到底是該如何對，如何齊呢？

排版時無論有多少字，請將能說明同一件事的文字，視為一整個「區塊」，

就像便當無論有幾道菜，最後組合起來就是一整個長方形的「區塊」。

為什麼區塊這麼重要呢？因為大腦喜歡簡化事物幫助快速決策，

因此排版時以完整的區塊來對齊，就能讓大腦產生和諧舒服的感受，

這就是所謂的完形心理學。

二．對比

便當裡，主菜一定都是放在最顯眼的地方，而配菜只是在旁點綴。

說話的時候也一樣，例如「我今天心情超級好」，

你可能會說「我今天心情，超・級・好！」來加強語氣。

文字排版同樣也可加強語氣來強調重點，

只要改變想強調關鍵字的字體或大小，與其他文字做出對比，

閱讀時就會感覺更簡潔好懂 。

「便當排版法」實際示範

以「我今天心情超級好」為例，我想強調的是「超級好」三個字，

因此先將句子分兩段變成「我今天心情」、「超級好」兩行，

然後先用「對齊」將「超級好」三字對齊上一句，讓整段文字變成完整區塊。

接著用「對比」將「超級好」的字體改為粗黑體來強調，

如果需要再調整一下對齊，讓「超級好」完美的切齊上一句，

怎麼樣，看起來是不是就比原本清楚又好看許多呢？

便當排版法在生活中處處可見，最經典的例子就是報紙標題，

所以就算文字量很多，同樣也可以排的簡潔又美觀！

只要熟悉後靈活運用，你也可以變身設計師！

什麼是平面設計師呢？你或許會立刻聯想到平面設計師就是做Logo、海報、雜誌編輯、 美編的工作吧！如果你認為平面設計師的工作就只有這樣，那你就錯了，請接著看下去，本篇文章將告訴你平面設計師的工作內容以及快速認識視覺傳達設計。
 
視覺傳達設計是什麼？

 



相機的分類

假如你沒有相機，或正考慮買一台相機，你想學攝影，想拍照、想記錄生活…..等等
首先，你可能會想要一台相機，但是你不知道你想要哪一台，也不知道哪一台適合你
在琳瑯滿目的各類機種中找尋符合自己需求的機種卻相當困難
你一定會問：我要買哪台相機比較好？該選擇一般小DC數位相機還是單眼相機呢？

請問如果我要製作一支影片，大概的流程和細節是甚麼 ?

 
大致上，我們經過

「Monkeytype 超專業線上英打練習服務，設定模式產生打字速度結果」我認為相當好用，對於想練習英打輸入、熟悉鍵盤按鍵位置來說是很適合的工具，不過有些人可能因為工作需要經常編寫程式，這時候還有 SpeedCoder 和 Typing.io 專為工程師設計的英打練習網站，可選擇不同類型的程式語言，照著給出的程式碼範例訓練並測試打字速度，也會透過圖片提醒使用者左右手應該如何正確擺放於鍵盤上。

 


網路上的免費資源相當多，不過都是散落在各處，除非透過搜尋引擎或網站介紹，加上教學步驟或分類索引讓使用者更容易找到，這就是免費資源網路社群持續在進行的工作。但有更多網站其實是專注在單一領域，舉例來說 100font.com 收集整理可免費商用字型，提供字型檔下載鏈結；The Stocks 2 整合多個免費圖庫、影片、圖示和字型，在單一網站就能快速瀏覽切換，其實類似網站很多，通常可以為使用者省下很多時間。
 
本文要介紹的「Iconduck」是一個收錄 146 個免費圖示集（還在持續增加中）、超過 11 萬個免費圖示圖案的網站，主要以開放原始碼圖示和向量圖示為主，可以透過搜尋或直接預覽圖示圖案，網站會提供原始頁面來源，大多數圖示集都可被用於個人或商業用途（取決於圖示本身使用的授權方式，有些會要求需要加入反向連結）。
依照 Iconduck 開發者說明，會想建立網站的原因是許多使用者對 GitHub 不熟悉，他們不知道要如何從專案網站下載圖示，甚至是在 GitHub 有相當龐大的免費圖示素材，於是製作一個更易於瀏覽和搜尋的網站，每週都會將新的圖示集更新上去。
Iconduck
https://iconduck.com/
使用教學
STEP 1
開啟 Iconduck 後從首頁就會看到一些圖示集預覽，像是最近更新、熱門圖示圖案或主題明確的圖示集等等，點選圖案會開啟更大的預覽，或是點選圖示集右下角「view set」查看完整圖示列表。Iconduck 上方有搜尋框可輸入關鍵字找出所有相關的圖示圖案。

STEP 2
進入圖示頁面後上方會標示這套圖示數量一共多少，下方會有 GitHub 和網站鏈結，可以從這裡點選以查看更多資訊，或是打包將所有圖示下載回來（Iconduck 無法一次取得所有圖示必須連回到原專案的 GitHub 或開發者網站）。

點選單獨的圖示圖案會開啟更大尺寸預覽圖，下方會有標題（超連結）、檔案大小、圖示集名稱和授權方式，如果想單獨下載某個圖示可直接點選「Download」取得圖示檔案。

STEP 3
每個圖示集下方會有授權說明，標示這套圖示集使用的授權方式，可否使用於個人或商業用途等等，也提供一些基本的問與答（主要是一些使用情境），對於要使用圖示來說可以快速了解適用範圍。

STEP 4
Iconduck 收錄的圖示集會提供基本介紹說明，包括授權方式，也會標示圖示數量，如果圖示較多也能透過右上角「搜尋」單獨查找這套圖示集，透過關鍵字查看需要的圖案有沒有出現在某個圖示集。

每個圖示集名稱下方會有 GitHub 或相關鏈結，點選連回到原專案頁面就能取得完整圖示。

值得一試的三個理由：

1. 收錄 146 個免費圖示集（持續增加中）、超過 11 萬個免費圖示圖案


2. 以開放原始碼圖示集為主，大多都可免費使用於個人和商業用途


3. 單獨下載圖示檔，或是連回原專案網站或 GitHub