資源 / AI 洞察 / 術語表
網頁與介面設計
簡明說明網站和應用程式介面的基本組成，以及背後的視覺設計選擇。
34 為剛入門的人提供淺顯易懂的釋義。
無障礙設計
無障礙設計讓不同能力與需求的人都能使用產品。
閱讀術語釋義作用中狀態
作用中狀態表示有人正在按下或目前正在使用的項目。
閱讀術語釋義動畫
動畫會隨時間改變項目的外觀，以呈現移動或變化。
閱讀術語釋義應用程式圖示
應用程式圖示是人們用來辨識和開啟應用程式的圖片。
閱讀術語釋義背景模糊
背景模糊會柔化半透明面板後方的內容。
閱讀術語釋義邊框圓角
邊框圓角控制方框邊角看起來有多圓。
閱讀術語釋義盒模型
盒模型描述頁面元素及其邊緣所占用的空間。
閱讀術語釋義按鈕
按鈕是按下後會觸發操作的控制項。
閱讀術語釋義資訊卡
資訊卡會在一個方框中整理少量相關資訊。
閱讀術語釋義卡片網格版面
卡片網格會以行列卡片呈現相關項目。
閱讀術語釋義色彩選擇器
色彩選擇器可以協助使用者挑選顏色。
閱讀術語釋義對比度
對比度是相鄰色彩或元素之間明顯的差異。
閱讀術語釋義深色模式
深色模式會為介面使用較暗的背景和較亮的文字。
閱讀術語釋義設計權杖
設計權杖是可重複使用的命名值，例如色彩、間距或文字大小。
閱讀術語釋義Flexbox 彈性配置
Flexbox 可以依列或欄排列項目，並分配可用空間。
閱讀術語釋義焦點狀態
焦點狀態會顯示哪個控制項將接收鍵盤輸入。
閱讀術語釋義CSS Grid
CSS Grid 以列和欄排列頁面項目。
閱讀術語釋義圖示
圖示是用來代表操作或想法的小型圖像。
閱讀術語釋義輸入欄
輸入欄是螢幕上供使用者填寫資訊的區域。
閱讀術語釋義連結
連結會帶你前往其他頁面、位置或資訊。
閱讀術語釋義外邊距
外邊距是元素外部的空白，用來與周圍內容保持距離。
閱讀術語釋義選單
選單會集中各種選項，方便人們尋找頁面或操作。
閱讀術語釋義模態視窗
模態視窗會要求使用者先處理訊息或做出決定，才能繼續。
閱讀術語釋義網站導覽列
導覽列會將連往網站重要部分的連結集中在一起。
閱讀術語釋義響應式設計
響應式設計讓網站能依不同螢幕尺寸調整。
閱讀術語釋義語意化 HTML
語意化 HTML 使用能說明網頁各部分用途的元素。
閱讀術語釋義包浩斯
包浩斯是一所結合藝術、工藝和實用設計的學校與設計運動。
閱讀術語釋義新粗獷主義
新粗獷主義是一種醒目的視覺風格，特點是粗線條、簡單形狀和強烈對比。
閱讀術語釋義深色介面
深色介面的主要區域會使用深色背景。
閱讀術語釋義終端介面視覺風格
終端美學讓頁面看起來受到文字電腦終端的啟發。
閱讀術語釋義Y2K 千禧風格
Y2K 設計是一種復古未來主義風格，與上世紀九十年代末和本世紀初相關。
閱讀術語釋義字體排印
字體排印決定頁面上的文字如何呈現和閱讀。
閱讀術語釋義視覺層級
視覺層級引導視線先關注頁面中最重要的部分。
閱讀術語釋義線框圖
線框圖是頁面或應用程式畫面的簡易規劃圖。
閱讀術語釋義