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

网页设计原型

发布时间:2020-07-26 16:54:31

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

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

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

2、如何将一个网页中的元素放到新的原型设计中

推荐使用摹客在线画原型,元素支持跨项目复制粘贴。另外,在摹客画原型时,还可以把图标、组件等原型设计中的元素保存到组件库中,方便复用和分享。

3、Axure 设计网站原型时,网站宽度和高度怎么设置比较好

【页面尺寸】网页的尺寸受限于两个因素:一个是显示器屏幕(显示器现在种类很多,17寸为主流,正在朝19寸及宽屏的方向发展,但目前也有为数不少的15寸显示器)另一个是浏览器软件(我们常用的IE、遨游、Friefox等)

【页面高度】高度是可以向下延展的,所以一般对高度不限制。对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。

【页面宽度】
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
如果是1024的分辨率,你的网页不如设成1000安全一点。设成900两侧空白更大,视觉上更舒服一点。也方便做一些浮动层的设计。如果是800的分辨率一般都设成770。但也有设成760的。这些需要明白并且牢记,不然很可能做出来不符合浏览器要求。不过一般我们都会设定的再稍微小一点,因为有些浏览器加了插件或者其他的东西宽度会有变化,所以 800的分辨率一般设定760左右,1024的设定990左右。
网页设计标准尺寸参考:
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间,就不会出现水平滚动条和垂直滚动条。
3、页面长度原则上不超过3屏,宽度不超过1屏,每个标准页面为A4幅面大小,即8.5X11英寸。
4、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px (另外120*90,120*60也是小图标的标准尺寸 )
5、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

【网页广告尺寸】
1、120*120,这种广告规格适用于产品或新闻照片展示。
2、120*60,这种广告规格主要用于做LOGO使用。
3、120*90,主要应用于产品演示或大型LOGO。
4、125*125,这种规格适于表现照片效果的图像广告。
5、234*60,这种规格适用于框架或左右形式主页的广告链接。
6、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。
7、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
8、88*31,主要用于网页链接,或网站小型LOGO。

【广告形式 像素大小 最大尺寸】
BUTTON 120*60(必须用gif) 7K;215*50(必须用gif) 7K
通栏 760*100 25K 静态图片或减少运动效果;430*50 15K
超级通栏 760*100 to 760*200 共40K 静态图片或减少运动效果
巨幅广告 336*280 35K;585*120
竖边广告 130*300 25K
全屏广告 800*600 40K 必须为静态图片,FLASH格式
图文混排 各频道不同 15K
弹出窗口 400*300(尽量用gif) 40K
BANNER 468*60(尽量用gif) 18K
悬停按钮 80*80(必须用gif) 7K
流媒体 300*200(可做不规则形状但尺寸不能超过300*200) 30K 播放时间 小于5秒60帧(1秒/12帧)

【网页中的广告尺寸】
1.首页右上,尺寸120*60
2.首页顶部通栏,尺寸468*60
3.首页顶部通栏,尺寸760*60
4.首页中部通栏,尺寸580*60
5.内页顶部通栏,尺寸468*60
6.内页顶部通栏,尺寸760*60
7.内页左上,尺寸150*60或300*300
8.下载地址页面,尺寸560*60或468*60
9.内页底部通栏,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100

4、设计PC端网页原型和手机端APP有什么区别

1、内容上pc端一定是内容丰富的,app一定是内容精简的
2、从产品功能架构上,app端的设计通常只能满足主流用户的常用功能,相反pc端可以兼顾更多的用户提供更全面的服务
3、相比pc端,app更注重用户体验设计,例如操作流程简单快捷,语言文字精简移动。
4、升级优化方面,pc端通常适合于两年一小改,三年一大改,指的是改版。app则比较频繁,且第一版本一般只是先主要功能,之后2、3个月几乎就要出一个小迭代版本。

5、如何设计出色的网站后台原型

网上很多坐原型的软件。不过这种只是工具,更多的还是人的思维

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

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

7、网页设计和web前端的区别

前端是实现设计师出的图效果,做成页面,加上效果,各种JS,各种CSS等等。
设计师,按正规来说,和程序员沟通好后,出设计图,各种效果的效果图,比如设计稿内要标明,鼠标移上效果会是怎么样,等等,前端再实现这些效果成页面,交给程序员。

8、ui设计要会Axure RP么 ?? 网页设计涉及原形设计么

不需要,但是会的话加分
UI即User Interface(用户界面)的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

9、网页设计的原型图怎么看

前台就看设置,怎么去划分功能区,后台的就看怎么写代码方便和安全。

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