史上最实用的原型设计规范(二)
这是关于原型设计规范的第二篇文章。最早听说原型设计规范这个词,还是刚入行没多久,处于自我感觉超级好的打鸡血阶段,有时候接到新的项目或产品需求,一天可以画几十张原型图,反正就是 各种堆砌图标、组件和文字,加链接跳转,最后简单的左右居中对齐 ,这样的状态持续了小半年之久,一句话总结是:熟练无比,乐此不疲!直到有一天,公司组织开了个内部产品分享会,主题是 什么样的原型最适合开发(
原型设计
2017年06月03日
Axure教程——鼠标滚动缩放图片
在PC端,鼠标滚动缩小放大图片是我们常用的操作,所以今天作者就教大家如何在Axure中实现这个效果:鼠标滑轮向下滚动时,放大图片鼠标滑轮向上滚动时,缩小图片
原型设计
2023年08月06日
JavaScript 原型中的哲学思想
欢迎来我的博客阅读:「JavaScript 原型中的哲学思想」记得当年初试前端的时候,学习JavaScript过程中,原型问题一直让我疑惑许久,那时候捧着那本著名的红皮书,看到有关原型的讲解时,总是心存疑虑。当在JavaScript世界中走过不少旅程之后,再次萌发起研究这部分知识的欲望,翻阅了不少书籍和资料,才搞懂proto和prototype的概念。故以作此笔记,日后忘了
原型设计
2016年06月28日
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日
PM 要尽快摆脱对产品文档的依赖才能走向成熟
十年前,没有人告诉他产品原型和文档应该怎么写;十年后,他想与你分享产品文档的经验心得。enjoy~最近面试产品经理时 最苦恼的就是大多数PM拿画原型当自己的看家本领 。绝大多数PM对于原型的使用都是错误的,直接导致无效的团队推动力。造成这个现象的最根本原因是自己本身缺少目标感 ——不去深思产品成功后应有的模样,而过于追求过程中的自我认可,寻求自嗨。关于产品原型,
原型设计
2017年05月29日
简单6步用Aure绘制相机图标(附源文件)
记录这些内容,只是觉得有趣,尽管可能看起来没什么用,但很多事情换个视角总会有些不同。步骤1:拖入一个矩形,宽高自定,设置圆角值、投影,填充类型选择为渐变,然后设置渐变开始和结束的颜色(选中颜色指示浮标就可以更换对应位置的颜色),设置渐变角为90(即垂直方向的渐变)。步骤2:再拖入一个矩形,点击右上角的灰色小圆点,选择圆形模式(或设置比较大的圆角值直到矩形变为圆形);填充类型
原型设计
2016年04月15日
Axure9.0基础教程:Web端图片点击全屏化及鼠标悬停扩大
Web端主页加入大量图片当下十分常见,如何利用Axure制作Web端图片点击全屏化及鼠标悬停扩大的效果?本篇文章里,作者总结了一份Axure操作教程,一起来看一下吧。目前越来越多的web端主页会在简介中加入大量的图片,这些图片有些可以全屏查看,有些鼠标移入可使其扩大,给人一种可浮动的感觉。下面我们使用Axure 9.0制作一下上述效果。一、效果预览点击图片全屏效果
原型设计
2021年07月24日
Axure教程:真的能播放视频的视频APP原型(抖音案例)
大家查看原型的时候,打开电脑可以听到视频声音哦。效果演示1. 播放视频2. 上下滑动切换视频3. 关注4. 点赞双击屏幕或点红心点赞:5. 查看评论每一
原型设计
2023年07月21日
【Axure教程】:验证码倒计时及验证登录
原型示例:https://zufeki.axshare.com (若打开链接比较慢,请耐心等待一下)一、原型准备今天我们主要讲的是关于输入验证码倒计时
原型设计
2023年08月05日
原型设计第二波:如何挑选合适的工具
产品经理在做原型的时候,不能因为别人用什么工具就跟风用什么工具。那么我们如果选择原型设计方法或者工具呢?请考虑一下建议。了解受众:要确定谁要看原型或者谁要与原型交互?确定意图:我们的做原型的想要达到一个什么的目的?预测熟悉程度和学习难度:你熟悉这种方法或者工具吗?愿意学习吗?学得会嘛?学会了容易上手吗?评估成本:不能只考虑购买软件的成本(当然国内基本都是免费的),还要考虑因
原型设计
2014年01月16日
【Axure教程】智能家居原型
我们今天来学习,在Axure里面做一个智能家居的原型,本案例以智能电视为模板,制作完成后效果如下图所示:原型地址:https://r5fhmp.axshare.
原型设计
2023年08月02日
使用 Aure 设计中,大型的后台系统原型总结(上篇)
在产品原型设计中,经常会涉及到后台系统原型的设计,如何设计出更规范标准的后台系统原型,是很多产品同行们都会遇到的一个问题。本人结合自己实际的多个后台系统项目经历以及使用Axure的经验技巧,从方便维护和便于复用等角度出发,总结出了这篇关于后台系统原型设计的分享内容,希望能帮助到一些有需要的朋友们。1. 确定框架结构和布局方案在正式开始设计一套后台系统原型之前,我们需要先确定
原型设计
2017年09月06日
Axure教程:商品对比\关注\购物车
图例如下所示:【需求分析】通过我们对京东商城的观察,得出如下需求:当鼠标移入“ 对比 ”框的时候,文字和边框变成红色,当鼠标移出的时候,恢复默认样式黑色;当
原型设计
2023年07月22日
如何避免设计出“烦人”的登录和注册页面
往往当用户想要在某一个网站或APP上登录或注册一个账号时,登录和注册页面就显得尤为重要。登录或者注册表单是网页和APP设计中最重要的元素之一,所以在设计网站和APP的时候,表单的设计需要慎重考虑。好的登录/注册表单可以鼓励用户成为注册者,订阅者甚至成为你的常驻业务客户。一个拥有干净的外观,优质的创意以及视觉吸引人的表单必定会提高访客的转化率。设计一个有效和干净的登录/注册表
原型设计
2017年06月13日
为什么 375×667 是移动端原型设计的最佳分辨率
部分PM在设计移动端产品的时候,往往是随意画了个原型尺寸或者上网找个模板套进去,当然也有部分知道用375×667比较好,但是不知其所以然。接下来,我来讲清楚为什么以及前世今生。 原型尺寸的历史既然是设计移动端原型,理论上来说最佳的原型尺寸最好是和你的目标用户手机尺寸保持完全一致。好比iPhone刚出来的时候,设计iOS APP原型使用iPhone自身分辨率320×480就是
原型设计
2017年03月15日
史上最实用的原型设计流程和规范 (一)
摘要:因公司产品采用远程分布式开发,产品和技术分隔两地,没有面对面交流那么直接明确,无论是之前的文档、原型还是沟通方式都存在很大的不足,容易造成信息缺失或误解,给技术小伙伴造成极大不便。工作之余一直在思考:什么样的原型文档,标注方式才是异地开发最高效的?现将自己梳理出的原型文档规范模板分享出来,希望能对需要的人有所帮助。一、原型设计流程怎样才有效?需求大纲——>页面结构——
原型设计
2017年05月12日
【Axure教程】多角色登录原型
多角色登录是很多系统都需要具备的功能,例如在招聘网站里,登录的角色包括、求职者、招聘企业的hr、猎头、内部员工等等。本文作者分享了如何在Axure里面制作多角色登录的原型模板,希望对你有帮助。多角色登录是很多系统都需要具备的功能,例如在招聘网站里,登录的角色包括、求职者、招聘企业的hr、猎头、内部员工等等。所以今天我们就来学习怎么样在Axure里面制作多角色登录的
原型设计
2022年01月12日
别小看产品原型,它的重要性远超你的想象
作为一名产品经理,产品原型是再熟悉不过的东西了。但是你真的了解产品原型吗?它对于产品经理究竟意味着什么?本文对于产品原型对产品经理工作的重要性进行了阐述,希望对你理解产品原型有帮助。产品原型是产品经理们再熟悉不过的东西,可是作为产品经理的你,是否曾从对产品原型的写写画画、修修改改中抽离出来,去重新审视一下这个你每天都要打交道的东西呢?产品原型是什么?它最重要的作用
原型设计
2021年10月16日
