腾讯美女设计师倾囊相授：你看起来很好吃（第九集）

Tencent TGI高级视觉设计师@Jin Xiaoyan即将来到Youshi进行演讲。我这个星期六见你。有关详细信息，请参阅“问题048” Web Visual Design的创意开发和表达

温暖提醒：如果您想免费获得一本新书，您将有机会在12月21日23:00在此微博上获得它！

@Jin Xiaoyan：你看起来很美味吗？在各种信息爆炸的时代，如果我们必须向用户喂食的信息，那么用户通常是一群类似厌食症的婴儿。他们如何乐于吞下递送到嘴里的食物？可口！当然，人们可以品尝到它很受欢迎，但是它是否真的很美味，因为设计师无法决定，但“看起来很美味”是我们的工作！

Shuxun：女孩的新书《形式的感觉 +：Web Visual Design的创造性开发和快速表达》已经启动。学生现在可以预订:)

女孩的一系列好文章：

“腾讯美容设计师充满标题：复制现实（第1集）”

“腾讯美容设计师赠送了所有礼物：圆形，正方形，三角形（第2集）”

“腾讯美容设计师给全屏的远见（第7集）”

“腾讯美容设计师赠送了所有礼物：玩（第4集）”

谈论它 - 信息的图表设计

去皮，挑选和咀嚼。分支，徽标和要点。正如F型阅读布局研究仅在一定程度上解决了食品消费问题，这解决了对“阅读需求”的用户的扫描阅读，但对对厌食症偏爱的婴儿没有太大影响。因此，除了嗡嗡作响并制作面孔外，​​我们还必须有效地包装和处理食物。

如果它刺激您的食欲，那么让我们继续阅读。

油炸，蒸，油炸和煎炸就像食品加工的方法一样，大型文本也具有几种可以归因的逻辑关系。通过掌握这些基本的逻辑关系，我们可以为火灾添加燃料，并使它们看起来简单，有趣且充满食欲！

考虑一下 - 并行，对比，过程

1。并行类型

并行组合类型可以是不同的逻辑关系或同一事物不同方面的不同事物。在设计性能方面，它们是平等和平衡的状态。这些内容的表达和结构也相对一致。我们可以与以下图结合进行分析。在日常设计中，我们还可以使用以下图来表达相似的逻辑关系。

尽管并置图的五个元素之间没有具体的组合关系，但它们都具有称为运输的潜在共同特性。这种潜在的相关性使他们能够与一致的形态结构形成并置关系。并行布置，相同的布局结构和统一的图标样式表达了这种固有的共同属性关系。与这种并置关系类似，尽管苹果，梨和香蕉没有任何东西，但它们都是水果。尽管冰箱，计算机和洗衣机不构成变压器，但它们既是家用电器或机器。我们可以以结构一致但在逻辑上平行且不合并的方式表达这种关系。

该并置逻辑图表示三个内容。首先，它们是四个并置元素，其次，四个元素形成一个共同的融合，第三，这四个元素具有其自身的不同特征。这种逻辑形式是最常见的，例如一本书，由几章组成，每章都有不同的目标内容。或者今天吃午餐，它由几种菜肴组成，每道菜都更像是一种食物，品味如何不同，等等……当我们遇到类似的逻辑关系时，我们可以应用上面图片的模式。

与上图的并置组合形式相比，这种并置组合是混凝土，形成了世界地图。在Unigage的布局上标记了不同的特征符号。尽管特征符号是不同的，但地理位置及其特征仍然处于平行关系。这是在平行关系中绘制和增强特征。如果特征进一步加强，则平行关系也将巧妙地转换为对比关系，这是我们接下来看到的关系。

2。比较类型

对比关系是指两个或多个事物之间的比较，或者是对事物的几个方面的比较。它根据并行关系增强特征，并通过数据或图形来形象。它是平行关系的升级和功能增强。区分对比关系与平行关系的特征是其对比性能高于其平行性能。通常需要通过比较来绘制它，并存在一个结论。从两者之间的简单比较到多个元素之间的比较，从并列单数到数字图表，从水平图到圆形图表，由于其不同的特征表达式形式，对比风格具有许多丰富性。让我们看看下面的图表。

