设计总结(自己保留学习)

做什么:设计团队的协同

为什么:无规矩不成方圆;确保设计团队的同步,方便团队内部工作的交接

什么时候:在设计开始之前

谁做:设计同学

在团队合作的过程中,同步是最重要的也是基础的知识。第一次和其他小伙伴一起完成工作,总结了几项同步的知识点和方法。

第一项、命名规范

命名的规范包括了画板、图标和组建。

一、画板的命名规范

在设计过程中,为了方便技术人员查看文档和设计稿,我们在画板命名时,以需求文档里的模块名称为准。当需求文档的划分不够细致,在需求文档的标题后面+横线+名称,(如图:命名-01)

命名-01

将命名好的画板上传至蓝湖,然后排序排好,并按照模块分好类别,方便其他的设计小伙伴查看和修改,也方便技术人员查找。

二、图标的命名

1.实心和描线图标保持同名,用【-o】来区分,比如【question-circle】(实心) 和【question-circle-o】(描线);

2.有无-circle/-square区别于边框和非边框,有无-o区别于实心和空心(如图:命名-02)

命名-02

 

3.命名顺序:【模块】-【图标名】-【形状?】-【描线?】-【方向?】。

1)模块,例如左侧导航栏模块的图标比较特殊,图标名前可加【sidebar】,常用模块英文:顶部导航栏【navbar】,底部导航栏【tabbar】,自定义模块命名根据实际需要选择性添加

2)图标名,常用的图标命名用习惯的英文单词命名,非常用和自定义的图标命名可用拼音,多参考其他网站的命名方式图标命名参考网站

3)描线,只在区分同一个功能的图标描线和非描线状态下使用,如果图标风格就是描线,不用每个图标后面都加此后缀

4.字体库的命名与运用

图标的托管网站是iconfont,在建立自己的项目时,电脑端的输入前缀【pc】,手机端输入前缀【mb】,fontfamily以公司名命名(如图:命名-03)

命名-03

关于iconfont网站的字体库制作,可参考我的第一篇文章字体库制作,里面详细介绍了制作过程和使用方法。

三、组件的命名与样式的命名

基于sketch软件的命名规范

关于symbol 是什么,有什么用,怎么制作,可以参考夜雨y的这篇文章,这里主要介绍命名规范

1.组件的命名

组件的命名是要用英文输入法的 / 作为分割,如果一级为最小级,一般命名是三级/二级/一级。这里可以参考微信小程序的UI组件命名

小单位的组件,比如按钮的命名顺序:【模块】-【形状?】-【颜色?】-【状态?】。(如图:命名-04)

命名-04

2.样式的命名

1)图层样式的命名也是用英文输入法的 / 用来分割父子级,命名规范:【模块】-【颜色?】(如图:命名-05)list/line则是父子级

命名-05

2)文本的样式命名规范:【字号】-【备注?】(如图:命名-06)

命名-06

第二项、组件共享 

1、先把做好组件库保存

2.打开sketch-preferences-libraries-add library 添加保存的组件库即可 (如图:共享-01)

共享-01

3.修改组件直接双击,点击弹窗最右边按钮>>修改完组件库保存>>在设计稿点击紫色按钮同步组件库即可(如图:共享-02,共享-03)

共享-02

共享-03

当然想要团队合作更方便,可以借助蓝湖这类的软件,nans也是团队合作,文件同步的有效工具。

作者:皇军_e332

链接:https://www.jianshu.com/p/ebbe75e99b13

來源:简书

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,185评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,445评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,684评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,564评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,681评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,874评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,025评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,761评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,217评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,351评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,988评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2 349

推荐阅读更多精彩内容

  • 做什么:设计团队的协同 为什么:无规矩不成方圆;确保设计团队的同步,方便团队内部工作的交接 什么时候:在设计开始之...
    皇军_e332阅读 3,794评论 0 1
  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 31,913评论 2 89
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 这条朋友圈是设为私密的,带着这份忐忑,邀请了很少的朋友,我开始了这本书的第一次带读。没有我预想中的伤痛,正如花花所...
    东沁阅读 279评论 2 2
  • 在没有看这本书以前,每天的晨跑都保持在5公里左右,很少有突破过7公里,最初的晨跑目的也只是看自己到底能够坚持多久,...
    LXQ刘小琴阅读 507评论 0 3