猫史档案馆


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

用户:SavedSaved查看:23 回复:20 评论:23 创建时间:2022-07-13T21:22:12


大家好,我是神秘人,今天我为大家带来的是精美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下一页
I桔汁糖浆II桔汁糖浆I

非常经典的非线性动画代码(

点赞3


评论


传闻中的五音璃音传闻中的五音璃音

不加精我就去猫厂找官方加精

点赞7


评论


用户_869149用户_869149

顶顶顶(然鹅您的帖子被放到最后了()()()

点赞0


评论


鱼丶鱼丶

center_imagecenter_image

emotion_doge

点赞2


评论


SavedSaved

ddd

点赞0


评论


SavedSaved

挖坟

点赞0


评论


啦啦啦没作业啦啦啦没作业

超赞!

emotion_编程猫_点赞

点赞0


评论


时光紫烟时光紫烟

喵d

点赞1


评论


小雷qwq小雷qwq

喵d

点赞1


评论


Lalo_OLalo_O

喵d

点赞0


评论


流年镜影流年镜影

写的太好了,不过我看不懂,,去吃灰吧

点赞2


评论


Renegade_WRenegade_W

好!

*鼓掌*

点赞0


评论


SavedSaved

考古,悼念以前还有时间写出这样有意思的东西

点赞4


评论


路人癸不是路人葵路人癸不是路人葵

center_image

点赞2


评论


万年雪x万年雪x

考古

点赞1


评论


!?明山Brm?!!?明山Brm?!

点赞0


评论


ddduuu发ddduuu发

哦_

点赞0


评论


aaa祈愿江南落雪aaa祈愿江南落雪

听君一席话胜读十年书

点赞1


评论


凌久凌久

学废了

点赞0


评论


健谈的训练师susu健谈的训练师susu

emotion_编程猫_加油

点赞0


评论