因为项目所需,被迫快速设计产品原型,制作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. [转载]java内存工具VisualVM的简单使用以及与Idea集成

    本文来源https://blog.csdn.net/KingBoyWorld/article/details/75579606 一.idea集成 1.打开设置 windows File->Set ...

  2. Ubuntu安装Vmware Tools解决屏幕比例失调

    前言 安装ubuntu虚拟机时默认比例如下图,且ubuntu系统选项中没有合适的比例,可以安装Vmware Tools来解决. 注意:该方法只适用于有操作界面的系统,之前有位小伙伴在服务器上也想安装T ...

  3. Dubbo——服务目录

    引言 前面几篇文章分析了Dubbo的核心工作原理,本篇将对之前涉及到但却未细讲的服务目录进行深入分析,在开始之前先结合前面的文章思考下什么是服务目录?它的作用是什么? 正文 概念及作用 清楚Dubbo ...

  4. PDO的事务处理 事务回滚

    <?phpheader('content-type:text/html;charset=utf-8');include 'PdoClass.php';$objPdo=new PdoClass() ...

  5. vue 生命周期:

    vue  生命周期: 1. beforeCreate()创建组件;        2. created() 创建完成;        3. beforeMounte() 组件被挂裁前;        ...

  6. 为什么用抓包工具看HTTPS包是明文的

    测试或者开发调试的过程中,经常会进行抓包分析,并且装上抓包工具的证书就能抓取 HTTPS 的数据包并显示.由此就产生了一个疑问,为什么抓包工具装上证书后就能抓到 HTTPS 的包并显示呢?不是说 HT ...

  7. Linux Pam后门总结拓展

    首发先知社区: https://xz.aliyun.com/t/7902 前言 渐渐发现pam后门在实战中存在种植繁琐.隐蔽性不强等缺点,这里记录下学习pam后门相关知识和pam后门的拓展改进. 0x ...

  8. Css教程玉女心经版本

    视频参见:php中文网css玉女心经视频教程 Css教程玉女心经版本 第1章     :css快速入门 1.1     什么是css 改变html框架的样式. 1.2     css的三种引入形式 第 ...

  9. 31_栈的分类.swf

    栈的分类: 栈可以分为静态栈和动态栈 静态栈:要删除先删除4才能删除3,以数组为数据结构 动态栈:以链表作为数据结构,在实际中使用动态栈比较多

  10. Python学习笔记——基础语法篇

    一.Python初识(IDE环境及基本语法,Spyder快捷方式) Python是一种解释型.面向对象.动态数据类型的高级程序设计语言,没有编译过程,可移植,可嵌入,可扩展. IDE 1.检查Pyth ...