UI、交互设计必备基础知识3

上次有人提建议要看看基础一点的东西,今天我给大家带来了必备基础知识,这次我们将介绍两种最常用的效果——填充与描边,非常实用。

填充与边框

填充

正如我们前面所表述的,大多数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

评论0

站点公告

 

AI创作与绘画大师,国内版chatGPT在线版本免费使用哦

点击打开: https://ai.uiya.cn

   
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码