【网页产品设计】UI设计需要学习什么技术?和交互式设计师有什么关系?　Axure在设计网站原型时，如何设定网站的宽度和高度?下面就和小编一起来看看吧!

　　UI设计需要学习什么技术?和交互式设计师有什么关系?

　　1.熟悉Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量图形编辑软件2.具有较强的网页美术设计能力和较深的美术基础，能够很好地把握视觉色彩和网站布局3.强烈的分析问题和解决问题的能力细致的观察能力，强的创造力对产品流程、用户操作流程和用户使用习惯有很深的理解，掌握用户的研究、可用性的测试和评价技能力，具有很强的交互性和视觉创新能力4.熟悉HSML关系:交互式设计师主要研究用户需求和接口关系，根据此关系设计和规划产品功能和接口交互式模块。比如做网站，互动设计师主要考虑的问题是，这个网站的目标群体是谁，满足他们的需求，目标用户有什么操作习惯。根据分析相关需求调查数据，互动设计师建立一个或几个用户模型，分析这些用户的使用习惯，建立网站的设计模型，该模型可以是普通的框架原稿，也可能是高保真模型，但设计要素的细节和具体的视觉效果一般来说，交互设计师的工作内容到此为止。UI设计师，顾名思义，重视用户界面的设计，以前的用户模型、需求分析等，UI设计师一般不参加，交互设计师处理这些工作，完成设计原型后，UI设计师设计和优化页面细节，UI设计师的工作偏向于视觉。但是，这两项工作的交叉点还很多，如果有交互式UI设计的经验，在制作产品原型时会更加规范美观，如果有UI设计的交互式设计的经验，在进行具体设计时会更加关注用户的需求和用户体验。

　　Axure在设计网站原型时，如何设定网站的宽度和高度?

　　【页面尺寸】web页面的尺寸限(显示屏现在种类繁多，以17英寸为主流，朝着19英寸和宽屏的方向发展，但现在也有很多15英寸的显示屏)，另一个是浏览器软件(我们经常使用的IE、漫游、Friefox等)【页面高度一个屏幕通常没有固定值。因为每个人的浏览器工具栏不同，所以高度没有正确的值。【页面宽度】1、在IE6.0下，宽度为显示器分辨率减少21，例如1024的宽度-21为1003。但值得注意的是，IE6.0(或更低)无论你的网页有多高，都有右侧的滚动框。2.在Firefox下，宽度分辨率减少19。例如，1024的宽度-19为10053，在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，全尺寸bannner不超过14K【网页广告尺寸】1、120*120，该广告规格适用于产品或新闻照片展示。2、120*60，该广告规格主要用于标志。3、120*90，主要应用于产品示范或大型标志。4、125*125，这种规格适用于展现图片效果的图片广告。5、234*60，这种规格适用于框架或左右形式主页的广告链接。6、392*72主要用于展示许多图像的广告条，用于页眉和页脚。7、468*60，应用最广泛的广告尺寸，用于页眉和页脚。8、88*31主要用于网页链接或网站小型标志。【广告形式像素大小最大尺寸】BUTON120*60(必须使用gif)7K215*50(必须使用gif)7K通栏760*10025K静态图像或减少运动效果430*5015K超级通栏760*100to760*200共40K静态图像或减少运动效果的广告336*28035K5*120垂直广告130*3025K全屏广告800*60400400k静态图像混合图像，FLASH格式图像混合各频道。