两个数据的比较

这是两者之间的简单数据比较，它加强了两者之间的数据差异，并有助于表达两者之间的差异。

比较多个类似数据

这是图形数据比较图。在图表上，解释了这两个并列内容，并描述了它们之间的对比关系。这些数字在这里的补充解释中起作用。

标记参数的相似数据的比较

这组图表与上图具有相似之处。它们都是通过组合图形和数据组合的，但是此图表示比较的时间参数。时间是基于多年的，石油价格显示出向上的趋势，但是该图表并未指定上升的特定价值，而仅反映了一个趋势。

相似数据的多层属性的比较

这是一个包含多个数据的图形组。它包括四个平行类别。每个主要类别都有一个总比较数。每个主要类别都有四个小型比较数据。它使用四种颜色定义了这四个类别，这四个小型类别的红色，黄色，绿色和蓝色可以独立形成四个类别以形成细分的比较。这种多级属性对比度很明显，视觉节奏也很强。

非same数据的比较

这是对多个事物之间的数据的比较，这些数据可能是非相似的或具有潜在相关属性的类似事物的比较。图标设计的统一风格和图形结构的统一节奏为数据比较提供了视觉基础。区分比较关系与平行关系的标准是其数据和特征比较性能高于它们之间的数据。

单个数据的轴图

轴改变了单个事物的趋势图，该图表不断根据水平轴值的增加而变化，可以直观地看到事物的发展定律和趋势。

两个数据的轴图

这是两件事的比较数据图，蓝色和黄色代表在同一​​环境中两件事的不同数据表现。由此，我们不仅可以看到某些事物的法律和趋势的变化，而且可以看到两个数据之间的关系不断变化。

多个数据的轴图

这是多个事物的轴数据图，在不同时间通过颜色区分每个人及其数据表示形式。与前两张图片相比，有更多的元素。

戒指比较数据图

数据比较图不限于直线。这是一个圆形数据图，代表逻辑并置和包含关系，并按长度和数值表示它们之间的差异。

戒指组合比较数据图

这是基于平行组合结构的数据比较图。它包含三个基本内容，一件和几件事属于平行关系。 2。它们共同形成了一件东西，这是一件事的几个类别。第三，这些并置的事物之间存在数值差异，并清楚地识别了此差异的特定数字化比率。

3。过程类型

该过程也是基于并行性的升级。它是指在并行关系中的两个或多个单位。他们具有以前的后续任务关系，并且共享目标和方向性，并共同完成一个完整的行为。我们称之为过程关系的关系。流程关系在业务运营，运营指导或任务指令中也非常普遍。

两个任务之间的过程关系

最简单的过程是从A到B，它们是平行，组合和测序的。箭头的插图最常用于过程类型的逻辑表示。

多个任务的过程关系

这是一个单向渐进的过程。在过程的性能中，我们还可以通过颜色来区分它，并增强对比关系，以通过比例表示其数量级。这些可以同时存在，只要它们以节奏正确处理，它们就无法互相干扰。

多个侧面流程

这些过程并非全部线性。这是转移的流程图。它可以从一件事分为两件事，也可以从两件事中收集到一件事。

循环过程

该过程是循环的，它可以继续循环并根据某些法律无限重复。就像我们的天气一样，海水蒸发成云，云层聚集成雨，雨水流向大海，海水继续蒸发...

查看 - Xingyi的重新，视觉信息不是错误的

1。并行类型

这是一个特殊的页面，期待棒球体育场的800万礼堂。图片中模拟礼堂的主要视觉效果是在多个正方形阵列中引入礼堂。每个色块的观众座位属于平行的组合关系。从数字中绘制的内容结合了操作按钮。信息浏览是直观且交互的。

