美文网首页sketch
sketch 如何规范的设置自己的字体样式库( Text st

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

作者: LRachel | 来源:发表于2019-10-17 14:09 被阅读0次

1、设定字体格式

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

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

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

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

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

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

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

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

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

如下图所示

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

设计前先选5种基准色

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

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

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

状态颜色

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

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

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

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

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

对象风格

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

3.创建页面和画板

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

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

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

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

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

相关文章

网友评论

    本文标题:sketch 如何规范的设置自己的字体样式库( Text st

    本文链接:https://www.haomeiwen.com/subject/ayemmctx.html