网页设计交互页面

1、网页设计师 UI设计师 平面设计师 交互设计师 这几个有什么区别？工作内容分别是什么呢？

网页设计师是指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸）。 网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。
“UI”的本义是用户界面，是英文User和interface的缩写。UI设计师则指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI表面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。具体还包括：可用性分析、GUI（Graphic User Interface即图形用户界面）设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已，更重要的是让软件的操作变得舒适、简单、易用，并且充分体现软件的定位和特点
平面设计师是在二度空间的平面材质上，运用各种视觉元素的组合及编排来表现其设计理念及形象的方式。一般人认知的平面设计师是把文字、照片或图案等视觉元素加以适当的影像处理及版面安排，而表现在报纸、杂志、书籍、海报、传单、标志、VI等等纸质媒体上，也就是在纸质媒体上进行美术设计及版面编排。
交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。
这四者本质上是存在区别的。

2、怎么做好网站页面交互性

交互性从本质上来说，就是网站能够知道用户想什么，进而引导用户快速找到相关的内容。这看起来有点智能化，对于网页设计者而言，似乎自身的能力难以达到，因为这会涉及到大数据，会涉及到用户行为的捕捉，也就是说需要大量的智能化设计工作。对于一个网页设计工作者而言，显然不具有这样的能力。
可是这并不表明网页设计者就不能够设计出良好的交互性页面，让用户一打开网页就能快速定位相应的内容，从而提升网站的用户体验，实际上只需要从以下几点进行设计就能够实现。
第一，让logo、按钮和链接都显著起来。现在很多网页设计者在设计网页时，往往喜欢将这些标识变得模糊，为的就是让页面看起来混为一体，看起来整个页面非常的美观，可是却往往让用户难以进行点击。尤其是一些按钮上的文字或者按钮设计，基本上就是以超链接且无明显标识的形态出现，当用户进行投票或者参选时，很难查找。还有就是一些表单的填写，以及相应的提示都相对缺乏，这些都会极大的影响到用户的交互，进而导致用户在网站上消耗太多不必要的时间。
那么如何让这些素材变得清晰呢?我们可以参考一些门户网站，比如网易，之前的首页超链接下面都有下划线，现在首页上已经没有下划线，可是当我们鼠标滑过之后，却能够清晰的出现下划线，这样就能够给出明显的信号。这种设计既能够增强网页的美观性，又不会影响到网页的交互。
第二，适当隐藏不需要的弹窗。现在有些网站为了增加网页内容的展示量，或者为了增加一定的广告点击率，往往会设置很多弹窗，而且大多分在网页的两侧，尤其是当网页设计进入到宽频时代之后，在1024*768的网页设计面积下，两旁会留下较大的留白，于是很多网站开始增加相应的弹窗，为用户提供各种各样的广告。在不影响到用户体验的前提下，这么设计无可厚非。但是有的网站当用户在使用传统的4:3比例的屏幕打开网页时，依然会弹出相应的广告页面，此时显然就不合适了，应该给予隐藏设计，除了用户想要看看什么内容，需要鼠标滑过才能显示，划出之后又能够隐藏，这可以有效提升网页的交互性。
当然在某些情况下，还要适当的展现一些弹窗，尤其是用户在操作网站，比如填写相应的表单，处理相关的数据时，一旦发现用户的操作存在错误，就可以实时的弹出相应的解决问题的弹窗，此时会快速帮助用户解决问题，进而赢得用户的好感。
第三，让网页的导航变得清晰。有些网站设计人员往往认为导航对于网站的重要性不强，所以在设计上相对随意，甚至将网页导航的相关信息放在不显眼的位置。而事实上，很多首次来到一个新网站的用户，往往会优先关注网页上的导航，然后据此寻找相应的内容。所以让网页的导航变得清晰同样非常重要。在这里还要提出一点，为了让网页导航变得更加快速，在网页上增添搜索框，实现网站内部的搜索同样非常重要，这也是增强网页交互性的重要措施、
总而言之，虽然大数据、智能化能够提升网页的交互能力，通过用户行为分析来和用户进行智能交互。不过我们在网页设计过程中，同样需要可以和用户进行交互的元素，然后据此来优化交互效果，从而提升用户的体验度，那么就算是没有引入那些高科技，也能够让自己的网站变得具有良好的交互性，进而提升网站的服务水平

3、在flash交互网页制作中怎么用按钮实现页面之间的转换?

