组件化思维对于一个UI设计来说有多重要？

组件化思维对于一个UI设计师来说十分重要，它能够帮助你更好的去进行产品的设计，下面小千就给大家详细介绍一下组件化思维。

组件化有点类似于搭积木，每一块积木就是一个组件，是既独立又统一的。因为独立，所以它可以自由组合，也可以随意替换和删除其中一个组件，并不会影响整体。但是它又统一于整体，一个整体项目就是由无数个独立的组件搭建起来的。组件化的工作方式信奉独立、完整、自由组合。目标就是尽可能把设计与开发中的元素独立化，使它具备完整的局部功能，通过自由组合来构成整个产品。

1.符合产品功能逻辑，作为一个UI设计师，设计最重要的一点就是要符合产品功能逻辑，绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的。

2.有助于保持交互一致性，在一个项目里，选择日期应该是统一的交互方式，在整个产品中就应该只有一种存在形式。所以时间选择器就是一个组件，一个可以复用的组件。如果你没有组件化思维，很可能出现好几个不同的时间选择器，一会儿是滚轮拨盘，一会儿是日历，一会儿又是下拉列表，这样的设计绝对是不能上线的。当然，该统一的地方还有很多，比如：错误提示的形式，进度条的交互方式，导航栏和按钮的样式，表单，下拉菜单等等。

3.保持视觉风格的统一，这部分主要是视觉方面的考虑，在同个项目不同页面按钮等组件的样式上应该保持统一。

4.便于多设计师协作，组件化设计是大型设计项目的必要条件，多人协作完成项目时，应当保持视觉统一规范，组件化建立就起到了至关重要的作用。

5.便于修改设计，设计总是需要修改优化的，正如开头所说，就想积木一样，只需要根据需求调整需要调整组件即可。

本文来自千锋教育，转载请注明出处

组件化思维对于一个UI设计来说有多重要？相关推荐

html网页设计课程的思维导图,UI设计初级教程学哪些？课程大纲和思维导图分享给你！...
如果你现在还不会ps一张照片,那么说明你落伍了,如果一个企业没有一个专业的UI设计师,那么这个企业的前端后端产品应该不会太美,所以,UI设计师是一个企业的灵魂,有了设计师,一切都变得更美了,UI设计行 ...
vue使用组件化思想实现一个简单的购物车页面
vue使用组件化思想实现一个简单的购物车页面文章目录 vue使用组件化思想实现一个简单的购物车页面页面预览项目结构组件介绍主页面ShopCar Header组件 Goods组件 Count组 ...
[微信小程序]组件化开发,以一个自定义模块框组件当做示例(附完整示例代码和效果图)
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 自定义组件我把它分为简单的三个步骤, 1.创建组件 --- 2.编写组件 --- 3.调用,使用 ...
Sketch 快捷键(UE图、思维图、UI设计、矢量设计图)
1. 插入 Insert: 新建画板 New Artboard -[ A ] 切片 Slice -[ S ] 矩形 Rectangle -[ R ] 圆角矩形 Rounded Rectangle -[ ...
组件化设计思维 – 从规范到工具的构建与探索
作者 | 斓青原文 | http://www.aliued.cn/2017/08/31/组件化设计思维-从规范到工具的构建与探索.html 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的 ...
一种灵活可靠的工作方式：组件化设计与开发
一种灵活可靠的工作方式:组件化设计与开发 2017/03/20阅读 6.9k 评论 3收藏 174 零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能.了解详情 ...
android 组件化_Android 组件化路由框架设计（仿Arouter）
前言在组件化开发中一个必须要面对的问题就是组件间页面跳转,实现的方法有很多,简单的可以通过反射获取,但是比较耗费性能,也可以通过隐式跳转,但是随着页面的增多,过滤条件会随之增多,后期维护麻烦.那还有 ...
App组件化架构设计实践V1.0
1.基本概念与共识业务组件化(或者叫模块化)作为移动端应用架构的主流方式之一,近年来一直是业界积极探索和实践的方向.在组件化过程中我们深刻体会到"没有绝对正确的架构,只有最合适的架构&qu ...
jquery拖拽实现UI设计组件
想做一个UI设计的组件,左侧是控件列表,右边是编辑区域,左侧的控件可以重复拖拽到右侧然后进行编辑. 效果草图: 部分js代码: function domop(){//set drag and drop ...

组件化思维对于一个UI设计来说有多重要？

组件化思维对于一个UI设计来说有多重要？相关推荐

最新文章

热门文章