因为项目所需,被迫快速设计产品原型,制作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. Cron表达式,springboot定时任务

    详细请看这篇博客 参考:https://blog.csdn.net/belonghuang157405/article/details/83410197 Cron表达式是一个字符串,字符串以5或6个空 ...

  2. 如何快速修改/替换GIF的背景?

    案例是将白色背景换成另一个颜色的背景.图是某女同事百度上搜到的,共有83个图层. 若是Windows系统的,Ctrl = Command 若是要换背景图,而不是纯色背景,步骤一样,只需将那个填充颜色的 ...

  3. akka-typed(7) - cluster:sharding, 集群分片

    在使用akka-typed的过程中发现有很多地方都简化了不少,变得更方便了,包括:Supervision,只要用Behaviors.supervise()把Behavior包住,很容易就可以实现这个a ...

  4. (一)JDK安装和使用eclipse输出hello world

    目录 一.jdk安装(推荐使用压缩包安装) 二.使用eclipse输出hello world 一.jdk安装(推荐使用压缩包安装) 1.压缩包安装的优点:若可能同时使用多个jdk版本,切换jdk时只需 ...

  5. fastjson对String、JSONObject、JSONArray相互转换

    String——>>>JSONArray String st = "[{name:Tim,age:25,sex:male},{name:Tom,age:28,sex:mal ...

  6. 其他函数-web_concurrent

    web_concurrent_start函数是并发组开始的标记.组中所有的函数是并发执行的,并发组的结束符为web_concurrent_end 函数. 在并发组中,可以包含的函数有: web_url ...

  7. Mysql 视图用途、使用场景、性能问题及使用注意事项

    原文:https://blog.csdn.net/chuangxin/article/details/84574557 <SQLite权威指南>中作者是这么定义视图的:视图即是虚拟表,也称 ...

  8. cb23a_c++_标准模板库STL_set_multiset_关联容器

    cb23a_c++_标准模板库STL_set_multiset_关联容器 set(集)数据不能重复.multiset(多集)可以重复.操作数据速度快,数据自动排序.红黑树(数据结构)红黑树-二叉树基本 ...

  9. ca13a_c++_顺序容器的操作6删除元素

    /*ca13a_c++_顺序容器的操作6删除元素c.erase(p) //删除迭代器p指向的位置c.erase(b,e) //删除b to e之间的数据,迭代器b包括,e不包括c.clear()//删 ...

  10. mongoDB的基本使用方法

    MongoDB 安装(乌班图系统) apt install mongodb mongoDB与sql的对比 SQL术语/概念 MongoDB术语/概念 解释/说明 database database 数 ...