联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui设计师怎么做好ui设计库?详解ui设计师如何做ui设计组件库

Time: 2021-05-31

设计师应怎么做好ui设计库?这段时间有些朋友在做ui设计的时候遇到了一些难题,不知道怎么做ui设计组件库。下面就让faceui给大家详解一下相关的问题。感兴趣的朋友不妨进来文章了解一下吧。

  常见的ui设计分为3种

  移动端、多媒体UI设计师:手机平板上的APP设计和主题设计,当然还有车载中控大屏界面、智能电视界面、现今各个物联网智能家居家电的可视化界面设计,目前主流的UI设计为移动端的手机APP、小程序、微信公众号等的界面设计。

ui设计库

  ui设计库(图片来自网络)


  PC端UI设计师:对电脑上的软件和网站的界面视觉包装、功能板块布局、按钮的综合设计,PC端UI设计师主要以电脑软件界面设计为主。

  游戏UI设计师:对网游和手游上的界面进行设计,该职位对游戏UI设计师的要求很高,要求一定的手绘能力,最好是科班出身但是薪酬相对来说更可观!

  UI设计师如何系统的建立组件库?

  首先,要明确一点:如果你承担起了建立组件库这项工作,则需要将它当成一个属于你自己的项目或产品去设计、开发、跟踪。在职场里,资源只会向“有想法、有目标、有担当的员工”倾斜。有了这种项目经理的认知,我想你已经成功迈出了第一步。下面是几个关键点:

  一、明确组件库的目标和用户

  组件库的主要目标在于:统一产品体验、提升协作效率、迭代技术框架。所以,一个完整的组件库不仅仅是设计层面,还要深入到开发层。简单点说,我们做的组件库设计稿,工程师需要将它们封装成代码层的组件库。只是设计层面的组件,是无法从本质上达到上面所说的目标的。说完目标,我想你已经知道组件库的用户是谁了:设计师、工程师、甚至产品经理。

  二、明确组件库服务的产品特性

  如果组件库服务的是B端或者中后台系统,那其实有很多可参考的开源组件框架:Ant Design、Elemeui、Layui等,注意不同的框架用到的前端技术不一样,兼容的浏览器版本也不一样,这要根据你们技术情况作选择。

  如果觉得细节和风格和你们的产品不统一,那就需要二次设计和开发封装 如果组件库服务的是C端的系统,那可能需要你结合你们的产品特性和开源组件框架,二次设计和开发你们自己的组件库。

ui设计库

  ui设计库(图片来自网络)


  三、从立项到研发再到试用

  想清楚了目标、用户、场景之后,你需要把他当成一个项目去运作,因为靠你一人是几乎不可能完成的,除非你会设计、会前端、会前后端联调。

  第一步:与老板/领导沟通,表达组件库的意义和好处,获得高层的支持。

  第二步:与相关部门经理沟通,表明你需要工程师的协助,请他们帮忙。

  第三步:写一封邮件,把背景、意义、目标、计划、资源写清楚,就算把这个项目启动了。

  第四步:如果前面4步顺利,你可以放手去做了。先出设计稿,然后让工程师评审确认一下,这个过程可以慢慢迭代,不一定一下在把活干完。

  第五步:保持与工程师的沟通和跟踪,推进你的组件库项目。

  第六步:如果没有测试配合,那就自己测。

  UI设计师是如何做好ui设计库?以上就是faceui给大家介绍了UI设计师如何系统的建立组件库,大家在做这方面工作的时候,一定要明确一下好ui设计组件库服务的产品特性需求,希望这些内容对你们有所帮助。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开