加入收藏 | 设为首页 | 会员中心 | 我要投稿 温州站长网 (https://www.0577zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

PaintCode 用户操作指南(库篇)

发布时间:2016-09-29 03:14:40 所属栏目:策划 来源:人人都是产品经理
导读:副标题#e# 2.1 核心概念(Core Concepts) 库是设计师创建和管理颜色、渐变、图形、图像以及变量的地方。库项目中的行为能够用户界面设计的需要。 例如,设计师能够在不同的图形中使用相同的颜色。然后,如果设计师调整颜色,所有使用该种颜色的图形将会自

有时,设计师需要调整渐变中阴影的颜色,设计师可以关闭渐变控制器,打开颜色控制器调整颜色,但这不是很方便。设计师可以通过颜色弹出按钮右侧、从渐变控制器的右侧的显示器,来调整基础颜色。

022

通过渐变控制器添加新颜色(Adding a new color directly from gradient popover)

如果在渐变控制器中,设计师通过颜色显示器视图调整的颜色不是基础颜色(例如,系统颜色或者衍生颜色),一个新的基础颜色会自动替代原有的颜色。

调整渐变颜色位置(Adjusting gradient color position)

调整渐变颜色的位置,只需要拖动颜色旋钮到所需的位置。移动旋钮到预定的位置,在拖动的时候按住“Shift”键,预定义的位置就会被标记。

或者,设计师可以通过键盘上的“左”和“右”来调整颜色位置。

调整颜色之间的线性(Adjusting linearity between colors)

023

在渐变控制器中,通过拖动旋钮的位置,它可以改变两个相邻颜色之间的渐变情况。

给渐变添加更多的颜色(Adding more colors to a gradient)

在渐变控制器中,设计师可以通过双击设计师想选取的位置,来给渐变添加更多的颜色。把黑色添加到渐变中,它很容易倍替换(在弹出按钮中选择其他颜色)或者调整。

从渐变中移除颜色(Removing color from a gradient)

在渐变控制器中选择目标颜色旋钮并按下“Delete”键,就能够移除在渐变中的颜色。注意,这只适用于从渐变中移除颜色,而不是从库中移除颜色。

线性渐变(Drawing linear gradients)

在检查其中选择填充的弹出菜单选择渐变后,设计师可以选择“角度(Angle)”渐变选项。

024

调整渐变的角度,设计师可以在文本域汇总直接输入角度数值,或者使用角度滑杆控制。角度控制滑杆的默认值是45度。设计师可以按下并拖动控制点来调整角度。

025

如果设计师想指定开始和结束的渐变点,设计师可以通过选择“2点(2 Points)”渐变选项。然后,一个两点渐变编辑器就会在画布中显示出来。这个界面只有在设计师选择两点渐变填充的时候才会显示,并且填充指示器也是打开的。

原型渐变(Drawing circular gradients)

选择“圆形(Circular)”渐变,来绘制环形渐变。

026

当选择之后,在画布中环形渐变编辑界面也会自动显示出来。这个界面只有在设计师选择环形渐变的时候才会显示。它包含两个环,每一个代表一个环形渐变的“起始点”。

设计师可以拖动任意环形的中心到一个新的位置。此外,设计师还可以通过点击环形直径的任意地方并且拖动,来调整环形的大小。

默认情况下,两个环形边缘的直径和中心点与编辑图形的边缘对齐。应对这种情况,按住“Control”键。

2.4 图形(Shadows)

PaintCode 支持为填充、描边以及文本设置阴影。对于填充和文本来说,还支持内阴影。这些都是很有用的。阴影取决于它使用的颜色。如果这种颜色调整了,阴影也会相应的做出更新调整。

使用阴影(Using a shadow)

使用阴影,点击并拖动阴影连点到画布中的图形上。

027

或者,设计师可以从检查器中的阴影弹出按钮中选择阴影。

028

这些菜单会带着阴影从库中弹出。注意,填充和描边的阴影是单独设置的。填充和文本还支持内阴影。

添加阴影(Adding a new shadow)

有两种方式添加阴影:

在库中的阴影列表顶部点击“+”按钮添加 在阴影弹出按钮菜单中选择“添加阴影(Adding new shadow…)”。也可以在弹出按钮菜单中设置新建阴影。

在添加阴影后,一个阴影编辑器就会出来。有关编辑阴影的章节会在后面讲述。

(注意,设计师可以通过从其他文档中复制和粘贴已经创建的带有阴影的图形,来添加阴影。)

编辑阴影(Editing a shadow)

设计师可以在库中双击阴影来编辑,设计师还可以在检查器弹出按钮中的颜色编辑器来调整。

029

文本域中含有阴影的命名。PaintCode 生成了这些命名,当然设计师也可以为这些阴影重命名。

从弹出菜单中选择颜色,来调整阴影的颜色。这里有几条小窍门:

外阴影可以用来模拟光晕:

030

(编辑:温州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读