唐朝诗人
星岛环球网 搜狐新闻 生姜洗发水 环球网 参考消息 大公网 澎湃新闻 中国新闻网 中国文明网 新华网 南方网 百度新闻搜索 中国军网 防脱发洗发水 阿道夫洗发水 霸王洗发水 吕洗发水 康王洗发水 去屑洗发水 氨基酸洗发水 清扬洗发水 控油洗发水 生发洗发水 海飞丝洗发水 沙宣洗发水 飘柔洗发水 潘婷洗发水 欧莱雅洗发水 资生堂洗发水 力士洗发水 多芬洗发水 蜂花洗发水 施华蔻洗发水 弱酸性洗发水 防脱洗发水 国产洗发水 央视网新闻 【次关键词】 好奇心日报 未来网 人民日报 新闻报刊 新京报 法制网 消费日报 白居易陈子昂杜甫贺知章李白李商隐刘禹锡卢照邻柳宗元孟浩然王昌龄王维
宋朝诗人
凤凰资讯重庆华龙网楚天都市报黑龙江东北网广西新闻网南风窗香港文汇网美国中文网 腾讯新闻FT中文网联合国新闻美国CNNBBC时事评论凤凰网评论中评网 范仲淹李清照陆游梅尧臣欧阳修苏轼陶渊明王安石文天祥辛弃疾杨万里叶绍翁
经典诗句
人民网铁血社区强国社区凤凰周刊爱思想观察者网甘肃日报华夏时报 黄河的诗句思念的诗句离别的诗句月亮的诗句荷花的诗句梅花的诗句西湖的诗句菊花的诗句送别的诗句四季的诗句爱情的诗句儿童的诗句

组件化思维的设计流程

发表时间:2020-07-23
var pageData = { headVideo : {} };

编辑导读:组件化思维是设计师必备的技能之一,如何搭建组件库和设计规范更是设计师应该掌握的。本文作者从自身工作经验出发,对组件化思维的设计流程进行了分析总结,供大家一同参考和学习。

编辑导读:组件化思维是设计师必备的技能之一,如何搭建组件库和设计规范更是设计师应该掌握的。本文作者从自身工作经验出发,对组件化思维的设计流程进行了分析总结,供大家一同参考和学习。

当我们进入一个成熟的设计团队,团队文档中都会有组件库和对应的设计规范。

组件库是当设计师遇到同一类组件设计场景时,可复用,避免造新的样式。这样既减少设计和开发的时间成本,同时增强产品的统一性,避免多样式给用户带来认知障碍。

设计规范是指导团队组员组件使用的规则和项目设计的指导原则。

本篇文章内容目录如下:

设计团队在做项目的过程中,如果没有组件化时,那么会遇到维护成本高、效率低、统一性差、开发成本高、复用性差和难以协同等6大问题。

当团队在做项目时,有组件化的好处有:统一性、高效性和延续性。

统一性:

高效性:

延续性:

组件化所支撑设计理念是原子设计。

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

原子:设计系统的最小单位。原子包括调色板,分割线,字体,单个元素(即标题,段落,按钮等)这些元素有个特点就是最小元素不可再切割,如下图。

分子:通过多个原子组合而成,作为一个单元组成UI元素的一个组件,如下图。

组织:通过多个分子组合而成,我们可以构建更复杂但可重复的组织。组织是组成模板的主要组成部分,如下图。

模板:通过多个组织组合而成。是页面的基础架构。将以上元素进行排版,将原子,分子,组织进行排版成最终的模板,如下图。

页面:将实际内容(图片、文章等)套件在特定模板,每个页面由将实际内容(图片、文章等)模板修改而成,如下图。

04 如何搭建组件化

组件化什么时候开始做?

一种情况是产品立项前就开始组件化,在产品0到1之前,拥有一套组件和设计规范。设计师可以从以前项目的组件库和设计规范直接套用并修改,这样项目前期设计做起来更加方便且省时省力少挖坑。

另一种情况是产品经历过0到1后,产品趋于成熟,这个时候开始做组件化。组件化搭建最多会有六个步骤,分别为:整理目录、制定规范模板、填充目录内容、生成组件库、sketch插件库和开发服务平台。

整理目录:将线上的产品的组件进行梳理并做分组,形成一个组件目录。制定规范模板:以一个典型的组件为例,制定组件内容规范模板。里面包含组件的定义、组件的几种类型、组件的标注、组件的交互规范和组件的极限情况等。

填充目录内容:按照制定的规范模板,将每个组件的内容进行填充完成,形成一套完整的设计规范。

