因为项目所需,被迫快速设计产品原型,制作app使用视频,这里简单分享一些一个小白第一次触碰产品原型设计的一些心得:

原型设计工具的选用

我这里针对的是贫穷学生党,分享的是自己尝试的几款。有钱大佬自行绕路。

摹客,墨刀:适合自己设计给自己看,比如自己是前端的,但是没有专业的ui,于是自己动手设计。

在这种情况下,免费版就完全够用了,这些工具特别轻便。

但是请注意,如果你不小心触碰到了收费功能,而你迫于贫穷又无法使用,那么将会很难受。

Axure:适合较为专业的产品原型设计者,或者要到处产品原型供展示。

功能很齐全,就是有一些涉及变量的各种知识点,但是如果你的交互简单,耍耍小聪明也不一定要用到。他的破解版现在比较容易下载。所以我最后就选择了Axure+ps的设计体系。

Axure+ps 使用心得:

1 预览问题:预览的时候,Axure实际上展示的时候是展示有图像的地方,所以我会放一个控制大小框至于底层(其实就是一个矩形框)

2 ps我在设计前也没有用过,所以临时来用主要是用来给网上找的图片素材设置透明色

方法:复制图层+魔棒点背景色+delete+删除原图层

3设计方面:留白

其实我刚开始做,会觉得自己很像在做ppt,而且用整张图做背景很不适配,就是说换了手机看,图片就会变形。

所以上部:图片置顶+导航栏+侧边导航栏+其余留白。

专业的布局有很多,研究起来就是一门学问,快速学起来可以参考知乎,淘宝,b站的网页,包括个人信息页,首页,他们都会给你想要的。

4 一体化问题:设计出一整个app,你必须让每一个页面都像是出自一个app的,所以很重要的是统一。

(1)logo和名称:每一页都要有logo和公司名称

(2)统一色调统一画风。我这次设计产品原型其实只用了一张图,有的截了上半部分,有的截了下半部分,我觉得总体来说还是很和谐的。

留白较多的作品只需要统一色调就可以了,把界面做的简洁大方也很重要。

多人合作

多人合作推荐一个平台蓝湖吧,免费的,贫民学生也可以用。

其实自己也还没有真正用过,多人设计一定要统一风格,其实我觉得不比单人设计简单。

大家做好了rp文件和ps文件都可以上传,最后某一方在下载下来做一些汇总。

关于小白一天摆弄Axure产品原型的心得的更多相关文章

  1. axure产品原型图,元件库导入方法

    axure是公司产品经理常用的软件,用来绘制产品原型图. 为了画出漂亮的原型图,需要各色各样的元件.因此导入各类元件库很有用处: 打开元件库视图: 载入元件库,选择事先下载好的元件 元件库下载:htt ...

  2. Axure RP7.0移动互联网产品原型设计 中文pdf扫描版

    移动互联网原型设计,简单来说,就是使用建模软件制作基于手机或者平板电脑的App,HTML 5网站的高保真原型.在7.0 之前的版本中,使用Axure RP进行移动互联网的建模也是可以的.比如,对于桌面 ...

  3. 15款优秀移动APP产品原型设计工具

    一新来小盆友问:“移动产品原型设计都用啥工具?” 答:“@#¥……&%*” 又问:“能详细说下各个工具吗?我比较一下” “……” 好吧,谁让我那么的爱分享而你又是小美女呢 ———————正文开 ...

  4. AXURE在原型设计中的应用

    转: http://uedc.163.com/2248.html 前言 什么是原型呢? 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块.元素进行粗放式的排版和布局,深入 ...

  5. 产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)

    一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和 ...

  6. Axure 简单原型设计

    简介 Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是美国 ...

  7. 产品原型 UI 设计工具

    产品原型设计工具 Balsamiq Mockups Axure RP 图像处理.绘制工具 ps,AI 跨平台 UI开发工具 QT , Unity3D

  8. APP设计师拿到APP产品原型开始,七步搞定APP设计(转)

    任何一款成功的APP都需要以坚实的产品概念作为基础,因为概念决定了产品最终完成的潜力. 一般情况下,交到app设计师手里的都是移动app产品原型图.当然这个是在移动产品经理反复斟酌,并且与大家开会讨论 ...

  9. 用Axure进行原型设计

    用Axure进行原型设计   看这个视频 http://www.iqiyi.com/playlist409963402.html

随机推荐

  1. react后台管理系统路由方案及react-router原理解析

        最近做了一个后台管理系统主体框架是基于React进行开发的,因此系统的路由管理,选用了react-router(4.3.1)插件进行路由页面的管理配置. 实现原理剖析 1.hash的方式   ...

  2. @Autowired 注解详解

    前言 我们平时使用 Spring 时,想要 依赖注入 时使用最多的是 @Autowired 注解了,本文主要讲解 Spring 是如何处理该注解并实现 依赖注入 的功能的. 正文 首先我们看一个测试用 ...

  3. git clone 时注意点

    环境: 在公司访问外网需要设置代理,另外,在公司局域网内架设了一台 GIT 服务器. 在使用 git clone 时,不能设置成 git 使用代理: git config --global http. ...

  4. PyQt5常用控件及方法(代码段)

    文章目录PyQt5程序基本格式QMainWindow主窗口QLabel标签QTextBrowser文本浏览器QTextEdit文本编辑器QPushButton按键QCheckBox复选框QRadioB ...

  5. D2大全

    年初看到cnblogs上有人说看这本旧书,自己也只是瞟了下,后来在看些OOP东西时,想想没事也看看老古董,于是网购了一本电子版可参考下,它们是怎么一步步来,还没来得及多看,贴图于此.

  6. Android学习笔记数组资源文件

    在android中我们可以通过数组资源文件,定义数组元素. 数组资源文件是位于values目录下的 array.xml <?xml version="1.0" encodin ...

  7. 【大厂面试08期】谈一谈你对HashMap的理解?

    摘要 HashMap的原理也是大厂面试中经常会涉及的问题,同时也是工作中常用到的Java容器,本文主要通过对以下问题进行分析讲解,来帮助大家理解HashMap的原理. 1.HashMap添加一个键值对 ...

  8. html/css 滚动到元素位置,显示加载动画

    每次滚动到元素时,都显示加载动画,如何添加? 元素添加初始参数 以上图中的动画为例,添加俩个左右容器,将内容放置在容器内部. 添加初始数据,默认透明度0.左右分别移动100px. //左侧容器 .it ...

  9. Python在Linux下编译安装

    [准备环境] Linux centos [前言] 1 linux下默认带Python,带的是2.7版本的 ,如果需要升级版本,需要把系统的自带的Python改名或者卸载,再次安装你所需要的Python ...

  10. Ray射线检测和Recources.Load

    记录射线检测常用的方法,以及Rocources.Load的常用用法 使用代码实现鼠标点击在鼠标点击处生成制定gameObject RayCastHit hit; void Update() { Ray ...