画原型图时我们需要注意些什么

    大家都知道,我们在软件开发需求分析的时候,要画出相对应的原型图。但是真正在画原型图的过程中需要注意些什么,这个未必每个人心中都有很明确的想法。我也是在参与开发权限系统进行需求分析时,对原型图的认识较以往有了一个新的认识。

    我们都懂得要将需求转化为可视的原型图,但是当需求已经了解的很清楚的时候,真正要将这些想法落实到原型图的时候,未见得是一件简单的事情。有时候,你脑海中想象的原型图可能是这样的:

但是或许画出来时却是这样的:

    可见这二者的差别真的很大。因此在设计原型前:首先要做的是要清楚页面需要突出的内容是什么。有人可能会说,这小Easy,都不知道页面要突出的内容是什么我还敢画原型图么?可是,我想提醒一句,我们有时候真的会眼高手低,看着感觉so easy,但是真正做起来真正被问及时却发现自己真的不行真的不会。所以,这个必须明确的第一点最好要弄清楚再往下走。第二点,就是要弄清楚功能方面需要突出的是什么?说白了也就是你要设计的这个页面要突出什么功能,这个是需要明确的第二点。第三点,就是要明确内容板块如何划分,页面的内容主要分成几个模块,每个模块内存放的都应该是一些相近的内容。这个说实话涉及到了涉及原型图页面的深层部分了,也就是涉及到了你所设计的原型页面的大体布局,所以这个部分要拿捏好,这一部分的布局设计可能会直接影响到你的页面效果,很考验人的设计能力,当然还有美感审视能力,说实话我不是学美术的,所以这块的内容我不敢太恭维自己的想法,所以请大家在这部分的设计上多用点心,多有些自己的想法。下面要说的就是模块与模块之间以及页面与页面之间承接和关联的关系了。每个模块与其相近的模块之间应该有一些逻辑上的关联性,而不能随意的进行拼接,应具有上下承接关系。页面与页面之间的转化承接也要尤其连接性,切勿给人一种生搬硬套的感觉,要有一定的连贯性和联系性。

    当然了,并不是我们的原型图设计完之后就大功告成了,也不是原型确定了之后系统的页面就一定原封不动的按照原型去做。所以,在原型图设计完之后,需要对其进行修改和检查。首先要检查你的页面设计是否重点突出,也就是我们在第一点提到的要让人一眼看出你的原型页面突出的内容是什么,如果重点不明确,内容不突出,那么很遗憾的告诉你,你的原型可能有些不成功,这个,需要改!与内容相对应的就是检查你要实现的功能是否在页面中突出显示出来,而且注意要把想要表达的功能放在明显的地方表现出来,如果这点仍然也不符合,只能遗憾的告诉你,这个,需要改!最后呢,最好试着把你设计的原型按照你的思路走一遍,看看是否有哪些不顺畅、别扭的地方。而且要注意的是,这个时候你要学会换位思考,把自己当成一个用户而不是一个设计者,看看在整个流程的过程中是否有用户体验度不好的地方,试着提出一些疑问,并小心求证一下,积极改正。

    我想说,这个过程大家都在慢慢的走,慢慢的探寻,可能在设计之初都有这样或那样的疑问,看的多了,练得多了,或许就会好很多。而且身为一个设计者,我们要有一双发现的眼睛,要在平时看一些网站、软件时也细心观察一下别人的设计是怎么样的一个流程,要突出的内容和功能人家设计者是怎么突出显示在界面上的。在这个过程中慢慢锻炼,在平时的学习中细细观察,我相信我们会一点点成长起来的。

### 回答1: Axure是一个用来制作原型图的软件,可以用来创建交互式的网站和应用程序原型图,包括三维原型图。使用Axure创建三维原型图的步骤如下:1. 在Axure中打开新文档;2. 在布上添加新的空白组件;3. 设置组件的三维深度;4. 添加图像,文字和其他元素;5. 保存文档,并使用它来创建一个完整的三维原型图。 ### 回答2: 要用Axure出三维原型图,可以按照以下步骤进行: 1.了解三维原型的基本概念和元素:三维原型图是指在二维平面上模拟出三维场景的图形表示,包括透视关系、深度和光影等效果。 2.准备素材和资源:选择合适的图片、矢量图形或素材,以及相关的文字、颜色和样式等,为三维原型图提供基本的视觉元素。 3.创建布和视觉效果:在Axure的布上创建一个透视场景,可以使用网格或者线条工具来辅助绘制,使得面具有立体感。 4.添加元素和交互:根据设计需求,使用Axure提供的各种元素和交互组件,如图片、按钮、形状等,将场景中的各个元素添加到布上。 5.设计透视关系和深度效果:通过使用Axure的旋转、缩放和倾斜等功能,设置各个元素在三维空间中的位置和角度,以及视角的远近。 6.添加光影和材质效果:使用Axure的阴影和高光功能,给元素和场景添加光影效果,增加真实感和质感。 7.调整细节和优化效果:不断调整元素的位置和角度,使得场景中的元素和透视关系更加准确和合理,同优化设计细节,增强用户体验。 8.查看和测试原型:在Axure中预览和测试三维原型,检查元素的交互逻辑和效果是否符合预期,对不符合要求的部分进行修改和优化。 9.导出和分享原型:将设计好的三维原型导出为可交互的HTML文件或其他格式,便于与团队成员或用户分享评审和测试。 通过以上步骤,可以使用Axure设计出逼真的三维原型图,有效展示设计理念和交互体验,为产品的开发和改进提供参考。 ### 回答3: Axure是一款常用的原型设计工具,尽管它主要用于二维原型设计,但可以通过一些技巧来绘制三维原型图。以下是简要的步骤: 1. 创建Axure目:打开Axure软件并创建一个新目。 2. 添加元件:使用Axure提供的基本形状,如矩形、圆形等,来构建基本的三维元件。可以使用线框模式或填充模式。 3. 立体效果:通过调整元件的大小、位置和阴影来给元件增加立体感。可以使用阴影来模拟投影效果,使元件看起来更有层次感。 4. 视角调整:通过修改视角来模拟三维效果。可以旋转、倾斜和翻转元件以改变它们在页面上的位置关系。 5. 图层叠放:使用Axure的图层功能来叠放元件以实现前后层次的效果。通过将元件放置在不同的图层上,可以创建更复杂的三维场景。 6. 动效呈现:利用Axure的交互动效功能,为元件添加过渡效果,使它们在页面之间移动和切换具有更真实的效果。 虽然Axure并非专业的三维设计软件,但通过上述步骤,你可以在Axure中绘制出具有一定立体感的原型图。但请注意,由于其局限性,这些原型图在呈现真实的三维效果可能会受到一些限制。
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值