猫史档案馆


【神秘人小讲堂】那些精美UI的做法

用户:SavedSaved查看:5 回复:12 评论:5 创建时间:2022-06-05T16:34:37


大家好,我是神秘人,今天我为大家带来的是精美UI的做法。

第一种:平滑效果

在作品的开头,有些作品会有xxx出品,就会出现UI效果,看起来科技感超强,极度舒适,那么是怎么做出来的呢?(如下图)center_image

注:移动基准只要是个角色就可以了,没有什么别的要求。

原理呢就是自己的坐标离移动基准的距离越来越短,速度就会越慢。

 

第二种:模糊投影

center_image

效果就像上图一样,看起来非常好看而简洁,这个呢其实不是用积木,

而是用canva制作的。

网址:ht(删掉我)tps://ww(删掉我)w.canva.c(删掉我)n/

 

第三种:按钮变大/变亮

这种大部分人应该是了解的,在这里在给大家科普一下:

center_image就像这样鼠标触碰到按钮就会变亮,放开就会变暗。

代码实际很简单,如下:

center_image

大小也是一样的道理。

 

第四种:拖动删除

拖动删除很像上滑删除软件,想要实现并不简单,需要运用到上百块积木。变量、外观、控制、动作等模块均有运用。

积木代码如下图:

center_image

center_image

注:灵感源于天猫_的《UI常用特效7种

 

第五种:轮播图

相信大家已经看过蛋白质的轮播图了,代码其实与第一种很相似。

都是通过加减坐标或大小得来的,做起来其实并不麻烦,但是也很感谢蛋白质能够想出来还原。

重要代码如下:center_image

 

第六种:缩放

缩放对于制作电脑UI非常有用,是通过第一个点的拖放而控制正方形的大小,是通过xy坐标减控制点的xy坐标得来的,而控制点是通过xy移到鼠标得来,画笔就是显示效果,非常简单。

重要积木如下:

center_imagecenter_imagecenter_image

 

一下就是神秘人的讲解了,感谢大家的支持,以后要灵活运用才行哦~

 


回复

上一页1 页 / 共 1下一页
我是伊柒我是伊柒

沙发

点赞0


评论


茨i茨i

地板

点赞0


评论


星辰_零柒星辰_零柒

床:这帖子太精品了,必须收藏!

点赞0


评论


宇智波鼬[晓]宇智波鼬[晓]

a niubiniubi

点赞0


评论


调皮的乔治调皮的乔治

很不错,但是最后一句话有个字打错了)))

点赞0


评论


蛟风剑愁蛟风剑愁

第六

点赞0


评论


Mr.PythonMr.Python

冒泡

点赞0


评论


拾柒丶拾柒丶

666

点赞1


评论


菜林风声菜林风声

厉害 imgsrc="https://static.codemao.cn/emoji/codemao/%E7%BC%96%E7%A8%8B%E7%8C%AB_%E7%82%B9%E8%B5%9E.gif"alt="emotion_编程猫_点赞"

点赞0


评论


毁灭者明世隐毁灭者明世隐

实用的教程()

点赞1


评论


时_代眼泪_卡西米尔骑士时_代眼泪_卡西米尔骑士

问题来了,UI怎么画()

点赞0


评论


SavedSaved

沉没的帖子

点赞0


评论