方型
長方式、正方型、四邊形..各種方型的圖案變化
方型 補充說明
方形:在資訊設計、網頁排版與數據看板(Dashboard)中,「方形」符號是構建穩定感、區塊層次與操作按鈕的核心視覺語彙。比起圓形的柔和與三角形的侵略性,方形代表著結構、理性與秩序。
常用方形符號與應用對照表
| 類別 / 符號形狀 | 主要用途 | 應用範例 |
|---|---|---|
| 實心方塊 ■、⬛、▬ |
建立強烈的區塊感,常作為主標題錨點或數據圖表(長條圖)的圖例。 | ■ 2026年 第一季營收 |
| 空心/圓角框 □、▢ |
未勾選狀態、待辦事項、或是輸入框的視覺暗示。 | □ 確認訂單明細 |
| 菱形/旋轉 ◆、◇、❖ |
標記特殊專案里程碑(Milestone)、強調警告或高級裝飾。 | ◆ 階段三:產品上線 |
| 網格/幾何 ▦、▤、▩ |
豐富版面紋理,常用於設計稿的底圖標示或特殊的技術性圖表。 | 系統架構:▦ 伺服器 |
| 進度/條狀 ▰、▱、▮、▯ |
視覺化呈現載入進度、電池電量或音量大小。 | 系統載入中 ▰▰▰▱▱ |
方形符號排版指南
善用方形建立結構秩序,維持區塊留白,並將複雜圖示保留給數據看板而非內文。
-
1
資訊結構:嚴守「對齊」邏輯 (■/□)
方形符號因具備明確的邊界,對齊與否會直接影響版面的專業度。在處理並列清單時,請務必確保所有的方形符號在視覺上是「水平對齊」的。若符號與後續文字的間距不一,會使版面顯得破碎與廉價。建議設定固定的 Padding 或縮排,以維持整齊的「視覺牆」。 -
2
UI 操作:用具象框格降低阻力 (❏/❑)
在網站前端或 App 表單設計中,利用 ❏ 或 ❑ 作為待辦清單的標記符號,能給予使用者「即將完成」的心理暗示。這種「留白框」具備引導性,能有效提升表單的完成率(Conversion Rate)。 -
3
視覺層次:避免「區塊過載」 (▤/▥)
雖然網格符號(如 ▤、▦)在表達「數據化」或「技術流」內容時很有力,但切勿在文章中大規模使用,這會使視覺重心變得太重,造成讀者閱讀疲勞。請將這類複雜符號限定在「技術概覽」、「產品規格表」或「數據摘要」等特定區域,讓版面保持適度的呼吸感。
常用符號
涵蓋日常溝通中常見的特殊符號,如問號、勾號、叉號、星號等。
我的最愛⭐
滑鼠移到符號上,點擊右上角的星星⭐即可收藏或取消!
您尚未收藏任何符號。滑鼠移到符號上,點擊右上角的 ⭐ 即可加入收藏!