使用sketch制作组件化插图.第1部分:规则、风格和特点

“设计系统”是关于如何更加系统的处理您的设计过程,帮助你达到产品的目标,并且符合你团队的文化。   

                                                          — Alla Kholmatova “设计系统”   


1.插图设计的规则

我们如何通过设计来实现产品的目的?通过建立一些基本的规则来制作插画设计系统。设计规则作为设计的基础是非常重要的。我一半会用3-5个关键词来表达设计标准。这是我在做插图的5个设计标准

1.简约

2.生动

3.色彩丰富

4.令人愉悦

5.可复用


2.基本配色方案

我们会使用两种颜色,亮色(蓝色和绿色)和暖色(黄色和红色)。在插图中,我使用更鲜艳的颜色来保证品牌的识别度。这就是为什么80%的插图我都使用更明亮的蓝色和绿色而不是其他颜色。


基本配色方案


3.可重复使用的组件

创建一些组件和模版,这些组件和模版可以重复使用,在下次创作中不必重新开始。


可复用组件


这些可以帮助我们保持设计的一致性,使设计的过程更快更好,并且我们的设计也有了标准和规范


组件使用1


组件使用2


组件使用3

我们可以根据新的配色方案来改变现有组件的颜色,使这些组件根据需求进行更新。


4.风格和设计特点

风格和设计特点是设计必须拥有的两件东西


你知道上面显示的是什么动画角色吗?想必我们每个人都知道他是谁。上面的角色具有自己的风格和特征。我们制作插图也一样,我们必须要了解自己设计的风格和特点。目标是保持设计一致性并创建出设计标准。也让每个人都知道并记住我们插图风格和特点。



插图特征和样式1


插图特征和样式2


插图特征和样式3


插图特征和样式4

以下是我的一些插图特征和样式:

1.人类。特征是人头大、手小、没有细节、还有小脚。

2.可爱的脸型。kawaii在日本是可爱的意思。它可以指的是迷人,脆弱,害羞和童真的物品,介于人类和非人类。

3.渐变色。从一种颜色过渡到另一种颜色。

4.两个维度。所有的插图元素都是二维空间。

5.色彩丰富。有两种颜色,亮色和暖色。

6.圆角风格。插图中所有的元素都是圆形的,看起来更具现代感。

以上的特点和风格将成为共同工作设计师创作插图的基准,所以我们有相同和一致的插图。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,956评论 25 709
  • 东方有座俊鸡山,山里有个谷,起名“美人谷”,谷中有个小谷主,名唤仇千舞。 前年,仇千舞养了一条狗,狗跑了;去年,仇...
    伍艺迩阅读 416评论 9 4
  • 目标:1、希望孩子拥有更多朋友更加开心快乐!智慧多多!不计较!不抱怨! 2、希望自己11.30之前能找到理想中的工...
    zl向日葵阅读 116评论 0 0
  • 简书真的是好个地方,因为在简书上写了一些文章,所以申请今日头条的头条号时很容易就通过了。虽然现在还在新手期,但是这...
    源小米阅读 375评论 6 3