sketch 如何规范的设置自己的字体样式库( Text styles )

1、设定字体格式


快速改变字体:1)字体    2)更改字体     3)同步风格

每个主题下包含四种字体格式:(还可以创建一组暗色主题如图上第二行)

默认格式(通常设定80-100%透明度)

次级格式(50-70%透明度)

不可用格式(20-40%透明度)

强调格式(常常适用品牌色)


为什么不是改变颜色值而是设定透明度呢?

原因一:想要改变字体的颜色,只需要改变基准颜色值就可以一键全部改掉;

原因二:透明度可以在任何背景下更好的融合

如下图所示


2.设定颜色以及对象风格

设计前先选5种基准色

品牌色:很明显,这是品牌的颜色。

黑色:选定一种你将在设计中使用的基准黑色。我会避免纯黑,取而代之的是加入了少量品牌色的黑色(或者加入互补色)。看下图


在你的品牌色上覆盖上80-90%透明度的黑色。选取这个颜色作为你的基准黑。这是个小细节,却会产生奇妙的效果。


状态颜色

错误状态:红色的变种。这个颜色提示用户有东西出岔子了。纯红色有点过了,加上少许黄色或蓝色让这个红色看起来更舒服。

警告状态:黄色的变种。这个颜色会让用户警惕错误的发生。别选择太浓烈的黄,我一般选择带点橙色的黄,这样在白色背景上也能很好的看清。

成功状态:绿色的变种。这个颜色提示用户事情进展顺利。我喜欢app中的颜色偏冷,所以我会在绿中加一点蓝色。



从左到右:品牌色,黑色,错误状态,警告状态,成功状态


额外的颜色适合于表格或图片,但请选用你基准颜色之外的颜色。


对象风格

设定这个同样也是为了节省时间。对象,包括了你app中的任何东西,从卡片背景到列表条目背景。下图是我的一些对象风格:



3.创建页面和画板

这个很简单,但却能让你理清思路。再开始设计前,先决定如何组织你的设计:

按照功能:在食物app中,你也许需要一整页来存放“食谱”的画板,另一页来存放“个人信息”的画板。

按照用户角色:在阅读app中,你也许需要一页来存放“读者”的画板,而另一个页来存放“投稿者”画板。

按照工作流:在Uber的app中,你也许用一页来存放“订车”这个工作流程,而另一个页来存放“添加信用卡”的工作流程。

这上面提到的都可以,但要尽早决定,并坚持使用一种。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。