原型设计第二波:如何挑选合适的工具
产品经理在做原型的时候,不能因为别人用什么工具就跟风用什么工具。那么我们如果选择原型设计方法或者工具呢?请考虑一下建议。了解受众:要确定谁要看原型或者谁要与原型交互?确定意图:我们的做原型的想要达到一个什么的目的?预测熟悉程度和学习难度:你熟悉这种方法或者工具吗?愿意学习吗?学得会嘛?学会了容易上手吗?评估成本:不能只考虑购买软件的成本(当然国内基本都是免费的),还要考虑因
原型设计
2014年01月16日
Axure教程:真的能播放视频的视频APP原型(抖音案例)
大家查看原型的时候,打开电脑可以听到视频声音哦。效果演示1. 播放视频2. 上下滑动切换视频3. 关注4. 点赞双击屏幕或点红心点赞:5. 查看评论每一
原型设计
2023年07月21日
【Axure教程】智能家居原型
我们今天来学习,在Axure里面做一个智能家居的原型,本案例以智能电视为模板,制作完成后效果如下图所示:原型地址:https://r5fhmp.axshare.
原型设计
2023年08月02日
Axure9.0基础教程:Web端图片点击全屏化及鼠标悬停扩大
Web端主页加入大量图片当下十分常见,如何利用Axure制作Web端图片点击全屏化及鼠标悬停扩大的效果?本篇文章里,作者总结了一份Axure操作教程,一起来看一下吧。目前越来越多的web端主页会在简介中加入大量的图片,这些图片有些可以全屏查看,有些鼠标移入可使其扩大,给人一种可浮动的感觉。下面我们使用Axure 9.0制作一下上述效果。一、效果预览点击图片全屏效果
原型设计
2021年07月24日
【Axure教程】:验证码倒计时及验证登录
原型示例:https://zufeki.axshare.com (若打开链接比较慢,请耐心等待一下)一、原型准备今天我们主要讲的是关于输入验证码倒计时
原型设计
2023年08月05日
简单6步用Aure绘制相机图标(附源文件)
记录这些内容,只是觉得有趣,尽管可能看起来没什么用,但很多事情换个视角总会有些不同。步骤1:拖入一个矩形,宽高自定,设置圆角值、投影,填充类型选择为渐变,然后设置渐变开始和结束的颜色(选中颜色指示浮标就可以更换对应位置的颜色),设置渐变角为90(即垂直方向的渐变)。步骤2:再拖入一个矩形,点击右上角的灰色小圆点,选择圆形模式(或设置比较大的圆角值直到矩形变为圆形);填充类型
原型设计
2016年04月15日
PM 要尽快摆脱对产品文档的依赖才能走向成熟
十年前,没有人告诉他产品原型和文档应该怎么写;十年后,他想与你分享产品文档的经验心得。enjoy~最近面试产品经理时 最苦恼的就是大多数PM拿画原型当自己的看家本领 。绝大多数PM对于原型的使用都是错误的,直接导致无效的团队推动力。造成这个现象的最根本原因是自己本身缺少目标感 ——不去深思产品成功后应有的模样,而过于追求过程中的自我认可,寻求自嗨。关于产品原型,
原型设计
2017年05月29日
iOS 11 vs 10: UI 和交互全面对比分析
苹果早在6月份的WWDC全球开发者大会中介绍了iOS 11系统,9月我们终于收到了正式版的更新推送。经历了11代的大版本更迭的iOS依旧保持着活力与进步。跟手上用了一年的iOS 10相比,iOS 11在UI和交互上有什么特别的改变呢?下面让我们一起来看看。(左边iOS 10,右边为iOS 11)主屏幕 左上角的导航有了明显的改变,从小圆点变为了经典的信号格模式,底部的Doc
原型设计
2017年10月17日
给你灵感的 23 个优秀线框原型图示例
如何在产品初始阶段以最快的方式展示设计思路?我想大多数的UX/UI设计人员都会倾向于快速构建一个线框原型图。这的确是一个非常明智的选择。那么问题来了,设计师如何才能做出一个优秀的线框图设计呢?设计师可以在哪里获取更多设计灵感?需要使用线框工具呢还是用笔纸作图就足够?今天,我整理了23个最佳移动端和网页的线框图示例,希望能给您带来灵感。最后还有快速高效的线框图工具推荐哦。看完
原型设计
2018年02月09日
AXURE原型设计:手机版可视化视图应用案例
数据可视化在数据分析中扮演着越来越重要的角色,试想一下,如果你把一堆数据拿给你的老板或者甲方爸爸看,那肯定会被痛批一顿。但是如果你把数据做成可视化的图标就不一
原型设计
2023年07月24日
JavaScript 原型中的哲学思想
欢迎来我的博客阅读:「JavaScript 原型中的哲学思想」记得当年初试前端的时候,学习JavaScript过程中,原型问题一直让我疑惑许久,那时候捧着那本著名的红皮书,看到有关原型的讲解时,总是心存疑虑。当在JavaScript世界中走过不少旅程之后,再次萌发起研究这部分知识的欲望,翻阅了不少书籍和资料,才搞懂proto和prototype的概念。故以作此笔记,日后忘了
原型设计
2016年06月28日
史上最实用的原型设计规范(二)
这是关于原型设计规范的第二篇文章。最早听说原型设计规范这个词,还是刚入行没多久,处于自我感觉超级好的打鸡血阶段,有时候接到新的项目或产品需求,一天可以画几十张原型图,反正就是 各种堆砌图标、组件和文字,加链接跳转,最后简单的左右居中对齐 ,这样的状态持续了小半年之久,一句话总结是:熟练无比,乐此不疲!直到有一天,公司组织开了个内部产品分享会,主题是 什么样的原型最适合开发(
原型设计
2017年06月03日
Axure教程——鼠标滚动缩放图片
在PC端,鼠标滚动缩小放大图片是我们常用的操作,所以今天作者就教大家如何在Axure中实现这个效果:鼠标滑轮向下滚动时,放大图片鼠标滑轮向上滚动时,缩小图片
原型设计
2023年08月06日
别急着上高保真!教你在设计实战中用纸和笔做原型设计
编者按:随着软件越来越多,很多设计师都能迅速做出精美的高保真原型,所以今天@-朱宇軒 这篇好文特意给喜欢一开始上手就用高保真的同学提个醒,用纸和笔也许能整个设计过程更爽。至于用纸笔的好处以及什么时候该用高保真原型,让这篇好文为你揭秘!先用纸和笔来画草图能让整个设计过程变得更爽我爹是一个插画师,所以我记得小时候,家里到处都摆着老爹干活的家当。用大头笔在画纸上画画时发出的沙沙声
原型设计
2016年06月16日
Axure教程:高保真的上传效果(图片、文件)
为什么要做这样的原型呢,系统里面不是可以将文本框设置为文件的格式然后上传吗?首先系统的文件文本框格式不能自由修改,可能ui和我们自己的demo不搭;其次是演示
原型设计
2023年07月22日
专业干货!VR新工具之便捷实用的POV纸质原型
@C7210 :在VR领域,传统草图形式已经难以提供前期探索阶段所需的灵活性与便捷性。而POV纸质原型的宗旨在于以尽可能灵活快捷的方式实现VR环境设计目标, 一方面可以展现场景的全貌,同时又允许我们透过用户的视角去观察虚拟环境及其中的互动元素,本文便是相关的实战经验汇总。和很多人一样,我(英文原文作者)在实际体验过VR之后,便开始为其中所蕴含的各种可能性及巨大的潜力而着迷。
原型设计
2016年07月18日
Axure实现动态进度条效果
界面原型想要用动态进度条,原本想在网上找一个现成的用,没想到都是坑,索性自己做了一个,分享给大家(附详细步骤)。一、不带动文字的进度条①创建矩形,命名“bg
原型设计
2023年08月02日
WeUI(微信)原型资源分享
WeUI 原型资源分享,组件库和原型均可下载使用。WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。目前官方为开发者和设计师提供了Sketch和PSD基础样式库源文件,但对于产品童鞋来说,带交互的原型组件库才是王道!^_^o~为方便大家进行公众号、小程序等微信相关的产品原型创作,我们在这里分享给
原型设计
2017年03月16日
5 个范例告诉你什么是自适应网页设计
移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?自适应网页设计的出现很好的解决了这个问题。这篇文章将带你了解一些关于自适应网页设计的基础知识和设计范例。一、理论基础:什么是自适应网页设计?2011年,网页设计师Aaron Gustafson在他的书《自适应网页设计》里率先提出了自适应网页设计的
原型设计
2017年05月18日
Axure实战规范分享:后台web网站
后台web网站是互联网人工作中经常会用到的,本文作者分享如何用Axure做后台web网站,一起来看一下吧。以下规范数值仅为参考,具体请根据自身产品灵活运用。一、框架尺寸设计目前 PC 端用户屏幕分辨率主要为:1920*1080、1600*900、1440*900、1366*768、1280*720等。那么我们的原型设计稿应该参考哪个尺寸设计呢?这需要我们根据具体情
原型设计
2022年01月24日
