我的真实历程:

1.大一,对ui设计完全不知道,但是作为学校作业马上要交了,该怎么办?

2.老师提供Axure RP难安装、难上手、画面丑怎么,为什么做出来和同学差别这么大!(掀桌)

3.网上一搜,好像有Axure一大家子,Axure XD也能用于ui设计,再看教程,有点专业,不适合小白。

4.还好b站搜教程,找到国内软件,即时设计更符合我心意。


  • 1.找模板:

它山之石可以攻云。

既然是零基础我们也不整基础了,去广场找模板,主页就有素材作品搜索,找到类似的点击使用。

好处是不用自己分割图标和做方块/圆形,需要多的就复制,节约大量时间。

  • 2.将作品删减:

1.不要的可以隐藏或者backspace删除。

2.长按alt用鼠标进行拖拽可以复制。

3.对图形大小,文字进行直接拖拽修改。

4.点方框/圆形,然后鼠标右键插件,点智能填充,选好看的图片修饰。

  • 3.增添交互:

找到右上角,现在是设计,点击原型,进入增加交互模式,点击你要交互的图标,图标边框右中处出现加号,点击加号,拉出一条线,把线连到你要交互的下一个界面,同时也注意要有图标能要回到主界面。

  • 4.检查交互:

右上角设计左边有一个播放符号,可以进入虚拟交互模式,点击你加了交互的图标进行跳转。

  • 5.导出作品:

如果只是ppt展示,右边下拉,点击每个界面导出为png就可以了,还有其他导出功能,点左边“三”这个图标,点文件,有导出所有切片(方便写程序)、sketch文件可以用别的ui软件打开并保留交互、图板是一张全界面覆盖的大图。

原创交互试演


完工,希望对你有帮助,主要帮助零基础的学生完成任务,有更好的建议欢迎讨论,共勉。

(即时设计)保姆级教程:快速完成ui设计任务相关推荐

  1. 地球引擎保姆级教程——简单的UI控件操作

    var alos = ee.Image("JAXA/ALOS/AW3D30_V1_1"); // 制作UI组件. var label = ui.Label('Click for e ...

  2. 快速上手Springboot项目(登录注册保姆级教程)

    本文章对SpringBoot开发后端项目结构做了简单介绍,并示范了使用SpringBoot+MySQL实现登录的后端功能,与本博客的另一篇文章 Vue 实现登录注册功能(前后端分离完整案例) | Ma ...

  3. XML快速入门的保姆级教程!!!

    XML快速入门的保姆级教程!!! 简介 基础语法 组成部分 约束 约束分类 DTD schema 解析 Jsoup Jsoup:工具类,可以解析html或xml文档,返回Document对象 Docu ...

  4. 《软件安装与使用教程》— Windows操作系统快速安装MATLAB最新最全教程(保姆级教程以MATLAB2019A为例)

    <MATLAB教程>- Windows操作系统快速安装MATLAB(保姆级教程以MATLAB2019A为例) 目录 <MATLAB教程>- Windows操作系统快速安装MAT ...

  5. 50000字,数仓建设保姆级教程,离线和实时一网打尽(理论+实战) 下

    文档大纲: 本文上半部分之前已经发过了,传送门:50000字,数仓建设保姆级教程,离线和实时一网打尽(理论+实战) 上 此篇文章是整个文档的下半部分,将接着上半部分从第五章开始. 五.实时数仓建设核心 ...

  6. 保姆级教程!基于声网 Web SDK实现音视频通话及屏幕共享

    前言 大家好,我是 @小曾同学,小伙伴们也可以叫我小曾- 如果你想实现一对一音视频通话和屏幕共享功能,不妨来看看这篇文章,保姆级教程,不需要从零实现,直接集成声网 SDK 即可轻松上手. 本文也分享了 ...

  7. 万字长文:Stable Diffusion 保姆级教程

    万字长文:Stable Diffusion 保姆级教程 2022年绝对是人工智能爆发的元年,前有 stability.ai 开源 Stable Diffusion 模型,后有 Open AI 发布 C ...

  8. 图片适应窗口_毕业论文排版保姆级教程——图片和公式排版

    [小技巧]Origin作图过程中如何让图看起来更生动 2020-05-30 [小技巧]简单设置让你origin导出的图片不在有大白边 2020-05-29 [干货放送]萤火科研资源免费赠送第一期--必 ...

  9. 保姆级教程 CSS 知识点梳理大全,超详细!!!

    保姆级教程 CSS 知识点梳理大全,超详细!!! ✴️大家好,我是王同学,好久不见,趁着假期王同学把CSS 知识点梳理了一遍 ✴️如果对你有帮助就给我点个赞吧,这样我们就互不相欠了 ✴️星光不负赶路人 ...

  10. 从购买服务器到网站搭建成功保姆级教程~超详细

    ??从购买服务器到网站搭建成功保姆级教程~真的超详细,各位看官细品 ??前言 ??预备知识 ??什么是云服务器? ??什么是域名? ??什么是SSL证书? ??服务器选配 ??阿里云[官网链接](ht ...

最新文章

  1. Perl 通过SMTP发送正文为HTML格式的邮件
  2. nginx+tomcat实现Windows系统下的负载均衡搭建教程
  3. UA OPTI570 量子力学 恒等算符在算符计算中的应用
  4. linux内核配置失败,petalinux配置内核出现下面错误
  5. mysql不能正常yum remove怎么办?--noscripts
  6. wince串口驱动分析(转)
  7. k均值例子 数据挖掘_【十大经典数据挖掘算法】k-means
  8. python界面设计模块_Python+Pycharm+PyQT5可视化程序设计入门
  9. 【Hive】Caused by: MetaException(message:Hive metastore database is not initialized. Please use schema
  10. HDU2602Bone Collector(DP,0/1背包)
  11. php版的求表达式的真值表-TrueValueTable
  12. 基于android平台的感光设计,基于Android手机摄像头的可见光通信技术研究
  13. 我们“看到”的物联网,未来真正走向领域是这些方面....
  14. 【Java编程练习】司机肇事后逃跑,现场三人半瞎系列
  15. 深入理解LINUX内核 第三版2.6 笔记
  16. 第四章 软件架构演化
  17. 重庆海天软件工程学院的WINFORM实训项目-抽奖系统
  18. 简单几步就可以把pdf转换成excel格式
  19. Fallen Art 堕落的艺术
  20. 面试常见数据结构问题

热门文章

  1. 模块十:mask模块
  2. 阿里云 maven私有仓库
  3. mysql中常见的数据库对象
  4. python处理期货数据_针对vnpy的不同期货品种行情数据清理
  5. Html+css+js实现的炫酷效果,你知道几个呢?
  6. C++程序设计机制:RAII机制
  7. 东南大学计算机学院张敏灵,【CAAI 2019】偏标记学习的研究,东南大学|张敏灵教授...
  8. html overflow 样式,overflow-x css属性样式
  9. python基础数字排序
  10. 解决Chrome浏览器http自动转https的问题