首页
题库
公司真题
专项练习
面试题库
在线编程
面试
面试经验
AI 模拟面试
简历
求职
学习
课程
专栏·文章
竞赛
搜索
我要招人
发布职位
发布职位、邀约牛人
更多企业解决方案
在线笔面试、雇主品牌宣传
登录
/
注册
方百百
广告设计
发布于上海
关注
已关注
取消关注
@周陆军:
<span>UED团队规范设计参考及建议</span>
公司产品线逐渐增多,变动频繁且并行开发,常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容。通过模块化的解决方案,降低冗余的生产成本。 而标准化规范是达到此目的起点。 在任何行业中一套良好的工作流程不仅可以保证各个阶段输出物的质量,提升工作效率,而且在一定的范畴下针对不同的项目,工作流程具有可复制的特点。如批量生产一款新车型,那就必须严格按照一定的汽车设计和生产流程进行操作,各阶段通力合作,才能保证汽车品质以及最终的量产。设计行业流程化、规范化程度逐步提高意味着该行业成熟度的不断提高。 因大企业后台80%任务场景具有强规律性、可规范性、高复用性等特点,ued与前端共建,进行了规范约定,将常用的任务场景进行框架层的抽象,包括但不限于其布局、内容、交互、实现,框架下的需求内容可灵活定制,不仅大大减少各协作方对相同场景进行重复性的思考及工程投入,缩短了项目开发时间,而且保证项目有高质量和一致性的产出。 先科普下UED: UED概念及职责略——具体找度娘,UED团队包括: 交互设计师(Interaction Designer) 视觉设计师(Vision Designer) 前端开发工程师(Web Developer) 个大厂的UED设置都差不多,参考: http://ued.ctrip.com http://uedc.163.com/ http://jdc.jd.com/ http://www.aliued.cn/ http://ued.qq.com/ 要制定UED的标准规范,首先的从设计和交互入手,我觉得产品的灵魂源于设计,骨骼源于交互。而从源头把控和规划,才能从根本解决问题。 例如:组件、模块、复用等问题 典型的例子: 从设计优化开发工作 扁平化——去圆角阴影 材质 比如.5xp 与1px ——参看《Retina真实还原1px边框的解决方案》 交互优化设计及开发工作 典型案例:顺丰彩组合支付原来22中组合策略优化。 如何复用现有资源 节庆换肤、营销迭代改版 参考案例: Ant Design :一个服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。 Material Design :每个设计决策背后都会有一系列的逻辑作为支撑 而很多公司无法推行一套专业的设计流程,造成设计师专业度难以提升。设计师在接到需求的时候就直接上手开始做,没有前期的分析和研究,做完了事,专业度没有保证。 交互规范: 首先需要做的工作: 需求分级规范:设计部门会接到大大小小需求不同的项目,而项目大小的不同也直接对应着设计流程的繁简,评审人员与审核标准 流程规范:交互设计是否参与前期产品设计规范、设计是否需要交互参与及评审、定稿机制。 根据不同等级,走不同流程 例如:重点项目设计流程、敏捷设计流程、极简设计流程 参考案例: 短兵相接勇者胜 — 紧张项目管理策略 场景中台化助力提升上下游协作效率 复杂产品的设计策略 交互设计的规划流程 无规矩、不方圆——大众点评UED团队的设计流程规范 模块化设计规范 标准化模块设计 模块即是零件,动线即是图纸;使用不同的模块与动线,即可组成满足不同需求的场景 如何推动模块与动线设计? 模块设计原则 交互组合原则 参考案例: 大促分会场-模块化设计方法总结 如何制作交互组件库 组件化设计思维 – 从规范到工具的构建与探索 HAWK 供应链工作台设计语言及开发框架整体方案 交互文档规范制定 我们现在的产品只要 很低保真原型图,在交互上很容易错过细节。需要开发、设计去仔细琢磨产品,来回往复看。特别是新人接手,需要重新进行业务知识大培训。 产品及交互,需要给出清晰准确的数据流程及交互流程给设计及开发人员,而这些若有一套标准准则,则更利于规范与理解 比如: 图片上传失败 <button class="Button Button&#45;&#45;link Button&#45;&#45;withIcon Button&#45;&#45;withLabel" type="button">重试</button> 设计规范 设计规范 设计原则——设计的标准准则 板式架构(间距 留白 对齐)、 字体 、色彩等规范 参考案例 “范”栅格(HTML5 UI栅格研究) MXD logo设计规范–MXD Big Day 设计模式——精练问题的一般解决方案 在企业级业务中使用设计模式,能大幅度提升研发团队的确定性,节约无谓的设计且保持系统一致性,让『设计者』把创造力专注在最需要的地方。 设计资源——图库、模板、基础色板(产品级色彩体系) 文档规范 为保证设计稿质量以及可传承、易上手等特点,设计师输出的文档也需要一套输出规范和模版。 标注规范 图层命名规范 文档格式规范 参考案例: 网页设计与重构那些事儿【基础篇】(原创技巧) 设计与交互本人所知有限,不多谈。现在来看看前端 思考案例: 红绿灯与设计规范 互联网金融体验设计方法库 如何让设计效果可量化 在整理设计规范中变强 前端规范 首先得讲CodeGuide html+css+js GuideLines代码标准规范 制定 重点: html 结构规范 ——嵌套层级规范、语义化 属性类规范 组件化——封装标准 css 命名规范 权重、层叠规范 布局 css嵌套 js 命名规范 注释规范 封装 模块化 语法 参考标准 alloyteam 推荐 imweb 规范文档应具备可操作性,同事配备检验工具(JSLint、CSSLint) 工程规范 框架/库 ——应用框架设计 项目是初始化构建模板(yeoman) 接口规范—— rap接口管理 mock规则设置 readme—— 1、项目背景——业务概述 2、工程结构 3、测试、打包 操作 说明 代码校验——工具化 JSLint CssLint 上线报告——风险报告,如:兼容性评估报告,性能测试报告(原顺手付钱包改版后,领导还是反应慢,然后出具测试报告,精准展示前端性能) 运营监测——betterJS 异常自动回馈运营 前端项目验收标准 现在的项目完工后,没有对项目进行标准化操作。 比如注释规范,工程结构规范,代码规范。 以及页面性能是否达到用户可接受范围。 比如,腾讯, 团队方向 重点分工 商业公司养一个纯研究性的团队不现实,可以让不同人员负责不同领域的重点研究。比如偏CSS,偏JS,偏架构 梯队人才培养 目前前端技术框架层层不穷,我们需要一个文档的技术开发框架,同时要让几个有余力的同事去研究当今前沿的技术框架。及热点库的热点更新。 导师制度 带新人、技术分享等 工程模板案例 构建成熟的技术框架实例。初始化后即可在适应新项目的初始化开发。 原文地址:UED团队规范设计参考及建议 - 模型设计,领域设计,软件设计, - 周陆军的个人网站 文有不妥之前,请告知
点赞 0
评论 0
全部评论
推荐
最新
楼层
滴滴
校招火热招聘中
官网直投
相关推荐
在迎接offer的秋招侠很勇敢
昨天 15:15
售后专员
不建议大学找实习的时候去当店员
我之前在无印良品店干过店员,每天都要不停地叠衣服、理货和补货,工作节奏很快,每天都感觉很累,没有停歇的时候。个人觉得找份更好的实习或家教工作,都比去当店员要好
投递无印良品等公司7个岗位 >
点赞
评论
收藏
转发
流苏丶丶
05-11 14:11
中国石油大学(华东) 材料类
材料单211硕秋招春招总结/山东省材料硕士
单211硕,金属材料方向,无六级,非党员,科研混子,无小论文和专利及比赛荣誉。大部分投的山东省内企业。秋招及春招offer:长鑫存储(北京),上海光通信,潍柴,豪迈,正海磁材,泰开变压器,芯恩,泰开隔离开关,北汽福田(潍坊),山推,恒信,爱旭(济南),冰轮,中铁14局,国瓷材料,泰开互感器,泰开高压开关,青岛物元半导体,中建城市发展有限公司(山东分公司),中芯绍兴(芯联集成)没六级是硬伤,考不了三桶油管网和一汽大众等企业
晒一晒我的offer
点赞
评论
收藏
转发
已变成回忆
04-06 23:42
阿里巴巴_钉钉_开发工程师
最破防的一集
点赞
评论
收藏
转发
牛客663932011号
03-29 17:19
已编辑
南昌交通学院 计算机类
全网两百多万粉丝找不到工作
大哥大姐们,昨天你们提的建议,我又改了一遍简历,麻烦看看
点赞
评论
收藏
转发
犬粟
05-16 17:20
华中科技大学 计算机类
5.16 字节后端一面
电商业务 杭州 50分钟 自我介绍 (开始照着简历问…) 平衡二叉树 为什么红黑树用得更多 B树/B+树及应用 进程线程协程区别 零拷贝技术 TCP三次握手四次挥手 ACID 隔离级别 脏读幻读 可重复读怎么解决脏读和幻读的 redis基本数据类型以及底层结构 ...
字节跳动一面209人在聊
软件开发2024笔面经
点赞
评论
收藏
转发
点赞
收藏
评论
分享
回复帖子
全站热榜
1
...
瑞幸java校招二面(史诗级80min)
1.1W
2
...
5.16校招&实习招聘信息汇总
8585
3
...
送花给牛友,不做“白嫖党”!牛客互动新功能上线啦!
7429
4
...
阿里oc
6273
5
...
给25届同学: 永远相信美好的事情即将发生
6146
6
...
腾讯一面凉经 5.16
6036
7
...
CS硕 只看40w+且965 能投啥
5449
8
...
二本漫漫求职路......
3876
9
...
为什么选择做测试开发
3575
10
...
虎哥の致谢
3477
正在热议
#
牛客帮帮团来啦!有问必答
#
749235次浏览
11948人参与
#
你的工作大概什么时候入职?
#
2651次浏览
34人参与
#
海康威视求职进展汇总
#
94429次浏览
1139人参与
#
百度工作体验
#
23824次浏览
246人参与
#
今年形式下双非本找得到工作吗
#
7467次浏览
159人参与
#
2022届毕业生现状
#
320676次浏览
4441人参与
#
你的秋招进行到哪一步了
#
359063次浏览
6317人参与
#
产品实习,你更倾向大公司or小公司
#
37414次浏览
579人参与
#
非技术岗是怎么找实习的
#
75778次浏览
1414人参与
#
比亚迪求职进展汇总
#
166940次浏览
1238人参与
#
你觉得比亚迪今年还有春招吗?
#
46208次浏览
333人参与
#
学历对求职的影响
#
133421次浏览
1517人参与
#
面试等了一周没回复,还有戏吗
#
41128次浏览
501人参与
#
浅聊一下我实习的辛苦费
#
82511次浏览
769人参与
#
国企和大厂硬件兄弟怎么选?
#
45188次浏览
851人参与
#
0offer是寒冬太冷还是我太菜
#
417471次浏览
4840人参与
#
铜五铁六真的存在吗?
#
29033次浏览
302人参与
#
考研失败就一定是坏事吗?
#
20512次浏览
216人参与
#
通信硬件人笔面经互助
#
115180次浏览
2290人参与
#
荣耀求职进展汇总
#
66515次浏览
670人参与
牛客网
牛客企业服务