UI知识普及:教程中基础透视用法,什么是透视?

只要规范的UI设计培训机构,一定会从最基本的内容开始教起,那么丫丫经常跟学员说的是零基础学员会从三点透视和色彩搭配等教起,那么今天就说说什么是透视,其实不用文字详细说,举几个图片例子大家就会明白,会透视意味着什么?​​

设计中最常用的透视原理为:两点透视 和 三点透视 。

两点透视的运用:以必应词典为例

先画出视平线,定好图标大小,找到合适的四个点的位置。(具体的找点定位方法请参考之前的文章~)。​​

UI知识普及:教程中基础透视用法,什么是透视?_第1张图片

再画出透视辅助线,交于俩个透视灭点

借助透视辅助线画出物体的形态​​

UI知识普及:教程中基础透视用法,什么是透视?_第2张图片

以上就是两点透视的应用,比较简单。下面开始上色~​​

UI知识普及:教程中基础透视用法,什么是透视?_第3张图片

完成​

三点透视的运用:以酷狗音乐为例

先画出视平线,定好图标大小,找到合适的四个点的位置。然后根据四个点画出透视辅助线,通过轮廓辅助线确定图标的形。​​

UI知识普及:教程中基础透视用法,什么是透视?_第4张图片

再借助透视辅助线画出其他部件。同时将轮廓线描出,注意一下近实远虚的关系。​​

UI知识普及:教程中基础透视用法,什么是透视?_第5张图片

然后再刻画细节。⚠️注意:K字也要符合透视规则,你可以把K字想象成三个矩形拼在一起。透视检验规则:近大远小!!!​​​

UI知识普及:教程中基础透视用法,什么是透视?_第6张图片

最后,箱子中放的东西也要符合透视原理。注意下图中的辅助线哦​​

UI知识普及:教程中基础透视用法,什么是透视?_第7张图片

符合三点透视的酷狗音乐图标,完成~~~​

几幅图简单粗暴解释UI设计中透视的作用,有不懂的还可以咨询杜老师哦:13080723026​

UI知识普及:教程中基础透视用法,什么是透视?_第8张图片

你可能感兴趣的:(UI知识普及:教程中基础透视用法,什么是透视?)