生成组件库:将设计规范里面的组件样式单独抽离出来,生成完整的组件库。

sketch插件库:如果有前端支持,可以将sketch组件库开发成对应的插件,这样设计师可以更方便的使用和实时更新。

开放服务平台:有前端开发资源支持的话,可以将组件进行代码封装。移动端或PC端都可以做组件开发平台。

05 如何使用组件化

当团队搭建完成组件化之后,接下来就是成员间的使用,这一过程有业务需求产生组件模板、组件模版形成页面、页面形成页面流程和页面流程形成用户体验。

以上就是关于组件化思维设计流程的基本内容,如果你想了解更多内容可以在留言区留言。

从淘宝、微信等产品中掌握“搜索”交互

#专栏作家#

UX,人人都是产品经理专栏作家。前美团点评高级交互设计师。微信公众号:Echo的设计笔记,欢迎关注

题图来自 Unsplash,基于 CC0 协议



声明:内容来自搜狐,该文观点仅代表作者本人,本站仅提供信息存储空间服务。如果需要删除请联系站长;

生姜洗发水
GE航空获美国海军2.15亿美元合同:提供48台F414增强型发动机 中国战机为何难走向世界?经济大国地位影响不大,四大原因是关键 一年10盾舰!美国下水一艘11万吨的核航母,还是没有争到第一名 中东战火纷飞,以色列趁机侵占巴勒斯坦领土,后者:不可能 伊朗导弹射程有限,面对美国无计可施,除了拉以色列陪葬别无选择 华大基因测序仪板块拟分拆上市 Pre-IPO估值330亿元 数据修复行业鱼龙混杂 难保用户个人信息安全 狙击步枪界“保时捷”!夜间1900米击中目标,普京都成了粉丝 中国家长花重金让孩子学编程:人工智能时代基本技能 非洲兄弟笑开花!中国最强坦克抵达非洲,网友:以后可以横着走了 李彦宏:无人车3-5年内将实现开放道路运行 豪威半导体入股武汉新芯 中芯国际代管模式终结 全球最快导弹已服役,15分钟就能打到纽约,美至今未找到办法拦截 局势再生变数,巴铁精锐部队边境遇袭全军覆没,印军动作很可疑 云知声推出首款物联网AI芯片 将对部分客户开源 山寨平板电脑市场份额近20% 仅次于苹果iPad 新iPad港行货源充足挤压美版水货 美黄牛忙退货 董明珠:霸道总裁是怎样炼成的

