资源 / AI 洞察 / 术语表
网页与界面设计
简明介绍网站和应用界面的基础组成，以及设计背后的视觉选择。
34 为刚入门的人提供浅显易懂的释义。
无障碍设计
无障碍设计让不同能力和需求的人都能使用产品。
阅读术语释义活动状态
活动状态表示某人正在按下或当前正在使用的项目。
阅读术语释义动画
动画会随时间改变项目的外观，以呈现移动或变化。
阅读术语释义应用图标
应用图标是人们用来识别和打开应用的图片。
阅读术语释义背景模糊
背景模糊会柔化半透明面板后方的内容。
阅读术语释义边框圆角
边框圆角控制方框边角看起来有多圆。
阅读术语释义盒模型
盒模型描述页面元素及其边缘占用的空间。
阅读术语释义按钮
按钮是按下后会触发操作的控件。
阅读术语释义卡片
卡片会把少量相关信息组合在一个方框中。
阅读术语释义卡片网格布局
卡片网格会用行列卡片展示相关项目。
阅读术语释义颜色选择器
颜色选择器可以帮助用户挑选颜色。
阅读术语释义对比度
对比度是相邻颜色或元素之间明显的差异。
阅读术语释义深色模式
深色模式会为界面使用较暗背景和较亮文字。
阅读术语释义设计令牌
设计令牌是可重复使用的命名值，例如颜色、间距或文字大小。
阅读术语释义Flexbox 弹性布局
Flexbox 可以按行或列排列项目，并分配可用空间。
阅读术语释义焦点状态
焦点状态会显示哪个控件将接收键盘输入。
阅读术语释义CSS Grid
CSS Grid 按行和列排列页面元素。
阅读术语释义图标
图标是用来表示操作或想法的小型图像。
阅读术语释义输入框
输入框是在屏幕上供用户填写信息的区域。
阅读术语释义链接
链接会带你前往其他页面、位置或信息。
阅读术语释义外边距
外边距是元素外部的空白，用来将它与周围内容隔开。
阅读术语释义菜单
菜单会将选项集中起来，方便人们查找页面或操作。
阅读术语释义模态框
模态窗口会要求用户先关注某条消息或决定，再继续操作。
阅读术语释义网站导航栏
导航栏会将指向网站重要部分的链接集中在一起。
阅读术语释义响应式设计
响应式设计让网站能够适配不同尺寸的屏幕。
阅读术语释义语义化 HTML
语义化 HTML 会使用能说明网页各部分用途的元素。
阅读术语释义包豪斯
包豪斯是一所将艺术、工艺与实用设计相结合的学校和设计运动。
阅读术语释义新粗野主义
新粗野主义是一种醒目的视觉风格，特点是粗线条、简单形状和强烈对比。
阅读术语释义深色界面
深色界面的主要区域会使用深色背景。
阅读术语释义终端界面视觉风格
终端美学让页面看起来受到文本电脑终端的启发。
阅读术语释义Y2K 千禧风格
Y2K 设计是一种复古未来主义风格，与上世纪九十年代末和本世纪初相关。
阅读术语释义字体排印
字体排印决定页面上的文字如何呈现和阅读。
阅读术语释义视觉层级
视觉层级引导视线先关注页面中最重要的部分。
阅读术语释义线框图
线框图是页面或应用屏幕的简易规划图。
阅读术语释义