旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UE交互设计师应该掌握的规范大全

UE交互设计师应该掌握的规范大全

时间:2019-01-10来源:www.aaa-cg.com.cn点击量:作者:fubowen
时间:2019-01-10点击量:作者:fubowen

提起设计规范,每一个大公司的UI设计师都有着自己的理解,但是刚入职的新手朋友们可能还不了解UI设计有哪些规范。今天AAA教育的小编就来为大家打出这篇文章,一名UI新手设计师应该如何建立自己的UI元件库。


Step 1: 建立设计资源库

打开设计系统平台,点击新建资源库,这里有自定义资源库和示例库可供选择。选择完毕后,设置资源库名称,点击创建。

AAA教育,元件库,UI设计规范,设计理论

Step 2 : 确定资源库的主要模块

进入资源库以后,根据自己的产品主要界面设计确定资源库的主要板块。常见的颜色,字体,Logo,组件和度量都可以进行添加规范,除此之外,这个平台还提供了图片,阴影等共9种设计资源。

AAA教育,元件库,UI设计规范,设计理论

Step 3:建立基础的资源规范

通过设计平台中的“+”按钮,可根据提示进行资源的添加。对于习惯使用Sketch的设计师来说,可以先在Sketch中对资源进行编辑,然后在打开Mockplus X 插件点击添加资源,即可与Mockplus设计平台的资源库实时同步。其他的资源建立方式相同,就不再一一赘述了。

上传资源

Step 4: 共享设计资源库

在完成设计资源库后,可以打开分享功能与小伙伴共享成果;或者分享给有经验的设计师听取一些意见。点击设计平台右上角的分享按钮,设置分享密码后,勾选“启用此分享”;然后复制分享链接发送给你的小伙伴,输入查看密码即可观看你的设计规范了。

AAA教育,元件库,UI设计规范,设计理论

 

Step 5 : 导出样式代码(让开发更懂你的设计)

点击设计平台的右上角箭头按钮,即可导出样式代码,目前该平台支持CSS, SCSS及LESS三种代码样式的导出。

AAA教育,元件库,UI设计规范,设计理论

 

Step 6: 导出PDF/图片

在完成上述操作及设计资源的上传后,是时候展示你的成果了。点击“导出图片”或“PDF”,就可以随时随地共享你的设计规范了。

 

总结

随着设计行业的不断发展,设计规范扮演着越来越重要的角色,甚至成为UI设计师必须掌握的技能之一。作为一名UI设计新手,如何才能掌握设计规范?你必须了解什么是设计规范,明白设计规范的重要性以及如何构建它。掌握了这三件事,你就掌握了设计规范!

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图