三角型
三角形符號常用於指示方向、層級或警告、播放、倒退等
三角型 補充說明
三角形:在排版設計、視覺導引與結構階層中,「三角形」符號是極具動態感的視覺指標。不同於圓形的溫和,三角形具備強烈的方向性與切割力,非常適合用於引導視線走向、標示播放狀態或強化數據趨勢。
常用三角形符號與應用對照表
| 類別 / 符號形狀 | 主要用途 | 應用範例 |
|---|---|---|
| 單向箭頭 ▲、▼、▶、◀ |
標示重點展開、下拉選單、影音播放或單向數據趨勢。 | 點擊 ▶ 播放影片 |
| 等腰三角形 △、▽、▷、◁ |
視覺輔助裝飾,常用於次級選單或不具強烈操作暗示的條列項目。 | ▷ 第二章:基礎觀念 |
| 直角三角形 ◢、◣、◤、◥ |
版面角落裝飾、對話框尾巴(Tail)或特殊的幾何拼圖排版。 | ◢ 對話框設計 |
| 特殊幾何 ◬、◭、⧊、⧋ |
專業數學、邏輯推演或品牌 Logo 設計的輔助元素。 | 證明:⧋ ABC ≅ ⧋ DEF |
三角形符號排版指南
善用箭頭方向建立動態導航,嚴控符號對齊線,並將三角形留給「行動呼籲」而非過度裝飾。
-
1
操作直覺:嚴守「方向一致性」 (▶/▼)
在 UI 設計中,三角形具備明確的物理指向。使用 ▶ 或 ▸ 應嚴格保留給「前進」或「展開」;▼ 或 ▾ 應專用於「下拉選單」或「折疊區塊」。若符號與功能邏輯反向(例如用 ▲ 表示展開),會產生嚴重的操作認知摩擦。 -
2
數據視覺化:色彩與形狀雙重編碼 (▲/▼)
在呈現財務數據或績效表現時,請務必遵循「紅跌綠漲」或「綠升紅降」的色彩慣例,並搭配三角形符號。對於色弱使用者,三角形符號本身就是最重要的無障礙視覺線索,請確保三角形的形狀差異(向上 vs. 向下)比色彩更顯著。 -
3
視覺動線:降低「侵略性」設計
三角形(尤其是等腰三角形 ▲)具有視覺侵略性,若在同一頁面過度使用,會讓版面顯得尖銳且雜亂。在內文清單中,建議選用較為溫和的 ▸ 或 ▹ 來取代銳利的 ▲ 或 ▶,這能降低閱讀時的視覺壓力,維持版面的平衡感。
常用符號
涵蓋日常溝通中常見的特殊符號,如問號、勾號、叉號、星號等。
我的最愛⭐
滑鼠移到符號上,點擊右上角的星星⭐即可收藏或取消!
您尚未收藏任何符號。滑鼠移到符號上,點擊右上角的 ⭐ 即可加入收藏!