工作中大家都可能遇到过,设计完成后因为某些原因突然要批量修改某一个字段文字的大小,或者某个按钮的颜色。领导一声令下,苦逼的设计师就要累死累活地修改界面了,有时最后的结果可能还是改来改去改回第一版,不知道多少时间浪费在了没有意义的重复性工作中,此时要是运用了组件进行设计,就只要简单几步操作就可以瞬间修改100多个界面。

 

一、组件介绍

 

1.什么叫组件?

 

组件是通过对功能视觉表达中元素的拆解、归纳、重组,并基于可被复用的目的,形成的规范化模块。它就像组成完整框架的单元体(比如按钮、导航栏、tab栏等),具有标准规范和可复用场景的基本模块。

 

从字面上理解:

 

「组」:多种设计元素组合在一起。

 

「件」:由不同的个体元件组合而成。它们作为一个独立个体存在,可进行自由组合和替换。

 

2.组件的命名  

 

组件命名规范化,我们在给组件命名时要遵循一定的命名规范,一个好的命名规范可以方便开发和设计师查找且使用相应的组件

 

导航栏设计

 

二、组件化设计的优势

 

  1. 有助于风格统一  

 

在一个项目页面里,设计师有时候会将文字或者图片不经意的左右移动1px-2px而不知,从而导致设计元素间距不一致。又或者是,大量重复的手动化导致细节的疏忽。组件化设计就能很好的避免这个问题。 在日常设计中,我们常常会将同一个模块的内容应用到不同地方,如果我们每次都重新设计,每一个设计都有差异,这样会让整个项目的样式都不同。如果我们应用到了组件,在不同页面中,我们就调用组件,这样每个页面就不会出现差异化,有利于项目的设计风格统一。

 

  1. 便于团队协作(设计师与设计师之间)  

 

在多个设计师同步进行一个项目的时候,规范化的组件设计能保持设计结果的统一性,避免出现多人多风格的现象。如两个设计师进行协作设计时,彼此按照各自的操作习惯处理圆角大小,一个设计的是4px,一个设计的是6px,;两人不同的设计习惯不仅加大了后期的沟通成本,而且需要花很多时间去修改,假如两人使用同一个组件,同类型问题就不会出现,后期修改组件也更加容易。

 

  1. 提高开发者的工作效率(设计师与开发之间)  

 

组件化设计不仅方便设计师更高效的制作页面,同时也能提高开发者的工作效率。既可准确定位又方便后期的维护和修改,在发现问题时能快速锁定错误发生的位置。同时,开发者之间也能通过组件进行协作与同步,减少多余的沟通成本,提高了工作效率。

 

  1. 便于后期修改  

 

假如设计师需要在原来的版本上将按钮颜色进行修改,如果组件未进行封装,可能要耗费很多时间进行一个个单独进行调色。组件化的优势就在于,几十个或者更多的组件,你只需要选择所需要修改的颜色即可,大大的缩短了调整优化的时间。

 

青岛青设网络科技有限公司是国内领先设计团队和营销策划服务商,专注于5G技术下平面设计,UI设计,BS系统设计,网站开发,SEO,自媒体,百度百科知道、知乎等百家号,排行榜,删除负面,媒体发文等营销宣传。帮助企业解决5G时代三维动态化站点的设计改造,为客户提供网站一站式解决方案。

 

**本文内容来源网络,经AI自动调整,信息仅供参考**


暂无评论



发表评论

电子邮件地址不会被公开。 必填项已用*标注