原型设计
文章平均质量分 67
岚月清辉
这个作者很懒,什么都没留下…
展开
-
Axure原型设计:实现分类栏拖动效果
这个蓝色方框是指外面那个动态面板的大小,提示用户预览时只有蓝色方框内的内容会显示出来,假如想要蓝色方框以外的内容显示出来,则需要我们通过设置交互动作——拖动,才能将范围外的内容拖到范围内显示出来。这里首先边界都设定为左侧,但>=-[[This.width-350]],这350很多人不知道怎么来的。其实就是外面那个动态面板的宽度。这里需要注意,转换为动态面板后要将动态面板默认勾选的自动调整为内容尺寸的勾选取消掉!350这个数值就来自这里。这里不需要取消勾选。转载 2024-09-25 09:18:53 · 33 阅读 · 0 评论 -
Axure原型设计:使用动态面板实现轮播图
然而当我们制作一个较大的原型时,项目里面的元件少说也有上百个,当你从一开始没有养成给每个元件命好名的习惯的话,后面再去梳理将会是一件非常麻烦的事情,也不便于后面查看你的项目的人的查阅。(2)轮播图实现起来不难,但是主要考验我们对于项目中每个元件的命名的严谨准确,否则很容易就会把椭圆对应的图片弄混,比如点击第一个椭圆却跳到了第三张图…到这一步我们已经实现了轮播图的自动轮播,但是椭圆元件还只是摆设作用,接下来让我们为椭圆也加入交互。(6)为每个椭圆设置相应的交互动作——鼠标单击时,以及交互样式——选中。转载 2024-09-25 09:17:07 · 55 阅读 · 0 评论 -
Axure原型设计:使用动态面板实现密码可见性切换
(2)设置两个面板,一个面板命名为“不可见”,另一个命名为“可见”2)第二个交互动作,将文本框“不可见”的文字赋予“可见”文本框。(4)编辑“可见”面板,拉入一个文本框,类型为“Text”(3)编辑“不可见”面板,设置文本框类型为“密码”(5)设置“睁眼”Icon的两个交互动作。(7)同理我们设置一下“闭眼”的交互动作。(6)确定之后就可以“预览”看效果了。1)点击睁眼前,输入“123123”1)第一个交互动作,切换面板状态。(1)将文本框转换为动态面板。1)闭眼前,再输入“123”原创 2024-09-25 09:14:21 · 252 阅读 · 0 评论 -
Axure原型设计:简单开关按钮的实现
(1)这是开启Axure绘制原型学习过程中一个非常容易实现的原型,尽管非常的简单,但是作用却很大。目前许多的APP在通知开关用到的样式都是这种开关按钮样式,学会这个,那么你在许多APP类原型中就都可以用到了!(2)虽然简单,但还是要提醒大家,在绘制原型时为每一个元件命好名。图中有两个(椭圆形),你不知道哪个是开哪个是关,那么这就会是一个很大的麻烦。(4)设置“容器”的交互样式——选中——填充颜色。(3)将两个椭圆放到“容器”内合适的位置。(5)设置“关”椭圆的交互——鼠标单击时。(7)将“开”椭圆隐藏。转载 2024-09-25 09:11:25 · 41 阅读 · 0 评论 -
Axure原型设计:制作win10滑块滑动调整屏幕亮度效果
默认获取屏幕背景的宽度作为亮度值,因为我用的是400px,按百分比算的时候除以了4,并向上取整,另外值越大,屏幕越亮,因为是用的透明度,值越大越暗,所以要用100来减一下,如下图所示。1)滑块跟随水平拖动,左边x坐标不低于27px,右边不高于438px,根据你画布具体的x坐标进行调整。4) 设置滑块数值的文本,需要逐渐显示效果,400px按百分比取整 ,同时显示可见(默认为隐藏)3)设置背景的尺寸当前滑块值的x坐标-背景在画布的起始x坐标,我的是29px。页面载入时、拖动时、拖动结束时。原创 2024-09-25 09:06:30 · 158 阅读 · 0 评论 -
Axure原型设计:制作验证码倒计时,并重新获取交互效果
首先,我们还是要明确一个思路,当我们在制作任何一个交互效果时,都需要对这个交互的步骤进行拆分,然后分别把对应步骤代入到Axure的交互设置中,是否可以用某些动作进行一一实现。原创 2024-09-23 09:09:15 · 430 阅读 · 0 评论 -
以个人书架业务为例,解析原型图的设计流程
用户体验”是指用户使用的实际感受。那在这个过程中就会存在比如客户表达的不全面或者产品经理没有理解客户的真实意图(这里就突出需求挖掘和需求分析的重要,不对需求层面进行说明了),所以就需要通过原型图向用户展示需求的视觉效果,让用户直观的看到最终呈现和操作流程,就会更加有效的验证用户需求,得到直接和具体的反馈。原型好坏的判断依据是产品经理思维逻辑和需求理解的产出结果,而不是画原型的能力,我一直认为专业的事情应该让专业的人做,如果对于页面设计上有想法可以和UI进行沟通,不必过于追求高保真而因此浪费时间和精力。原创 2024-09-23 09:04:22 · 724 阅读 · 0 评论 -
如何设计一个标准的后台页面框架图
在产品架构、流程设计和角色权限设计完成之后,开始着手每个页面的具体设计。原创 2024-09-23 08:47:16 · 919 阅读 · 0 评论