在FLASH中导入图片A到场景舞台中
选择图片 按F8 转换为按钮元件
在按钮下方使用文本工具绘制一个动态文件框,并赋给实例名 txt_info

选择按钮 添加代码

on(release){
_root.txt_info.text = "照片名称"
getURL("");
}

4、网站交互设计需要注意的几个方面

1、网站设计内容问题

内容是所有网站的灵魂，也是客户关心的东西，打开因特网看看企业网站，我们很容易发现，大多数中小企业网站栏目划分趋于一致：公司简介、产品介绍、联系方式等，在版式设计上也基本上是上下分栏、左右分栏等方式，在内容上要从客户考虑，要了解客户想从你页面上了解些什么，总之要贴近客户。2、网站设计技术问题

首先应该说明的是，我们并非鼓动企业在自己的网站中加大技术含量。实际上，最重要的是所使用技术在多大程度上实现了预期的功能，或者说所要的功能需要什么样的技术实现比较经济划算。而我们在与企业接触中，常常碰到这种情况：网站中使用了先进的技术，当然进行了大笔的投资，但实际上所实现的功能通过其他方式，很低的投入就可以实现！但是企业并不了解这些。3、网站设计交互问题

您的网站是否实现了与客户的交互，在多大程度上实现了这一功能，值得您仔细考虑，在我们接触的客户中，甚至有的客户抱怨：他的信箱至今还没有收到mail！经过我们的检查，是因为留言簿中有关信息提交的设置有问题！使得与客户之间的交流出现很大的问题，这也是很多企业应该注意的问题。另外在设计上应注意什么

1，对每一个超级链接点击之后采用新开窗口还是直接跳转，必须认真对待。如果用户点击一个link之后是要放弃当前页面开始新的体验，则应用直接跳转。如果用户点击link是要了解更多的信息，但是当前页面的信心仍然有用，则应新开窗口。

2，在每一个用户可能需要帮助的地方提供帮助信息或帮助按钮。完善的帮助系统是一个产品，网站成功很重要的因素。

3，承诺问题，不要轻易对你的用户承诺什么，但是一旦承诺了，就要尽最大努力去兑现。在首页规划和网站设计中最为突出的问题是：1）首页规划和栏目设置不合理。主要表现在栏目设置有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息。2）重要信息不完整问题。企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，但为数不少的企业对这些重要信息不完整，尤其是产品介绍过于简单，有些甚至没有公布任何联系方式；上述几个问题只是企业网站设计问题中的部分问题，还有考虑浏览目标群体，从营销方式设计都应该是现在企业网站所在考虑的问题。每一个细微的不足和问题，都有可能失去用户，或者根本无法获得被用户发现的机会，结果最明显的表现就是访问量很小，或者由于得不到有价值的信息和服务，访问者的转化率很低，无法取得最终的收益。

5、网页界面设计和交互的分析都有哪些依据

以用户为中心的设计流程，关注用户的使用流畅度和方便性，符合用户使用习惯的解决方案。交互不一定需要很华丽的界面，但是使用过程肯定是很人性化，减少用户思考返回的次数。” 在电子杂志中 在电脑或者手机 或者ipad的展示上都有很大差距。

6、自学网页制作中，请问前台与数据库怎样交互，谢谢

首先想问下楼主，你懂asp/asp.net/jsp/php等任何一种语言吗？如果你不懂，那么建议你先学习asp，因为版asp上手容易入门快权，之后再说与数据库交互的事吧！如果你懂，那么你不可能会提出这种问题的！

7、界面设计,网页设计,平面设计,他们之间的区别是什么

界面设计类似交互设计，比起网页设计更偏重于用户体验和互动的功能实现。
网页设计就不用解释了吧，中国的网页设计很单一，几乎没有flash以及动画互动效果就是简单的平面设计。
平面设计领域就非常广了，杂志，广告，海报，书籍封面，CD封面，====， 本子封面，banner,只要你能想到的一切平面上看到的图都可以称之为平面设计。

8、什么是网站Web端交互式设计的常见误区

