当前位置:首页职业培训

UI教程

作者:职业培训 时间: 2025-01-04 13:36:00 阅读:771

全息视觉效果卡片是一种兼具光影感和渐变感的卡片样式,又称为镭射风、酸性设计,广泛应用于网页和平面设计,使界面更加有质感。在不断升级发展的UI设计工具中,Pixso作为新一代设计协作工具,提供高效、协作、一体化的设计体验,如何通过Pixso制作出全息效果卡片呢?

以下为绘制全息视觉效果卡片的详细步骤:

登录Pixso账号,建立新文件。

使用画板工具,设置尺寸为1440x900,填充颜色为线性渐变,颜色值#4F4983、#A91EB9,透明度均为100%。

使用矩形工具,创建1325x743尺寸矩形,设置圆角为24,填充径向渐变,颜色值#31184F、#1B1125,透明度均为100%。

绘制阴影与高光矩形,尺寸分别为1161x217、624x429,填充色值分别为#0B030E、#7228EA,透明度均为100%,分别使用高斯模糊效果,模糊值为200、300。

绘制372x224尺寸矩形,圆角为18,旋转角度为-168度。

绘制一个尺寸为287x224的矩形,填充渐变色#5B95D7、#AA43BC。

绘制136x136尺寸圆形,删除填充色,设置描边为120,样式为虚线,参数为(1)(2)。

将上一步绘制的圆形导出,放置在卡片上并使用蒙版裁剪。

绘制椭圆与星形,尺寸分别为592x204、45x45,旋转角度分别为-24度、-7度,填充和描边设置具体参数。

绘制一个146x146尺寸圆形,填充径向渐变颜色,并复制上一步的矩形素材,使用蒙版放置在圆形上。

使用文字工具添加信息。

Pixso提供的全息效果卡片绘制教程,简化了设计流程,通过调色板选择和组件变体功能,设计师可以快速制定高级配色方案,并实现高效协作。Pixso作为国产设计工具,拥有实时协作、组件变体、自动布局等特色功能,满足网页设计需求,为设计师提供了便捷的创作环境。

Pixso的私有化部署功能确保团队敏感数据安全,设计资源库可共享常用组件,提高设计效率。团队协作功能支持多人云端同步设计,实时更新细节,一体化完成UI/UX设计和原型播放。总之,Pixso凭借其强大的设计功能和高效协作机制,为设计师提供了创新、高效的设计工具。

标签:

本文地址: http://www.goggeous.com/20241201/1/244019

文章来源:天狐定制

版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。

猜你喜欢
猜你喜欢
  • 最新动态
  • 热点阅读
  • 猜你喜欢
热门标签

网站首页 ·

本站转载作品版权归原作者及来源网站所有,原创内容作品版权归作者所有,任何内容转载、商业用途等均须联系原作者并注明来源。

鲁ICP备2024081150号-3 相关侵权、举报、投诉及建议等,请发E-mail:admin@qq.com