所以在设计时就要求我们要掌握主流UI框架的设计规范,然后再根据这套框架的规范进行设计和扩展。像AntDesign,Element,iview,Layui这些前端常用的UI框架。
像Antdesign这样的平台的这些组件仅仅覆盖了一些通用的场景,而对某些定制产品的需求是无法满足的,不管是单一产品还是产品线,由于品牌差异,在不断成熟的过程中,都会有自己的组件库(UIKIT)。
下面是我根据不同的使用场景对组件分类的方法,每个产品对组件的应用都不相同,我们需要根据项目的实际情况增加或删除组件。它主要由7个部分组成:基本组件,布局,导航,数据输入,数据显示,反馈,数据可视化等。
每一个组件都有它自己的应用场景,总而言之,不要盲目借鉴其他产品,要根据用户的使用场景来选择合适的组件,例如,提示设计:在界面设计中,我们什么时候需要一个强提示?
二、建立用户界面组件库-原子设计原理。
网页:将实际内容(图片、文本等)放入特定的模板中,形成网页,即网页的视觉文本;
下面是原子设计原理示例图,就是把界面上的元素、元件、模块、原型图、感性图等归纳、整理成通用规范。
上一篇:优漫:移动端UI设计要点有哪些
下一篇:优漫:B端设计设定设计尺度和标准