美文网首页
产品页面设计--控件规范

产品页面设计--控件规范

作者: 老麻线 | 来源:发表于2020-12-28 20:43 被阅读0次

一、模态与非模态

模态:模态控件必须进行操作之后才可以进行其他界面操作。

非模态:非模态控件的出现不影响用户继续界面操作。

弹窗、操作栏、浮层框属于模态,提示框属于非模态。

二、圆角矩形

1.为了保障产品界面圆角体感一致性,需要事先定义一个圆角系数。举个例子:假设圆角系数是0.3,那么圆角矩形为66*66px的时候,圆角为20px。

2.同一层级圆角矩形要保持一致(无论宽高);小一层级的圆角矩形圆角必须小于高一层级的圆角矩形圆角。

3.不要圆角与直角矩形混用。

三、选择框的区分

1.对勾样式可支持复选。2.radio样式仅限单选。

四、横纵间距值使用8的倍数,图标尺寸同样建议使用8的基数。

相关文章

  • 产品页面设计--控件规范

    一、模态与非模态 模态:模态控件必须进行操作之后才可以进行其他界面操作。 非模态:非模态控件的出现不影响用户继续界...

  • iOS移动产品APP界面设计规范

    一.概述 编写目的:编写iOS移动产品设计规范(以下简称“设计规范”)主要是为了规范化公司移动产品设计,将常用控件...

  • 设计规范注意的几点

    设计规范什么时候做:视觉规范在1.0风格定好之后,起草。 对哪些内容做规范:只对重要页面进行规范[控件、色织、质感...

  • 图层命名规范

    1、图层切图命名规范命名按照层级如下:所处页面> 控件位置>控件类别 > 控件功能描述 > 控件状态页面之间使用下...

  • Android及IOS设计规范简介

    什么是交互设计规范? 就是交互设计的统一规则,对设计风格、设计规则的约定。页面怎么布局?使用何种控件?等等 为什么...

  • 2018-12-05

    昨天看了下Ant Design,设计模式很不错,有完整的设计规范与控件,适合中后台产品推广使用。奈何公司的产品,自...

  • iOS平台设计规范(八)控件-Controls

    无论是UI、交互,还是产品经理,都应该熟读iOS平台设计规范。这对我们的产品设计,百利而无一弊。 控件(Contr...

  • 2019-05-27

    UI测试功能点 页面布局,控件大小.控件形状,控件状态--合理, 美观, 清晰, 对齐, 便于理解, 系统规范 2...

  • 【UX综合】搭建组件库

    1 规范的基本组成要素-颜色、字体、图标、线条 2 元素组成的常用控件 3 控件组成的常用页面 4 页面组成的流程...

  • APP界面设计规范编写指南(来源于网络)

    在创作阶段设计页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致出现控件不一致,增加返工率,这时候我...

网友评论

      本文标题:产品页面设计--控件规范

      本文链接:https://www.haomeiwen.com/subject/jygtoktx.html