导航:首页 > 万维百科 > 网页原型图设计

网页原型图设计

发布时间:2020-09-20 07:22:00

1、网站设计前需要制作网站原型图吗

是的,需要制作网站效果图,要吧网站大致效果和框架定好,才能更好的进行一步代码和后台的制作,网站原型图是网站建设前的基础,每个专业网站建设公司应该 都是需要的,这样子才更有思路条理

2、ui和画原型图的区别

一、主体不同

1、UI:是指对软件的人机交互、操作逻辑、界面美观的整体设计。

2、原型图:是交互设计师与PD、PM、网站开发工程师沟通的最好工具。

二、定位不同

1、UI:好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

2、原型图:设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。


三、作用不同

1、UI:在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、原型图:系统分析员,用来了解用户界面如何影响系统分析;设计员,用来了解用户界面如何施加影响及它对系统“内部”的要求。


3、求大神给我一份RP原型图,和根据原型图制作出的html网页.

这类的要求还是很简单的。你可以提供图直接在线制作,这类的要求也很简单的。

4、用什么工具画原型图 生成html

可以用一个叫htmlcompiler的工具画出来

5、iOS原型图设计什么软件好用?

现在主流的原型界面设计软件基本就那几款吧,比如Framer、Shireframe、v-proto,前2款对技术和入门还是有要求的,后面者是国产,更符合国人使用习惯,而且零基础的人也能很好地使用。
原型设计工具一定要能在工具内拖拉拽模块或者通过大量模版集合,现场快速生成产品模型,可视化操作让客户思维得以具现化,高保真度还原需求,同时支持团队协作办公,需求即提即改,大大缩短交流成本和交付周期。这才是原型工具的本身存在的意义

6、网页设计流程,用画原型图吗?逻辑谁来设计

首先要有网页或者说是网站的需求方提供需求内容。
例如页面要包括哪些,如用户登录,注册,信息展示,甚至在线支付之类的东西。
然后还要有一些具体功能需求,如用户注册需要提供哪些资料,如身份证,地址之类的信息。
信息展示具体是哪些。

有需求方先要写明自己的需求,然后根据需求进行下一步的设计,原型图肯定要画,因为没有图就无法制作网页。
先把图画好,然后和对方商定细节,例如logo的大小,段落间距,字体颜色,之类的细节东西。
画好图并确定后就可以按照图来制作网页。
至于内部后台相关也要商定。
具体由谁来做什么要视情况而定。
例如如果对方公司有美工之类的,可能就直接给你一些素材甚至画好的图让你直接制作。
也有可能需要你自己画图或者找人画图。

7、如何进行web页面原型图设计

简单来说,产品经理进行页面原型设计时,只需要把业务逻辑和交互逻辑讲明白,不需要做得特别精美,而是要把握重点,把重心放在分析用户需求、规划产品功能上。之后交互设计师可以根据产品经理的原型图进行设计。
从使用工具来看的话,产品经理在做原型时其实只需要Mockplus或摹客原型这样的快速原型设计工具。只要提前想清楚主要的功能点和交互逻辑,使用工具内置的现成组件,十分钟就能把原型做完。
交互设计师需要做的是根据产品经理绘制的原型版和相关产品文档,绘制高保真原型,通常交互设计师会使用PS、sketch、XD之类的设计工具,在完成页面设计后上传到摹客等协作平台添加交互。完成后也可以直接发链接给其他成员审阅,这时候主要看的就是原型呈现的视觉效果了。

8、通过axure做原型设计生成的html代码可以让开发直接用吗

不可以,Axure 生成的只是原型,是在产品制定时供大家参考了解项目用的。

Axure输出的HTML文件不能直接用于前端代码开发,Axure为了模拟交互效果,使用了大量的JS,其中有很多是用不着的内容,前端代码需要完全重写。

Axure输出内容不能取代实际开发中的任何部分,只是为了提高沟通效率。

(8)网页原型图设计扩展资料:

Axure的特性

1.鼠标及键盘交互功能:

支持更多的新特性包括 OnDoubleClick(双击), OnContextMenu (右击),OnMouseDown(鼠标按键按下), OnMouseUp(鼠标按键松开), OnMouseMove(鼠标指针移动), OnMouseHover(鼠标指针经过), OnLongClick (鼠标长按), OnKeyDown(键盘按键按下), OnKeyUp(键盘按键松开)。

2.演示文档:

支持HTML5新特性,以及更好的支持手机演示特性。


3.新增部件样式控制:

Axure7对于部件修饰功能有较大的改善,包括支持圆角、阴影、描边等设置。

4.更细化的部件属性:

更为丰富的部件属性,可以设置各种形状、样式,较Axure RP 6.5单调的形状而言,也是一种惊喜。

5.更多交互条件:

包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件,对于移动互联网产品原型设计有很大帮助。

9、产品经理画完原型图后交给UI看的是原型图的网址链接吗

UI一般看原型预览文件,根据你设计的原型预览之后的页面进行UI设计。

与网页原型图设计相关的知识