2。比较类型

轴是用于比较类型的常用图形表示。在此基本的轴类型数据中，我们看到此页面与内容结合了很好。这是一个CF养鱼场管理页面，主要视觉和内容被水和水下分隔，底部鱼的深层融合以及透明的蓝色数据图。它不仅可以完全显示数据，还直观地显示了场景。实现形式和意图的完整组合。

3。过程类型

这是一个相对复杂的流程图，其中包含多个，转移，融合和循环过程类型。如此多的过程箭头作者将其汇总为几个常规块。尽管有很多内容，但方向是明确的。

这是一个具有对比属性的流程图。他们之前既有对比又有过程关系。从低到高，颜色是光到深蓝色和橙色箭头，表明逻辑关系直观地表示逻辑关系。最后开yunapp体育官网入口下载手机版，大蓝色正方形上的字符很清晰，为目标提供了清晰的说明，还配备了小橙色气泡。整体逻辑很清楚，风格友好而充满爱心。

做到这一点 - 整个世纪邮件，剑精神覆盖的测试数据页，C9指南主题

1。“古代”口号内部邮件收藏

需求分析

以虚线框中的内容为例。这也是一个长文字。如果将奖励内容直接复制到网页中，则将大大减少阅读该页面的总体食欲。如果我们使用文字衣柜存储过多的内容，那就太叙述了，难以存储。因此，在这里，我们通过图形化以逻辑方式表达它，然后使用文本描述。

并行关系是最逻辑关系的起源，无论它们是比较还是过程关系，它们基本上都集中在平行关系的描述上。基于这种关系，我们将考虑它们的细分类型，例如它们是否是独立但具有相同的属性，或者它们是否形成完整的并行关系系统，或者它们在平行关系的级别上是否渐进且更深。然后根据内容的需求将其绘制。

在这种类型的快速主题中，我们可以在方法摘要中快速应用数据图，以帮助人们快速图形长文本。面对长文本时，我可以首先对文本进行整理开元棋官方正版下载，打开每个段落的节奏，加强标题，并将辅助文本附加到标题上以进行快速阅读。其次，咀嚼内容并分析其逻辑关系。由于大多数逻辑关系源于并行关系，因此我们可以在并行关系中对它们进行分类，而无需特别明显的数据比较或过程，然后掌握其进一步的逻辑，主要和次要的。这种情况的分类图相对简单，是试图快速应用逻辑的尝试。它可以在很短的时间内整理大文本。当然，有人说电影不如音频小说好，音频小说不如原创作品，因为纯教科书有更多的想象空间，因为每个人都对信息的理解有不同的理解，而图形化也是设计师对信息的理解。进一步的设计性能。

有些信息是快速消费，有些信息是经典的艺术。如果看不见和有形的人都有自己的利弊，那么请尝试训练自己成为一名出色的导演和设计。

设计故障

第一部分是对制作团队的介绍，其中包括三个主要角色和300人的研发团队以及3亿美元的研发成本。在这里，我们将这五个信息定义为并行关系，突出了图中的三个主要角色，并以虚拟人员的形式将300人的R＆D团队放在背景下。并使用要求中的文本在相应的位置中对相应的位置进行了补充解释。通过这种方式，使用视觉核心，阅读时会有相对依赖的实体，并且文本信息变得更加生动。关键点的描述还注意文本排列，序列号，主标题和详细文本的节奏。无论是扫描还是细致的表格，都可以满足形式。此外，由于人类的本能，我们的眼睛对人脸有很大的关注和兴趣。适当使用人脸可以增强阅读的愿望。

这是对游戏质量的介绍。对于我们很难用特定图形来代表质量，比例和引擎的概念，因此我们选择应用此环饼图来表达由这四个类别组成的平行游戏质量。组合的总体逻辑，图形的依赖性，然后在特定文本的深度填充中开元ky888棋牌官方版，关系和内容清楚。

