成年人黄色在线观看_97热在线观看_日本在线观看www_91国内视频在线_91视频直接看_亚洲第一国产

您当前的位置 :滚动 >
为什么要制定 UI 设计规范?
2022-02-25 10:03:26   来源:壹点网  分享 分享到搜狐微博 分享到网易微博

无论是互联网大厂,还是小公司,无论是成熟产品,还是新产品,都需要做 UI 设计规范,这不是为了显示我们 UI 设计师有多专业,而是 UI 设计规范确实有它实际的价值。

一、UI 设计规范有什么用?

UI 设计规范的作用,概括来说有三点:提升效率、保障质量、统一体验。

交互设计师和产品经理,能根据这套规范快速搭建页面;

视觉设计师,能根据这套规范产出视觉风格统一、细节精良的页面;

前端工程师,能根据这套规范快速推进开发,遇到通用组件不清晰的地方,直接可以查;

运营,在某些时候,也能根据这套规范,自己搭建简单的页面;

用户,根据这套规范指导下设计的产品,使用起来,在视觉、交互方面有统一的体验。

国内一些大厂做得优秀的设计规范案例,比如蚂蚁金服的 Ant Design,饿了么的 Element,已经实现了端到端的体验一致,而且它们组件的丰富程度足够满足大部分使用场景。

二、大厂设计规范参考

想要提升自己对规范的理解和建立规范的能力,多向成熟的大厂规范学,是很有必要的。

推荐你关注即时设计的资源广场,持续分享国内外大厂的设计规范,而且这些资源都可以免费获取。目前已有大厂资源,包括苹果、谷歌、字节跳动、蚂蚁金服、饿了么、百度......

· iOS 15 设计规范和组件库

· ArcoDesign 全套设计资源(字节跳动内部团队打造的企业级设计系统)

· Ant Design 全套设计资源(蚂蚁金服团队打造的服务于企业级产品的设计体系)

· WeUI 设计规范(微信官方出品为微信内网页和微信小程序设计)

· Element 饿了么 设计规范

· Material Design 设计规范

· Harmony OS 设计规范

· 百度智能小程序全套设计资源

三、设计规范的制作方法

这里推荐一个原子设计理论,从这个理论的操作方法中,可以一窥设计规范的制作原理,而且使用起来也比较简单,适合那些处在开发初期,而且规模比较小的团队。

原子设计就是由原子、分子、组织、模板和页面共同协作,创造出用户界面系统的一种设计方法论。

原子设计的五?个阶段分别是:

1.原子。构成页面的基本元素。例如标签、输入,或是一个按钮,也可以为抽象的概念,例如字体、色调等。

2.分子。由原子构成的简单 UI 组件。例如,一个表单标签,搜索框和按钮共同打造了一个搜索表单分子。

3.组织。由原子及分子组成的相对复杂的 UI 构成物 。

4.模版。将以上元素进行排版,显示设计的底层内容结构。

5.页面。将实际内容(图片、文章等)套件在特定模板,页面是模板的具体实例。

原子设计理论的优点是一致、清晰、高效,使用的时候要根据实际情况灵活运用,不求全面,但求实用。

「即时设计」官网地址:https://js.design

 

关键词:


[责任编辑:ruirui]


*本网站有关内容转载自合法授权网站,如果您认为转载内容侵犯了您的权益,
请您联系QQ(992 5835),本网站将在收到信息核实后24小时内删除相关内容。




本站违法和不良信息举报 联系邮箱: [email protected]
 

关于我们| 客服中心| 广告服务| 建站服务| 联系我们
 

中国焦点日报网 版权所有 沪ICP备2022005074号-20,未经授权,请勿转载或建立镜像,违者依法必究。
 

主站蜘蛛池模板: 熟妇人妻系列aⅴ无码专区友真希 | 国产亚洲精品观看91在线 | 亚洲一区在线观看视频 | 日韩一区二区视频 | 国产日韩视频在线 | 国产成人不卡 | 国产爆乳无码视频在线观看3 | 蒙古女人一级毛片 | 99精品热6080yy久久 | 人妻少妇看a偷人无码精品 人妻少妇乱子伦精品 | 无遮挡裸体免费视频尤物 | 蜜桃福利视频 | 成人欧美网站免费 | 亚洲逼院 | 一区二区三区 | 国产精品v欧美精品v日韩精品 | 国产中文欧美日韩在线 | 亚洲入口 | 久久久久亚洲精品无码网址 | 日韩亚洲人成在线综合 | 疯狂做受xxxx高潮不断 | 欧美日韩国产另类一区二区三区 | 18禁黄无遮挡网站 | 亚洲精品影院 | 明星性猛交ⅹxxx乱大交 | 午夜尤物禁止18点击进入 | 久久夜色精品国产亚洲 | 久久久久成人精品一区二区 | 四虎精品福利视频精品 | 成人毛片网 | 色婷婷5月| 中文字幕无码第1页 | 日本一道免费一区二区三区 | 一本一道人人妻人人妻αv 一本一道色欲综合网中文字幕 | 日本黄色片免费 | 黄色一级片在线观看 | 性感美女一级片 | 欧美视频一区二区 | 亚洲狠狠色丁香婷婷综合 | 日本少妇春药特殊按摩3 | 日韩欧美国产中文字幕 |