交互设计的5个常见错误
艳丽的图片、顺畅的鼠标悬停效果和意外的动画，不再那么容易引起用户注意了。但难题却没有解决——如何创造令人愉快的用户体验，让用户面带笑容完成转化？如果你对常见的设计陷阱有所警觉，就能更少犯错。
为了方便——可能也为了让你知道你不是独自一人——以下总结了最常见的交互设计误区。
1、铺天盖地的创新
网页设计师都非常有创造力。我们希望通过作品来表达自我。我们总是在寻求创新的设计方法来脱颖而出。但是，当涉及到交互设计时，创新并不总是好事。甚至会给你的网站带来坏的影响。用户渴望熟悉的事物，他们总是会遵循一些特定的操作方式。
Randy
J. Hunt，Etsy的创意总监和Proct Design for the
Web作者，清晰地陈述过：“嘿，设计师：别再TM自作聪明了。”在文章中，他详细解释了为什么别在网页设计上过分热衷创新。
以Iotorama网站为例。它挺漂亮，音乐深情，但是看着满屏幕移动的球，用户不知所措。不要误解我的意思，这个项目非常出色，超级有创造力！我喜欢这个大胆的创意，但它一点也不直观。

还有一个例子。Safety on the
Slopes项目背后的创作者想到一个巧妙的交互式图形，用来警告用户冬季运动的危险。非常创新，同时也很直观、有趣、令人印象深刻。

2、令人困惑的导航
“不要自作聪明”的准则也可以沿用到导航上。有些设计师试图使用折衷的名称来寻求新颖。比如Chijoff
网站就让用户不知道他们究竟提供什么，如何聘请他们。需要看上好一阵子，才能理解“共同创造”页面实际上就等同于“服务”。甚至还有，通读整页后用户仍然
不知道该怎么做……页面末尾只有个小注册表单用来获取最新的行业新闻和提示！在“联系”页面也没有表单，只有邮编和邮箱地址。使人们联络或聘用他们非常困
难。

你能猜出“Universe”在Maison
Margiela网站中是什么意思吗？实际上它链接到他们的Facebook主页。谁能想到？

相反，看看legworkstudio的网站。它的创意与超凡令人震撼。导航非常清晰不含糊。用户绝对不会迷路。
3.
杂乱无章
有一段时期，网站都试图把一切可能的东西摆上台面。那些日子已经一去不复返，但是很多网站仍然在犯这个错误。看看这个在线商城：

设计师试图坚持一种单色配色，但是大量颜色不同的色块、logo和字体，在这个页面上就足够让用户步履蹒跚。搜索框有着醒目的文案：“那么，今天你想要什么？”，但整个布局的外观和感觉非常过时。
EBay是主要在在线零售商之一，在这点上做得不错。没有用产品图片、促销和各种行动召唤塞满整个页面，而是保持它干净简洁，强调他们确实希望用户首先关注的东西，并附上清晰的提示，接下来该怎么做。

4.
注意对比，大哥！
对比是创造视觉层级、吸引用户注意特定元素的最重要的方式之一。在网页设计中，对比不仅仅意味着颜色使用，也包括尺寸、形状和位置。
这个网站是最简单生动的例子。他们做到了统一一致，但整体背景和按钮并不够吸引人，尤其是在订购按钮上。

相比来看这个。颜色选用很接近，但结果却完全不同。而且，创新的滚动效果，流畅地介绍了产品的新功能——反光材料。很酷，对吧？

5.
忽视表单样式
表单设计是用户体验最基本的部分。每个网站都有一个目标——无论是树立榜样、直接售卖产品或是提供信息。不幸的是，许多网站有着光鲜的首页，却宁可用长表单和复杂的验证码来使用户厌烦致死。除非用户有强烈的先导动机，否则他们就会离开。
有了JCF这样的有效的跨浏览器的解决方案，是时候忘记那些丑陋的默认表单元素了，转向一种更加沉浸的用户体验吧。

另一件气人的事，是表单要求太多信息，或者没通过完善测试。例如sketchybusiness.io的表单高亮显示了所有的空白框，甚至包括非必填项。

如果你看了sketchybusiness.io的表单，你绝对会喜欢它的鼠标悬停和按钮按下状态。而且，“别害羞”的提示文案增加了一丝亲切幽默的感觉。

最后……
不要懒于测试！对你重要的对于顾客未必重要。他们在哪里遇到问题卡住？是导航、奇特的视觉差滚动效果、还是长时间加载的视频？用户测试的最大好处之一，是你可以通过用户的视角来观察，关注他们的需求、做出改进。不要抑制你的创造力。要牢记网站访客可能会感到困惑和沮丧。
你见过最糟的交互设计错误是什么？可以在评论中分享你的想法和故事。

9、网页设计技巧:在交互设计中如何更好的展示营销产品