在概念和游戏玩法中，使用图层影响和扩展的并置和逐步关系。从小到大的四个戒指表达，高自由从虚拟世界衍生出来，然后推动了玩家变化的可能性，最后创造了充满未知数和变量的游戏乐趣。这是基于并行性的进一步图像。使用这些图形，在面对大量文本时，观众可能会相对较不困惑，并且会丢失。

2。释放剑精神吉兹封装的测试数据

需求分析

这是一把剑精神封闭的测试数据，我希望通过相对充满爱意的表情向玩家展示测试结果。由于发布日期是在年底，因此总体数据的包装基于正式的“发布年终评估”的概念。玩过游戏的玩家知道“香港”是香港人的主人。因此，网页使用洪气的图像来贯穿整个表达式。

设计故障

我们检查整体文本信息，主要是为了比较和宣传Jizhi覆盖测试中玩家的数据。因此，我们选择比较结构来绘制它。让我们分析和设计每片的数据内容。

1。谁将在每个职业中首先到达顶级球员

从提供的数据来看，第一部分的数据主要显示了不同职业可以在最快的时间完成房屋的时间。由于整个级别的日期是同一天，因此我们以小时和分钟的单位进行描述。时钟表示根据时间顺序从左到右排列的时间。洪齐的有趣表情与时间表低于时间表。 “好工作”一词添加到弹出对话框中，为视觉增添了爱心的氛围。

2。最长的在线门徒

第二部分中的数据显示了在线的时间长度。由于时间的直接关联是一个时钟，因此在第二部分的数据图中，我们使用模板进行环数据比较，因为它也适合圆圈的时间表达式。该方法是通过弧的长度模拟线的长度。在圆形图表的中心，洪齐大师触摸他的头的小插图和“工作的孩子”一词被安排在侧面，赋予了数据拟人化量的数据的含义。

3。被三个老板杀死最多的门徒和杀人总数

由于它们都是老板杀死数据，因此我们整合了三个部分3.4.5的信息。使用类似数据的多层属性的对比模式图形模板。集成了该细分市场的最大杀戮和最大杀戮。单个玩家的平均死亡人数和最大死亡人数由人物的大小表示。右侧伴随着洪齐落在地面上的插图，对话“我在工作日不努力练习”，这意味着今天被杀害的悲惨局势。

4。平均时尚玩家数量

第四部分的设计是相对简单而直接的，它使用一件衣服的轮廓来代表时尚。并使用大字体标记来增强干扰数量。洪气右测试的服装展示以及左侧的匹配文字“有很多衣服！”或“你们都是美丽的商品”，等等，以添加解释。 ，使整体气氛可爱。

页面显示

3。C9新手指南主题

这是C9初学者指南“如何快速入门”的介绍页面。它主要由8个内容组成，并且这些内容之间存在序列关系。通过单击将特定内容重定向到相应的页面。根据内容的关系，我们可以将其设计为过程关系的图表。

这种情况更直观，所以让我们在这里简要介绍一下。

在这里，我们将流程图设置为地图的样式。每个步骤都是任务。点击区域和过程感觉更加生动。我们还添加了手绘地图样式，以在阅读步骤的过程中添加游戏玩法，整体视觉和交互式。有趣的也比纯文本的过程性能更好。

作者：Jin Xiaoyan weibo：@Jin Xiaoyan（Tencent TGI TGI高级视觉设计师）

作者授权本文发布它。重印时，请指示youshui.com的来源。谢谢大家的合作。

======================================

“ youshi.com uisdc.com”是一个有用的网站，可共享网页设计，无线设计和PS教程。

【特别推荐】

PS礼节手册：网络设计师必须练习的内部技能，并且是必不可少的网页设计指南。

Design Weibo：流行的微博，拥有60万关注者@Excellent Web Design，欢迎关注并获得Web Design Resources并下载顶级设计材料。

设计导航：由世界顶级设计网站推荐，设计师的基本导航：

—————————————————

想要在手机和床上获得设计教程，经验共享和各种意外的“福利”？