UI设计的团队合作经验总结
做什么 ：设计团队的协同
为什么 ：无规矩不成方圆；确保设计团队的同步，方便团队内部工作的交接
什么时候 ：在设计开始之前
谁做 ：设计同学
在团队合作的过程中，同步是最重要的也是基础的知识。第一次和其他小伙伴一起完成工作，总结了几项同步的知识点和方法。
命名的规范包括了画板、图标和组建。
在设计过程中，为了方便技术人员查看文档和设计稿，我们在画板命名时，以需求文档里的模块名称为准。当需求文档的划分不够细致，在需求文档的标题后面+横线+名称，（如图：命名-01)
将命名好的画板上传至蓝湖，然后排序排好，并按照模块分好类别，方便其他的设计小伙伴查看和修改，也方便技术人员查找。
1.实心和描线图标保持同名，用【-o】来区分，比如【question-circle】（实心） 和【question-circle-o】（描线）；
2.有无-circle/-square区别于边框和非边框，有无-o区别于实心和空心（如图：命名-02）
3.命名顺序：【模块】-【图标名】-【形状?】-【描线?】-【方向?】。
1）模块，例如左侧导航栏模块的图标比较特殊，图标名前可加【sidebar】，常用模块英文：顶部导航栏【navbar】，底部导航栏【tabbar】，自定义模块命名根据实际需要选择性添加
2）图标名，常用的图标命名用习惯的英文单词命名，非常用和自定义的图标命名可用拼音，多参考其他网站的命名方式 图标命名参考网站
3）描线，只在区分同一个功能的图标描线和非描线状态下使用，如果图标风格就是描线，不用每个图标后面都加此后缀
4.字体库的命名与运用
图标的托管网站是 iconfont ,在建立自己的项目时，电脑端的输入前缀【pc】，手机端输入前缀【mb】，fontfamily以公司名命名（如图：命名-03）
关于iconfont网站的字体库制作，可参考我的第一篇文章 字体库制作 ，里面详细介绍了制作过程和使用方法。
基于sketch软件的命名规范
关于symbol 是什么，有什么用，怎么制作，可以参考 夜雨y 的这篇文章，这里主要介绍命名规范
组件的命名是要用英文输入法的 / 作为分割，如果一级为最小级，一般命名是三级/二级/一级。这里可以参考微信小程序的UI组件命名
小单位的组件，比如按钮的命名顺序：【模块】-【形状?】-【颜色？】-【状态？】。（如图：命名-04）
1）图层样式的命名也是用英文输入法的 / 用来分割父子级，命名规范：【模块】-【颜色？】（如图：命名-05）list/line则是父子级
2）文本的样式命名规范：【字号】-【备注？】（如图：命名-06）
1、先把做好组件库保存
2.打开sketch-preferences-libraries-add library 添加保存的组件库即可 （如图：共享-01）
3.修改组件直接双击，点击弹窗最右边按钮>>修改完组件库保存>>在设计稿点击紫色按钮同步组件库即可（如图：共享-02，共享-03）
当然想要团队合作更方便，可以借助 蓝湖 这类的软件，nans也是团队合作，文件同步的有效工具。
UI设计提高团队协作的方法有：
1、视觉UI设计与交互设计之间应衔接无缝，即时刷新视觉页面。
2、适当时，为开发开启更多的话语权，避免更多的无用功。
3、用百分之八十场景的视觉设计+视觉控件规范+切图+标注+宣讲来指导开发。
4、与开发近距离接触，遇到问题及时面对面澄清、拉通指导、达成共识、修改、敲定、解决。
一般产品设计流程包括不同的阶段，不同的阶段其涉及的范畴内容不一样，作为设计师面对所有步骤不能一蹴而就，而是按部就班，计划行事。
当然作为视觉设计师设计过程中主动出ABC…方案而不是只拿出一个唯一的方案，只有将想法用画面来表达，才是够合格的设计师，特别是视觉设计师，好处可以锻炼自己的设计表达力，方便评审定稿，避免反复修改被人牵着走。
二、适当时，为开发开启更多的话语权，避免更多的无用功
视觉规范、视觉标注、视觉控件库的整理与输出目的只有一个：那就是指导开发，让设计100%还原落地回到项目中，对于设计团队与开发团队通常会体现以下两种情况出现：
开发团队对项目有丰富经验，设计团队对此项目经验少-开发话语权大于视觉设计团队拥有多次项目经验，并有一定的设计沉淀累积-设计话语权大于开发从视觉设计而言，如果是设计团队拥有丰富的经验这是最好的，用经验累积设计沉淀与创造性指导项目，话语权大，反之亦然。
三、用80%场景的视觉设计+视觉控件规范+切图+标注+宣讲来指导开发
1.视觉设计的场景
由交互提供具体场景的典型页面，视觉稿进行输出，多次迭代评审敲定后，再由开发提出缺失场景的视觉设计，视觉进行场景补充
2.视觉UI控件规范的输出
必须是经过多次评审与迭代的最终视觉稿但通常情况下，为了赶进度视觉设计与规范是同步进行，这导致规范反复修改的问题。
3.切图与整理
切出所有视觉页面中涉及到的图标与辅助图形图标大小如：24px/ 32px/48px/72px/128px等，根据图标具体场景中的大小、颜色、状态来切。换句话说，每一个图标都有它对应的具体场景，特定的尺寸、颜色和状态记得曾与开发gg对规范与切图的时候，他说：页面的图标切图，需要的是一个具体的拿来就用的，我们不会去画一个图标或去特定写一个图标的颜色。
4.标注
视觉页面的标注基于UI控件规范的基础上进行，抛弃以往每个页面细无巨细的具体尺寸/色值/大小的标注。其实每一个视觉页面皆由不同的UI控件组成，在页面中将对应控件用UI控件规范中的编号来标注，开发gg拿着视觉页面标注去敲写代码时，再在UI控件规范文档中寻找相对应的控件规范细节这样，视觉设计师避免在视觉页面中做那密密麻麻的尺寸标注，而开发gg拿到标注清爽的视觉页面也不会产生视觉疲劳。
5.规范宣讲
以上4步完成后项目开发启动前，用视觉规范对开发做统一的宣讲，避免遗漏造成规则传达不一致这样，还设计原度还是问题么?
四、与开发近距离接触，面对面解决问题
最后一个方法是与开发来个亲密接触，即如果有条件允许的话，请与开发坐一起遇到问题及时面对面澄清、拉通指导、达成共识、修改、敲定、解决。
试想一下，如果不和开发坐在一起，即使开发面对再完善的设计规范，基于开发本身对设计美感的欠缺，开发过程多多少少都会产生理解偏差。开发过程每遇到一个细节问题，开发gg都得拉着视觉问：这个按钮上的左右箭头是无限循环吗?图标缺少了一个状态，那个状态是什么等发个信息问拉会或者电话讨论，有时候还解释不清楚，效率低且事倍功半。
2.视觉UI设计师直接进组到开发团队中
结合当前项目的做法是视觉设计师直接进驻到开发团队中，与开发团队坐在一起，举个例子此项目视觉在深圳，开发在异省南京或是异国，视觉也出差飞过去长期进驻，遇到问题面对面商议解决大大提高了开发的进度与也节约了时间，视觉还原度还是问题么?当然，如果设计与开发本来就附近办公，则不需无休止的出差，项目成本节省不少。
撇开大厂（腾讯、百度、淘宝）之类的，他们一般都有自己完善的设计团队，这里主要介绍一些UI设计外包公司，请牢记每一份工作，都是在为你的简历锦上添花，请务必认真对待每一份工作，简历上列出的工作经历，是对你人生一段岁月的总结哦~
唐硕
唐硕体验创新咨询是一家为各类网站、产品和线下零售网点提供用户体验设计服务的咨询公司。他们非常注重用户体验，有几个非常著名的案例就出自于他们之手，小罐茶、人民日报新闻APP、以及8848双屏手机，林肯、芝麻信用等。
合作的品牌都是非常有名的，它的官网主页极有质感、言简意赅，主色调是神秘的黑色 ，还有一些案例分享。浏览主页的时候感受是非常舒服的。他们的员工福利特别好，上下班不用打卡，下午茶也是丰富到不行，而且整个团队非常年轻化，美女如云、帅哥扎堆~
2. ARK
ARK创新咨询公司，和上面的唐硕老是被比较，也是一家非常注重用户体验的公司，出名的案例包括招商银行APP、得到APP、小牛电动车等，和KFC、Nike也建立了长期的合作关系。
官网主页是非常大气的醒目的红色，整个浏览下来区域划分非常直观，很享受。
3. eico
eico是一家产品战略设计公司，出名的案例包括摩拜、丁香园、人人贷、亚马逊中国等。官网主页就是案例图，对比上面两家，少了一些腔调。
4. dine
dine是一家创意设计工作室，它的官网是最有意思的！虽然也是案例展示但是他们的排列以及颜色搭配太高级了！而且3d的动态效果，让人有一种参与感！非常有几何感以及线条感，感觉会是强迫症的福音。同时他们和LBE、GQ24、好奇心日报等都建立了良好的合作关系~这家公司更加崇尚的是在家办公，线上交流。
5、荷勒holy
Holy是一家一家创新设计与服务体验咨询公司。官网主页极其简单明了，极简白色为主色调同样也是案例展示，布局非常大气，浏览主页就是一种享受与放松。他们的合作对象包括清华大学、Adidas等。
UI设计按用户和界面来分可分成四种UI设计。
分别是移动端UI设计，PC端UI设计，游戏UI设计，以及其它UI设计。
Eico design
公司全称： eico design
创立年代：2004
总部地址：北京
创始人：张伟
上榜理由：Eico design为100多名国际与本地客户的200余个产品提供了创新易用的设计方案，有效的提升了产品体验和客户品牌价值，并引领市场不断树立新的体验标杆。
2．
Rigo design
公司全称：Rigo design
创立年代：2008
总部地址：北京
创始人：朱印
上榜理由： Rigo design于2009年助力联想设计中心共同设计了乐Phone，Skylight，eBox体感游戏机等联想重要的电子产品，2010年为创新工场开发设计了“点心” 手机操作系统界面，夏普世界第一款直板Android手机，爱国者AigoPad平板电脑等多款产品用户体验设计，Intel MeeGO平板系统设计，并建立了包括美国黑莓，CCTV央视国际等多家大型企业与机构的设计合作意向。
3．
Holy 荷勒
公司全称：Holy荷勒互动
创立年代：2009
总部地址：深圳
创始人：黎黎
上榜理由：荷勒是一家国际化的互动创意设计机构，与世界顶级的公司合作创造有影响的产品、服务和体验，如苹果亚洲最大经销商coodoo，腾讯，创维等。荷勒始终在不断的尝试着去消除科技和艺术之间的界限，为客户创造最有创意表现力的数字产品，帮助客户提升品牌价值，让消费者和品牌之间产生更好的体验式沟通。
4.
Clover
公司全称：Clover四叶新媒体
创立年代：2011
总部地址： 上海
创始人：沈一鸣
上榜理由：Clover四叶新媒体发布的多款APP在苹果 App Store 多个分类排名前列，旗下超过11款产品获得苹果官方推荐，APP设计公司的后起之秀。
5.
lemonista
公司全称：柠檬岛互动设计
创立年代：2010
总部地址：北京
创始人：彦风
上榜理由：独特而又强大的团队是柠檬岛最宝贵的财富，同时也是柠檬岛不同于其他公司的优势。柠檬岛以中央美术学院为依托，最优秀的技术团队为支持，提供最专业的服务。柠檬岛不仅在艺术品质上在业界达到新的标准，同时在用户体验上进行深入的挖掘与研究，令您的产品惊闻四座、表里如一。
6.
唐硕
公司全称：TANG 唐硕
创立年代：2007
总部地址： 上海
创始人：黄峰
上榜理由：唐硕坚持一点点的传播和推动 “体验”思维，相信美好的体验拥有改善世界的力量，能够带领人们步入更美好的生活。唐硕期望成为FrogDesign+IBM，希望拥有青蛙设计公司的策略研究与设计能力及IBM管理咨询的能力。在专业方面，比较推崇AdaptivePath公司的设计理念及发展模式。
7.
Mtel
公司全称：流动电讯有限公司
创立年代：1999
总部地址：香港
创始人：陈聪
上榜理由：流动电讯有限公司是手机媒体和应用设计开发的领导者，流动电讯已经设计开发了与移动运营商、手机制造商和运营商的战略合作伙伴关系，如3HK，电讯盈科，CSL和数码通。
8.
Tap4fun
公司全称：尼毕鲁科技
创立年代：2010
总部地址：成都
创始人：杨祥吉
上榜理由：尼毕鲁旗下的手机游戏海岛帝国、银河帝国、王者帝国组成的“帝国三部曲”。其中于2012年2月上线的王者帝国，上线仅三天，就晋升苹果App商店中国区畅销榜第一，2011年10月上线的银河帝国，已获得全球7个国家和地区AppStore畅销榜第一。
9.
GreenTomato
公司全称：绿蕃茄有限公司
创立年代：2003
总部地址： 香港
创始人：sunny kok
上榜理由： 绿蕃茄有限公司一直以高质素产品及创意为客户提供众多的创新性移动应用服务，已经获得了全世界业界同仁的认可和高度赞扬，并屡获殊荣，其中包括韩国评选的“全球移动内容奖”、“诺基亚论坛 PRO 奖”、“亚太地区 ICT 奖”和“中国移动（广州）创新应用程序奖”、“香港数字娱乐节目奖”和“无线技术卓越奖”等等。
10.
Cherrypicks
公司全称：Cherrypicks
创立年代：2000
总部地址： 香港
创始人：赵子翘
上榜理由：已有10年发展历史并专注于手机用户体验的CherryPicks公司，在不同国家不同行业设计了超过百款手机应用作品，在亚太地区乃至世界创新扩展实景领域都具备领先地位。其中采用了3D、AR、XGPS技术的《iButterfly》发布半年即开始盈利，众多广告客户愿为其支付费用，产品先后走近日本、香港、新加坡市场。