交互设计是近几年流行的一个词语。现在市场上有许多资料来介绍什么是交互设计，如何做交互设计等。从场景，任务，用户，操作等分析。但由于受实际情况的限制，往往不能很深入。所以笔者结合实际工作体验与大家分享下，具体做设计时候是怎么考虑的。如果要说什么是一个好的交互设计，个人浅见就是简单。本文以下内容都是围绕简单2字进行展开。 推荐课程：上海平面广告设计培训课程 , 上海it/" target="_blank" class="infotextkey">网页设计师培训课程 ,上海it/" target="_blank" class="infotextkey">室内设计培训课程
简单在本文中包括认知和操作两个部分： 1. 认知主要是指人的思维过程，本文中主要说明用户是如何做决定的; 2. 操作在本文中说明用户的浏览和点击行为。 先来说下认知，我们时常能够看到“装修前大清仓，最后3天”。这些促销用语，是商家用数字来制造稀缺，引起用户的注意，我们就来说说：数字是如何引导用户的。 制造稀缺和迫切的氛围 要让人们渴望做一件事，只需要使做这件事的机会难以获得。 1. 时间(通常用倒计时的方式呈现，给用户造成一种，“此时不买，只有后悔”的暗示，或者 推荐给好友，附带一句“赶快买，马上要结束了”) 2. 数量(限量200件，仅剩20件) 小结 1. 把原价，现价标出来，再去掉原价。因为只有一个价格用户不知道有多便宜; 2. 给出原价，产生对比，帮助用户决策。至于现价是不是真的，很多用户不会考虑。 制造社会认同,刺激用户跟风 社会认同是指一种群体影响力，简单说来，就是个人在群体中的从众心理，人们倾向于认为他人比自己更加了解所处的情况，他人的行为也总是合理和正确的。因此个人会做出和他人一样的行为，来获得群体的认同，这种效应就是“社会认同”。 数字提醒，让用户非点不可 相信很多人都有立刻去点掉数字的冲动。这里的数字提醒，笔者以为与前面的略有不同。 1. 起到最基本的提示引导作用; 2. 这里的操作会让用户上瘾，从而培养用户习惯，增加用户粘性; 3. 对于平台级的产品，是互相拉动，形成一站式体验。 小结： 1. 数字不能弄虚作假，特别是电子商务网站，对于一些价格，时间、数量的数字要真实准确; 2. 要在显眼的位置把这些数字显示出来，让用户有一个直观的判断和快捷的操作; 3. 对于“微”提醒，界面上要设计的显眼，又不能打扰到用户。 接下来就让我们说说操作的简单： 这里笔者先抛出一个常见的场景： 1. 按钮放这么远，用户会看不到; 2. 按钮能不能大点，生动点，要有点击欲。 这是日常工作中经常碰到的事，在这里我们能不能去提炼下呢? 1. 邀请用户操作(评论，购买，注册)—功能需求; 2. 要大，要近，要明显—设计需求。 先来看一个事例： 这是来自Digg的截图，Digg是一个社会化推荐的新闻站点，推荐是站点运营的核心，所以按钮要大，要明显，按钮更不能隐藏，这好像是废话。但需要引出本文一个概念—实时可见工具,该工具就是将用户操作入口明确化，表现形式上是各种按钮，文字链，图标等。接下来我们简单分析下它是否足够简单： 1. 从认知角度来看，在这里主要是视觉部分。通过文字的颜色和大小，明度和间距的变化起到层次感，主次突出，方便阅读。 2. 从操作层面上来说其实就是点击，已近是最简单的了。所以需要通过按钮的3态(默认，悬浮，点击)变化，动画效果(从Digg变到Dugg)等细节来提升产品的体验和口碑。 下面我们看看一些主流的SNS的feed设计是如何的? 这是一个照片编辑的事例，一般我们将显示和编辑分离，通过操作入口进入编辑页面，保存后反馈。随着技术的进步，以前需要的页面跳转现在也可以局部刷新解决了。 接下来我们看一个例子： 好处：即时编辑不用跳转，操作更方便，意味有更多元数据，从而产生更好的搜索和浏览体验 。 悬停即现工具-易发现性 悬停即现-需要考虑易发现性，因为你把它隐藏了。 所以对于交互提示需要设计的很明显，这里，移动到头像上有浮雕效果，然后是下拉箭头用蓝色高亮显示，点击后三角形的箭头方向变换。所有都是细节的变化，有时候我会想到是否做的太过了会。最近工作中也和同事讨论，我们做产品做设计，有个假设：就是面对的海量用户，他们的互联网经验很少，不明白哪里可以点击，这个功能是什么意思。所以作为设计师需要做好引导，操作上把反馈做足够，鼓励用户去尝试和探索。