【Unity UGUI+Pixso】 轻松实现UI原型设计图到Unity中移植

最新推荐文章于 2024-06-13 14:09:53 发布
最新推荐文章于 2024-06-13 14:09:53 发布
阅读量194 收藏
点赞数 3
分类专栏： Unity零基础课程 文章标签： unity ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leoysq/article/details/139030302
版权

 美术只需要用Pixso 把所有UI界面以及跳转关系、全部图标、色彩、文字、字体设计好即可！

然后分享设计项目链接给其他3D美术人员、程序员！

打开Unity 搭建UI的时候，同时打开Pixso 项目链接

尺寸复制

在Unity中搭建UI的时候，尺寸可以直接复制Pixso中显示的即可！

图标导出PNG

例如图、图标、一些设计字体，可以在Pixso直接选中，右下角导出即可！

 颜色号

Pixso中查看颜色16进制号码，直接复制，到Unity中即可！

 

Unity3d青子
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Unity UGUI简单的音频播放+读歌词(实现类似 QQ音乐，网易云音乐歌词滚动)
04-13
Unity UGUI简单的音频播放+读歌词(实现类似 QQ音乐，网易云音乐歌词滚动)
Unity3d C# 基于UGUI实现类似WX聊天气泡功能工程源码
03-07
Unity3d C# 基于UGUI实现类似WX聊天气泡功能， 建议先看说明：https://blog.csdn.net/qq_33789001/article/details/123331284
Unity UGUI实现简单拖拽图片功能
08-19
主要为大家详细介绍了Unity UGUI实现简单拖拽图片功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity+UGUI+颜色选择器
08-11
忘了是哪个大佬写的了，改了一下外观 大佬用的另一种思路写的颜色选择器，比较简练,但很全面，直接使用预设体即可； 有吸管拾取器功能，但只能吸取项目中的颜色。
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法
01-21
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法 配套资源文章：https://blog.csdn.net/lq1340817945/article/details/121001075
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
Unity3d UGUI 实现底部UI自适应的功能工程
05-19
建议先看说明：...Unity3d UGUI 实现底部UI自适应的功能工程 基于ScrollRect 、 Vertical Layout Group和 Grid Layout Group等组件，实现高度匹配，UI宽度内容动态适配的功能。
unity400+科技元素 科幻UI 机甲机械类UI
04-11
400+科技元素 科幻UI 机甲机械类UI，满足科幻UI设计需求，仅供学习使用！！！
最新 New UI Widgets 1.16.2f1 - unity ugui实例插件
11-13
ugui New UI Widgets is a set of widgets and UI interactions; it also includes a widgets generator for the custom data types and converter from default Text to TextMeshPro. Demo：https://ilih.name/unity-assets/UIWidgets/demo/ Collections: Combobox / AutoCombobox ListView Table TileView TreeGraph TreeView DirectoryTreeView * FileListView * Widgets can be generated for your custom type with the context menu "Create / New UI Widgets / Generate Widgets"
Unity+UGUI 圆形进度条
07-12
UGUI实现的圆形进度条 可用于进度条显示 也可用于拖拽验证码的功能
Unity UGUI ui上显示3D模型游戏物体
07-16
助力快速利用 UGUI 完成 3D 物体在 UI 界面的显示,UnityUi显示3D物体/模型，控制物体旋转，转动全教程-超简单,游戏开发过程中，我们时长会需要把 3D 游戏对象/模型显示在 UI 界面上 例如王者荣耀上的人物选择，可以旋转、交互、控制 例如商城购买时，我们可以旋转人物，看时装效果是否令我们满意 那么我们开发者就需要做到，让UI元素来显示3D模型/游戏对象，供玩家控制使用 教程地址：https://blog.csdn.net/ChinarCSDN/article/details/81058773
Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zip
05-15
Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zip个人经导师指导并认可通过的98分大作业设计项目，适用人群：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业或毕业设计，作为“参考资料”使用。 Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zipPython基于mediapipe在unity中实现姿态追踪源码+说明文档.zipPython基于mediapipe在unity中实现姿态追踪源码+说明文档.zipPython基于mediapipe在unity中实现姿态追踪源码+说明文档.zipPython基于mediapipe在unity中实现姿态追踪源码+说明文档.zipPython基于mediapipe在unity中实现姿态追踪源码+说明文档.zip Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zip Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zip Python基于mediapipe在unity中实现姿态追踪源码+说明文档.zip
WINUI——Trigger(触发器)使用小结
bianguanyue的博客
06-13 308
使用CommunityToolkit.WinUI.Triggers实现WINUI需要的Trigger。
若依Ruoyi-vue和element admin的区别，该如何选择。
贝格前端工场的博客
06-13 222
提到中后台的前端框架，每个人都能列举出很多，这其中提及率比较高的就是Ruoyi和element admin两款，很多小伙伴分不清二者，本文为大家详细讲解一下。
element-plus ui的使用说明
Java程序员专栏
06-10 358
一旦你安装了并引入了Element Plus，你就可以在你的Vue组件中使用它提供的各种组件了。首先，确保你的项目是基于Vue 3的。你可以使用npm或yarn来安装Element Plus。为了减小项目体积，你可以按需引入Element Plus的组件。为了获取更详细的信息和示例代码，建议查阅Element Plus的官方文档（以上是使用Element Plus UI的基本说明，希望对你有所帮助。来引入Element Plus的图标库。如果你需要使用图标，你可以通过安装。等，帮助你构建复杂的页面布局。
UI前端交互的艺术：探索设计的四个维度、五个层面、六个要点与七大原则
nakyttv_502W的博客
06-08 422
在数字时代的浪潮中，UI前端交互设计如同一门深邃的艺术，既需要技术支撑，又需要设计灵感。它关乎用户体验，影响着产品的成败。那么，UI前端如何进行有效的交互设计呢？本文将从四个维度、五个层面、六个要点和七大原则出发，为您揭示这一艺术的奥秘。综上所述，UI前端交互设计是一门需要不断探索和实践的艺术。通过理解四个维度、把握五个层面、掌握六个要点和遵循七大原则，设计师可以创造出更加优秀、人性化的交互体验，提升产品的竞争力和用户满意度。
PTCMS小说聚合网站系统源码(带会员收费机制)
爱酷码的博客
06-13 222
源码内有详细搭建方法，图文的，还是很简单的。新版UI，添加原创专区，新闻发布，书单发布，采集日志，百度推送，神马推送，推送日志功能。前端高仿起点小说网，自适应模板，可以分设手机域名。后端采用LAYUI全新开发。
UITableView初识之分组显示数据Demo
最新发布
myscratch的博客
06-13 582
UITableView显示分组数据
springboot与flowable（1）：介绍、Flowable-ui使用
游王子的博客
06-10 634
工作流在企业管理系统中是高频使用的功能，一个最常见的例子是请假加班申请与审批的过程。事实上，工作流引擎能支持的业务场景远远不止单据审批，几乎所有涉及到业务流转、多人按流程完成工作的场景背后都可以通过工作流引擎作为支撑。基于工作流引擎，可以搭建客户关系管理系统（CRM）、运输管理系统（TMS）、仓储管理系统（WMS）、财务费用系统等多种复杂业务系统。
unity ugui实现图片轮播
06-01
要在Unity中使用UGUI实现图片轮播，你可以按照以下步骤进行： 1. 首先，在Unity中创建一个空对象，命名为“ImageSlider”或者其他你喜欢的名字。 2. 在这个空对象下创建一个UGUI的Image组件作为你的背景图，并设置好你需要的背景图片。 3. 在ImageSlider下创建一个Scroll View对象，并将其Rect Transform的Anchor Presets设置为Stretch-All，并设置宽高和位置。 4. 在Scroll View下创建一个Viewport对象，并将其Rect Transform Anchor Presets设置为Stretch-All，并设置宽高和位置。 5. 在Viewport下创建一个Content对象，并将其Rect Transform Anchor Presets设置为Top-Left，并设置宽高和位置。 6. 在Content下创建多个Image对象，每个Image对象代表一张图片，并设置宽高和位置。 7. 在Content下创建一个Horizontal Layout Group组件，并将其Child Alignment设置为UpperLeft，并勾选Child Force Expand和Child Force Width。 8. 在每个Image对象中设置你需要的图片。 通过以上步骤，你就可以实现一个简单的图片轮播了。如果你需要自动轮播功能，你可以添加一个Slider组件，并在Update函数中改变Content的anchoredPosition，以此实现自动轮播。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Unity3d青子

难题的解决使成本节约，求打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值