上次有人提建议要看看基础一点的东西,今天我给大家带来了必备基础知识,这次我们将介绍两种最常用的效果——填充与描边,非常实用。
填充与边框
填充
正如我们前面所表述的,大多数UI、交互设计都是关于移动矩形。那么让我们从一个矩形开始吧!
当你创建一个新的矩形,他会默认自带一个填充,大多数情况下他是灰色的,所以你要记得自己改变颜色,有时候他还会有个边界。
为啥是灰色呢,因为灰色足够中性,你添加新的形状也不会搞坏你之前做的界面,而且你可以很容易看见他。
简单的填充是对象背景的另一个名字,它可以是纯色、渐变、或者是照片,他们还可以有不同程度的透明度。
提示
大多数现代设计工具都允许使用键盘上的数字来控制透明度。只需选择对象后按1、2等等就会改变透明度。0是在百分之百和百分之0间进行切换。
如果一个对象没有填充,也没有边框或者效果,那么他就在界面中不可见,因为他需要被定义一些特征方才可见。但是你任然可以选择它、移动他、修改它。它也任然在你的图层列表中存在。
填充的类型
填充有三种可选性,单一颜色、渐变或者图像背景。当然你也可以选择不要填充。以前,图案被认为是另一种填充,但是事实上它只一个元素的不断平铺,所以他属于图像类别。
堆积填充
你可以向对象添加多个填充类型。UI、交互设计必备基础知识3https://www.aaa-cg.com.cn/ui/2653.html显然,要想这个效果起作用,那么某个填充必须具有透明属性。否则你只能看见顶部的图层。
渐变填充
你可以使用这个原则来实现非常有趣的多重叠加渐变效果。就像上图一样,创建四个渐变,然后让他们每个对应的角落都透明掉。
边框
边框(描边)是继填充后。对象能具有的第二个样式
边框就是描边,也是围绕对象一周的一条线。他可以在对象内(内描边)也可以在对象外(外描边),甚至可以在入门之间(居中描边)。但是请记住,只有内描边才不会再视觉上使对象变大。
在上图中,我们的矩形大小60*60,描边是10,中间图形的描边使矩形每边多了5,而最后一个使其每边多了10。
描边样式
描边可以有不同的粗细,也可以是虚线,也可以使用颜色填充和渐变填充。
大多数设计工具还允许修改结尾和拐角的样式。两端可以是平的圆的 尖锐的等等样式。
如果你的界面一般都是圆形,那么你的描边开始结尾拐角尽量设置为圆形,这样会更具统一性。如果没有请保持默认!
希望以上内容对你学UI、交互设计有一定的帮助和提升,因此,您现在已经了解了与UI、交互设计师的工作相关的主要技能。如果您想了解更多信息,请给我点个关注,我之后还会发包含有关在该领域工作的更多相关文章。
平面设计中的抠图技法与修图思路
UI、交互设计中的APP导航模式总结
交互设计小技巧合集
平面设计没有基础要学多久才能工作
女生适合学UI、交互设计吗
评论0