づ有哪些发表学术论文的地方ヤ,づ有声小说 乡村鬼事ヤ,づ怎样在家做香椿芽菜ヤ,づ在淘宝开手机店怎么样ヤ,づ新警察故事2019ヤ,づ跟港囧一起上映的电影ヤ,づ冬季最新时尚女装搭配ヤ,づ宽容他人的议论文800字高中ヤ,づ淘宝网商城女装ヤ,づ在线翻译英语翻译汉语ヤ,づ石湖港拍摄的电影ヤ,づ秋装韩版外套女装新款上市ヤ,づ省级示范中职学校ヤ,づ食品的品牌小故事ヤ,づ筷子书城小说免费阅读ヤ,づgoogle 翻译 音标ヤ,づ杭州学dj要多少钱ヤ,づ台湾南投美食ヤ,づ环保语文作文金句ヤ,づ今日各时段天气哈尔滨ヤ,づ山东省烟台市牟平区天气ヤ,づ新疆风能发电ヤ,づ免费的网络电影播放器ヤ,づ娃娃菜煮鸡肉功效ヤ,づ阿里巴巴2017利润表ヤ,づ淘宝官方旗舰店手机能买吗ヤ,づ设备标准维修表ヤ,づ神话2电视剧哪里可以下载ヤ,づ欧米茄手表电池价格ヤ,づ大码女装秋装新款开衫ヤ,づ室内设计装修意向图ヤ,づ黑龙江省林业卫生学校成教科ヤ,づ小说巴士下载ヤ,づ成都美食街哪里最好吃ヤ,づ淘宝定位手机当前位置ヤ,づ上海大观园特色美食ヤ,づ郑州音响设备专卖ヤ,づ民间故事好词ヤ,づ有哪些找电视剧资源的网站ヤ,づ狗与人的感人故事ヤ,づ南宁房产信息网ヤ,づ木子李江湖菜ヤ,づ沈阳纯中纯酿酒设备ヤ,づ淘宝秒杀商品入口ヤ,づ关于**的成长故事ヤ,づ上海莲花国际广场美食街ヤ,づ植物妈妈有办法编故事ヤ,づ王昱淇演过所有电视剧ヤ,づ加大 女装外套ヤ,づ完结的全本玄幻小说ヤ,づ鑫高益医疗设备股份有限公司ヤ,づ北京室内游乐设备租赁ヤ,づ小鸭壁挂太阳能ヤ,づ装饰装修工程价格评估ヤ,づ厨师考级菜品ヤ,づ韩国电视剧汗蒸房ヤ,づ免费av电影ヤ,づ写我读书的故事作文ヤ,づ雨后的小故事原图gifヤ,づ淘宝退款单号填错ヤ,づ电视剧狼烟下载ヤ,づ少年英雄的故事图片ヤ,づ绿色环保logo图片ヤ,づ贾汪天气预报15天徐州天气ヤ,づ正宗蜂蜜柚子茶的做法ヤ,づ华仪电气设备有限公司ヤ,づ山黄瓜做法大全家常菜ヤ,づ木耳菜的营养成份ヤ,づ广东省高等学校教学考试管理中心ヤ,づ上虞市制冷通风设备成套有限公司ヤ,づ电影天地英雄视频ヤ,づ彼相伴豆瓣真实故事ヤ,づ保险销售励志小故事大道理ヤ,づ悬疑睡前故事ヤ,づ抗美援朝历史故事名字ヤ,づ黑蜂精选花粉ヤ,づ沈阳英语学校ヤ,づ食品包装设备种类ヤ,づ成都美食一条街在哪里ヤ,づ饥荒蜂后帽子ヤ,づ迅雷电影下载ヤ,づ常喝蜂蜜柚子茶ヤ,づ办公设备 定义ヤ,づ油麦菜麻酱ヤ,づ广西玉林养猪设备ヤ,づ大力神电影全集ヤ,づ12岁儿童睡前故事在线听ヤ,づ萧伯纳的有趣故事ヤ,づ南宁百姓网司机招聘ヤ,づ数字电压表设计原理图ヤ,づ美国恐怖故事编剧ヤ,づ代别人交社保要体现工资表ヤ,づ用牛奶和蜂蜜洗澡好吗ヤ,づ英语励志小故事40字ヤ,づ电影绿帽子豆瓣ヤ,づ太仓爱尚美食网ヤ,づ污水处理设备属于什么大类ヤ,づ武汉天气预报24小时天气预报ヤ,づ2017年流行装修风格ヤ,づ北海市有民生银行吗ヤ,づ难知如阴 小说在线阅读ヤ,づ绿苑新城 装修案例ヤ,づ最短民间神话故事ヤ,づ室内装修用什么材料环保ヤ,づ潍坊滨海交通职业学校ヤ,づ麻秆碳检测设备ヤ,づ有关名人爱国小故事ヤ,づ北京爱情故事沈冰星座ヤ,づ幼儿小故事文字形式ヤ,づ夏桑太阳能价格是多少ヤ,づ梁山救火英雄的故事ヤ,づ2019美国日历表ヤ,づ内地好看的感情电视剧ヤ,づ好猫香烟价格表图6224ヤ,づ复兴美术学校ヤ,づ南京2018年1月份天气预报ヤ,づ学校财产管理总结ヤ,づ美国恐怖故事3季资源ヤ,づwps数据表格如何算比例ヤ,づ环保小报能写什么ヤ,づ好看的喜剧爱情电视剧ヤ,づ丽水特色菜ヤ,づ锅包肉是山东菜吗ヤ,づ安防报警系统设备ヤ,づ免费西瓜电影网ヤ,づ2019热播电视剧排名ヤ,づ木匠捉弄的民间故事ヤ,づqq家教小故事下载ヤ,づ大悬疑 有声小说ヤ,づ乡村爱情故事人名ヤ,づ有哪些环保活动ヤ,づ骂人菜头是什么意思ヤ,づ鱼的做法大全家常菜谱ヤ,づ农村家用太阳能板ヤ,づ北大附中重庆实验学校ヤ,づ广州到永州火车时刻表ヤ,づ淘宝客优惠券在哪儿找ヤ,づ北海看夜景的地方ヤ,づ扇贝粉丝蒸娃娃菜的做法ヤ,づ深圳华侨城美食城ヤ,づ简便的数学名人故事ヤ,づ编辑部的故事 dvdヤ,づ木材大型烘干机设备ヤ,づ蜂蜜金桔柠檬茶的功效ヤ,づ太阳能路灯充电器电路ヤ,づ抖音百万粉丝账号大概收入ヤ,づ长沙 知蜂堂ヤ,づ炊事班的故事1有声小说ヤ,づ皇明太阳能热水带电ヤ,づ油麦菜 虾仁ヤ,づ家用太阳能设计软件ヤ,づ学术论文发表 pptヤ,づ小说 下载ヤ,づ儿童睡前故事mp3ヤ,づ上海虹桥今天天气预报ヤ,づ中秋节的传说故事ヤ,づ员工需求计划表ヤ,づ国外小吃美食纪录片ヤ,づ美国恐怖故事艾玛罗伯茨捏奶ヤ,づ净水设备简介ヤ,づ淘宝客自选计划有用吗ヤ,づ怎样安装远程监控设备ヤ,づ都市小说超级人生ヤ,づ冷库库体制冷设备安装ヤ,づ都市风水师3txt小说下载ヤ,づ迟来的爱歌词有真实的故事ヤ,づ签证韩语翻译ヤ,づ怎么看私立学校招聘信息ヤ,づ浪琴手表中国售后维修ヤ,づ打破花瓶的故事中懂得了诚信ヤ,づexcel制作学生成绩表视频ヤ,づ乡村爱情故事秋歌妈ヤ,づ怎样翻译韩语在手机上ヤ,づ国际标准视力表换算ヤ,づ北京爱情故事第1集ヤ,づ环保宣传标语设计ヤ,づ私房菜需要办执照吗ヤ,づ警察故事成龙骑摩托车图片ヤ,づ最好看爱情片电影版ヤ,づ设备的专项保养是什么意思ヤ,づ市政竣工验收签到表ヤ,づ高仿卡地亚手表哪里买ヤ,づ哪里有回收阿玛尼手表ヤ,づ水晶网最好听的dj音乐ヤ,づ装修案例图下载ヤ,づ太阳能热水器的管怎么拆ヤ,づ家常菜谱大全湘菜ヤ,づ医疗设备维修 招聘ヤ,づ中文dj美女歌曲串烧ヤ,づ艾格女装官方旗舰店ヤ,づ电视剧神话全集观看免费云播ヤ,づ绿色环保手抄报图片 一等奖ヤ,づ超嗨dj加快串烧ヤ,づ春天的故事王秀云小说ヤ,づ昆明4月26号天气ヤ,づ哪里东北菜好吃ヤ,づ神打高清电影ヤ,づ手机高清电影下栽ヤ,づ五笔字根表手机下载ヤ,づ冠县双语学校ヤ,づ淘宝网2012新款秋女装ヤ,づ老梁故事汇西游红孩ヤ,づ徐州幼师高等专科学校在哪里ヤ,づ针织服装基本尺寸表ヤ,づbt电影天堂ヤ,づ瓦片装修效果图ヤ,づ依波表保修期是几年ヤ,づ设备租赁融资公司ヤ,づ4岁儿童睡觉前小故事ヤ,づ关于科学的名人名言ヤ,づ成长路上的故事800字ヤ,づ2016年铜仁公务员职位表ヤ,づ美食的俘虏动漫国语版ヤ,づ南京到上海火车时刻表ヤ,づ儿童睡前故事凯叔ヤ,づ数学课前三分钟趣味故事ヤ,づ兔兔时尚女装批发ヤ,づ老鱼的故事队员小川ヤ,づ穿越当皇帝的耽美小说ヤ,づ好看的言情小说在线ヤ,づ鄂州别墅装修ヤ,づ环保工程属于什么ヤ,づ香港电影 杂志ヤ,づ深圳光伏太阳能ヤ,づ北京明缘学校招聘骗局ヤ,づ湖水蓝颜色表ヤ,づ徐州天气预报一月ヤ,づ居民装修施工时间段ヤ,づ精通养殖机械设备厂ヤ,づ住新装修的房子的危害ヤ,づccf优秀博士论文多难ヤ,

防脱发洗发水
设计团队在做项目的过程中,如果没有组件化时,那么会遇到维护成本高、效率低、统一性差、开发成本高、复用性差和难以协同等6大问题。组件化搭建最多会有六个步骤,分别为:整理目录、制定规范模板、填充目录内容、生成组…
洗发水新闻网【www.4h.link】,又名香波、洗发露、洗发精或者洗发膏,是应用最为广泛的洗发用品,也是最常用的发用化妆品之一。新浪新闻,华商报,奥一网,中国警察网,一点资讯,海外网,扬子晚报,洗发水新闻网; 用于洗净附着在头皮和头发上的人体分泌的油脂,汗垢,头皮上脱落的细胞以及外来的灰尘、微生物、定型产品的残留物和不良气味等,保持头皮和头发清洁及头发美观。
上一篇 下一篇
最新发布
猜你喜欢