设计基础
共 22 条已发布词条。不是控件,而是构成控件外观与度量的属性:间距、边框、圆角、阴影、颜色、排版与动效。
背景色
外观铺在元素内容后面的那一层颜色,用来把这块区域和周围分开。
原生支持原生支持原生支持
边框
外观沿着元素轮廓画出来的一条线,用来标明它的边界在哪里。
原生支持原生支持原生支持
不透明度
外观整个元素连同它里面的内容一起变透明的程度。
原生支持原生支持原生支持
层叠顺序
布局两个元素在屏幕上重叠时,决定谁画在上面、谁被盖在下面的先后次序。
原生支持原生支持原生支持
动效时长
动效一个动画从开始到结束要花多久,时间长短决定它是一闪而过还是看得清。
原生支持原生支持原生支持
缓动曲线
动效动画在这段时间里是匀速走完,还是先快后慢、先慢后快。
原生支持原生支持原生支持
间隔
布局同一个容器里,相邻项目之间由容器统一留出的空隙。
原生支持原生支持原生支持
控件强调色
外观勾选框、单选钮、滑杆这类控件在选中或激活时用的那个主色。
原生支持原生支持需自己实现
宽高比
布局元素的宽和高之间保持的比例,窗口变化时按这个比例一起缩放,而不是各缩各的。
原生支持原生支持原生支持
内边距
布局元素内容和自己边框之间的那段空隙,让内容不贴着边缘。
原生支持原生支持原生支持
内容裁剪
布局内容超出容器范围时,把露在外面的部分切掉不显示。
原生支持原生支持原生支持
内容模糊
外观把元素自己的内容画成模糊的,让它退到视觉后面或遮住细节。
原生支持原生支持原生支持
前景色
外观文字和图标自己显示出来的颜色,跟它们后面的底色是两回事。
原生支持原生支持原生支持
外边距
布局元素边框以外留出的空隙,用来把它和周围的东西推开。
原生支持需自己实现原生支持
行高
排版一行文字所占的高度,决定上下两行之间看起来有多挤。
原生支持原生支持原生支持
行数截断
排版限定一段文字最多显示几行,超出的部分收起来不再往下撑。
原生支持原生支持原生支持
阴影
外观在元素周围投出的一片暗影,让它看起来浮在别的内容之上。
原生支持原生支持原生支持
圆角
外观把元素的直角拐角变成圆弧,以及这段圆弧有多大。
原生支持原生支持原生支持
字号
排版文字本身有多大,同一段里标题通常比正文大一些。
原生支持原生支持原生支持
字距
排版同一行里字与字之间的横向间隙,调宽会显得疏朗,调窄会显得紧凑。
原生支持原生支持原生支持
字体族
排版这段文字用哪一套字,以及系统里找不到那套字时按什么顺序往下退。
原生支持原生支持原生支持
字重
排版文字笔画有多粗,加粗之后同样大小的字看起来更重。
原生支持原生支持原生支持