网页设计误区

1、网站建设的策划应该避开的误区有哪些？

网站的策划应该避免下面几个的误区。
1、缺乏客观理性分析：在网站策划中，很多企业老板都希望将网站建设成自己喜欢的模样。但要知道的是，网站是为了吸引目标客户进行浏览的，宣传企业品牌，传播企业文化。那么，网站建设就应该围绕目标客户的需求进行，在网站策划时应该理性客观地分析客户的需求。
2、过于堆砌技术：一个网站是否成功，不仅是需要网站有着技术支持，还包括人为因素，比如管理、服务等。技术只是网站建设中的一环，它更像一种工具，而浏览者关注的不是你用了什么工具，而是网站呈现的内容。
3、缺少调研基础：很多番禺中小企业只将企业的文字图片资料搜集好交给网站建设公司去制作，并且要求在几天之内将网站建设好，这种心态下建成的网站质量自然不会高。
4、网站内容质量低：如果网站的内容质量没有保障，排版混乱，会导致用户黏性低。一个好的网站整体的布局应该有条理性，访问者很容易就可以找到自己需要的内容。网站的内容要具有原创性、可读性，内容是给用户看的
5、忽视移动端网站的重要性：移动端的重要性不容忽视。如果移动网页没有优化，加载速度慢，从移动端访问的用户会迫不及待的关掉网页。
上述内容是网站策划当中常见的几个误区，总而言之，网站策划包括了解客户需求，客户评估、网站功能设计、网站结构规划、页面设计、内容编辑，撰写“网站功能需求分析报告”，提供网站系统硬件、软件配置方案，整理相关技术资料和文字资料等。

2、什么是网站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的表单，你绝对会喜欢它的鼠标悬停和按钮按下状态。而且，“别害羞”的提示文案增加了一丝亲切幽默的感觉。

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

3、网页设计要注意的几个要点，几点网页设计时注

一、精简代码

为了更有利于网站优化，要符合web2.0标准，尽量使用DIV+CSS设计网页，合理布局标签要尽量减少div层，使用描述标签，精练的描述网页，将网站重点内容与经常更新的内容代码尽量靠近的位置，还要注意页面不要超过125K。

二、网站导航重点设计

网站的导航是网站优化很重要的武器，网站的导航全站通用，要尽量用文字导航，千万不要用图片和flash等，若非得要用图片请一定加上alt属性。Flash则尽量避免，Flash的效果是很好的，但加载很慢，搜索引擎也无法读取Flash文件，不利于之后网站优化。

三、少用脚本和外部调用

网站的JavaScript和CSS等文件一律外部调用，不要把代码写在网页中，并且尽量减少脚本文件个数，这样不仅仅有利于网页加载速度也有利于搜索引擎蜘蛛的抓取，之后网站优化才会更给力。

四、避免页面重复

每个页面包换标题、描述和关键字等都应该不一样，需要注意的是很多设计师会做一个通用的模板，而用的时候又忘记修改。标题一定要是具有独特性的

五、图片与文字链接加上属性

记得要给所有图片加上alt属性，还要符合W3C标准，搜索引擎会读取alt属性，图片的alt属性还可以帮助用户浏览。给文字链接加上TITLE属性，8U网络推广提醒大家要尽量减少用图片代替文字

六、网页布局结构

面包屑型导航，树状扁平化结构。为了更有利于网站优化，有利于百度收录，要降低页面的层次，首页点击不出三次可以到达网站任何一个页面，任何页面都可以很快的回到想要的页面。文章内容部分先于其他部分显示，设置上一篇、下一篇文章，根据文章的关键词设置相关文章，如果文章内容多分几页显示，需要保持每页的网页标题、文章内容均不同，避免出现复制内容问题。

4、企业对网站建设的误区有哪些

1、网站设计的明确
确定需要建设网站，那么首先就需要确定企业的网站页面设计风格，品牌形象的logo设计，整个网站的构架搭配，页面设计，版面设计，甚至包括哪些地方本使用动态效果，哪些地方搭配文字信息，这些都需要纳入到整体网站品牌形象设计。尤其是logo设计，这个logo代表的就是企业品牌与商标，是长久有效的。

2、网站的架构布局
对于大众用户来说，进入网站后给他的第一眼就是网站布局设计。不同类型的网站设计风格也不一样，在建站前期需要做一个合理的页面布局规划，想好需要实现的功能，想要的板式类型和主要的面对用户群，但是不管怎么设计，网站的作用都是为了能直接吸引用户，让用户能更快的了解企业产品及技术。这时候我们要准备好素材，包括网站中需要的内容，文字，图片，产品等信息。
网站的主题元素在建站的时候不可以过度分散，企业网站主题元素越集中，一般状况下企业网站所有者在这块投入的精力会越多，因而所提供数据的质量也会越高，那么网站在打开加载的速度上就会大大折扣变的很慢。

3、网站按钮布局
网站的导航栏布局的不好，将导航栏布局在了不起眼的地方或者是错误的位置，当用户来到公司网站，想要了解网站更多内容的时候，却找到不到其他页面的按钮，那这个问题就相当的严重了，不仅会让用户对网站失去兴趣，也会让搜索引擎对你的网站失去兴趣。
导航栏的设计要依据逻辑思维和建站常识，让用户尽可能少的点击，就能到达任何想要到达的页面，这才是理想的导航设计。一般从首页到内容页，从内容页到首页，不要超过三次点击，这样的页面布局设计就成功了。

4、网站页面特效
格子网络网站建设， 有许多的企业网站会为页面添加了特效。这些效果一般通过Javascript实现，视觉上非常新颖，但在网站优化的眼里则没那么诱人，相反搜索引擎不能解读这种程序。如果想让搜索引擎顺畅抓取到网站页面内容，建议还是不要使用Javascript实现的动态画面。

5、网页设计的设计误区

一、不重视域名和空间
不少企业在进行网页设计时的时候，不注重域名和空间的稳定性，随便找个域名和空间来注册。一个空间可以存放很多网站，一旦其中一个网站被降权或被K那将影响到其他的网站，选择好的、有保障的供应商非常重要。
二、注重外观不注重实用
很多企业在进行网页设计时，网站注重网站外观是否漂亮，有的网页为追求漂亮，用了大量的flash，实际上flash不利于网络蜘蛛的抓取，不利于企业开展网络营销，建议企业在进行网页设计时的时候，不仅要重视它的外观是否漂亮，还要注意网页是否迎合搜索引擎的喜好。
三、网站维护的缺乏
很多企业把网页建好以后就不管不问了，有的网页成年累月没有更新内容，这样网络就无法收录对于企业来说，必须找一些专业人士进行网页内容更新。

6、高端网站建设需要避免哪些误区

网站的策划应该避免下面几个的误区。
1、缺乏客观理性分析：在网站策划中，很多企业老板都希望将网站建设成自己喜欢的模样。但要知道的是，网站是为了吸引目标客户进行浏览的，宣传企业品牌，传播企业文化。那么，网站建设就应该围绕目标客户的需求进行，在网站策划时应该理性客观地分析客户的需求。
2、过于堆砌技术：一个网站是否成功，不仅是需要网站有着技术支持，还包括人为因素，比如管理、服务等。技术只是网站建设中的一环，它更像一种工具，而浏览者关注的不是你用了什么工具，而是网站呈现的内容。
3、缺少调研基础：很多番禺中小企业只将企业的文字图片资料搜集好交给网站建设公司去制作，并且要求在几天之内将网站建设好，这种心态下建成的网站质量自然不会高。
4、网站内容质量低：如果网站的内容质量没有保障，排版混乱，会导致用户黏性低。一个好的网站整体的布局应该有条理性，访问者很容易就可以找到自己需要的内容。网站的内容要具有原创性、可读性，内容是给用户看的
5、忽视移动端网站的重要性：移动端的重要性不容忽视。如果移动网页没有优化，加载速度慢，从移动端访问的用户会迫不及待的关掉网页。
上述内容是网站策划当中常见的几个误区，总而言之，网站策划包括了解客户需求，客户评估、网站功能设计、网站结构规划、页面设计、内容编辑，撰写“网站功能需求分析报告”，提供网站系统硬件、软件配置方案，整理相关技术资料和文字资料等。

7、Web前端开发的六大误区

随着互联网+提出以及移动互联网技术的快速发展，web前端开发越来越重要，在这两年迅速走红，越来越多的开发者加入前端开发队伍。不过目前大学中还没有对前端系统的课程体系，再加上web前端技术的更新迭代，大家对它的认识也各不相同。下面小编给大家介绍web前端开发易出现的六个误区。
误区一：网页不全面考虑
大部分前端呈现使用DOM,但DOM用得多了会有性能问题。现在很流行列表页页底上拉加载更多，但很少有前端关注加载的极端问题，如果一个页面我下拉了很多次，加载了几千个DOM，会发生什么问题?答案是轻则页面响应缓慢，重则浏览器闪退。
另外举个例子：LocalStorage使用起来确实方便，很多企业的前端重度依赖它，甚至知名的前端开发框架也依赖它。但它有个缺点——有容量限制(2.6M-10M)，我们得考虑极端情况，当LocalStorage空间快满时，怎么处理。或在架构上避免这种极端情况的发生。
误区二：前端只是JS
有些人会认为，前端开发只有js，其实非也，不是所有的效果只有js能够解决问题，还需要掌握很多知识，比如：浏览器原理，html5,css3等。比如说做一个触摸屏上的转盘，看似一个简单的效果，但是代表了前端知识的综合应用。你没有触摸屏开发经验，不知道CSS3或canvas，不了解网页优化，是做不出来的。前端是综合技术的应用，只会JS是解决不了问题的。
误区三：前端不需要了解后端知识
随着行业在发展着，前端的功能越来越强大。离线数据库能提供数据存储和管理的功能，但不会写SQL语句显然已经行不通。WebSocket能提供即时通信，但不了解socket和WebSocket的区别，能和后端开发(很多后端开发只会socket技术)一起搭建吗? 加快页面展示速度不只是要从前端分析，后端也要考虑到，使用keep alive、 缓存等后端技术能使页面更快地打开。
对于想要深造或者是从事web前端开发工作的人，如果自学能力强，可以依靠自身来学，不过也可以到培训学校学习，源码时代是一家专业培养web前端、java、PHP、UI设计高级人才的IT教育培训机构。欢迎大家的加入与咨询了解。
误区四：利用现有的，不学新东西
有60%的人没有h5和CSS3的实际工作经验，甚至只听过一些名词，没有研究过。这种状况的原因可能和工作内容有关，目前国内的一些移动端网页还是比较中规中矩的，产品经理对前端实现很少有非常规的要求。一些前端开发者的任务是把后端的数据给呈现出来即可，这些确实CSS2也能实现。但这些也不是不学不用新技术的理由，啃老本总有一天被淘汰。
误区五：不使用/不推动 新技术
我们已经有新的技术了，不要把它们浪费了，是时候对以前的网页和以前的操作方式进行变革了。试问一下自己，网页用了CSS3动画吗?网页支持多点触摸操作吗?距离感应器，动作感应器，你用了没有?并不是说为了用而用这些新技术，而是更应该将技术不断提升，将新技术运用到工作中。
误区六：页面给用户看，用户能用就好
Web App一直在觊觎Native App的位置，有的Web App和Native App 根本看不出差别。Web App大红大紫，各种前端MVC框架也风声水起，但它们都有个问题，几乎没法做SEO，因为搜索引擎无视JS。流量是企业的立命之本，SEO做得好能引来大量的流量，所以前端还是得考虑SEO问题。

8、一个成功的网页设计要注意什么

我们在网站设计时，往往追求网页给人感觉漂亮，大方。从运营角度看，需要追求用户体验度好。那么网页设计时，需要注意哪些要点呢？网页设计的两大要点是：整体风格和色彩搭配。
一、确定网站的整体风格
将你的标志logo，尽可能的放在每个页面上最突出的位置。突出你的标准色彩。总结一句能反映贵站精髓的宣传标语！相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！
二、网页色彩的搭配
用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。用两种色彩。先选定一种色彩，然后选择它的对比色。用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：不要将所有颜色都用到，尽量控制在三至五种色彩以内。背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
三、网页设计的工具
dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Frontpage 跟dreamweaver一样，不过个人感觉还是dreamweaver好。FLASH 网页需要画面流动时的首选择。PS图象处理软件，一般网页都需要。图片相搭配，PS是款很强大的工具。FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

9、网页设计有哪些细节需要注意

　　1、切勿随意添加栏目：作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。
2、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。
3、随意切图，不考虑页面动态扩展：这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。
4、图片好看，但是没有实在的意义：给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。
5、整站界面风格：在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

10、网页设计出现的误区

1、谁都可以做好网页设计
如果你问隔壁小明他能否给自己做一个网站，他可能会说网页设计他手到擒来之类的话，但是他真正做出来的东西，可能并不是那么一回事。
他用Dreamweaver在1个小时内做出来个网页Demo，千万不要被那唬住。真正的的网页设计是一门综合学科，集合了信息架构设计，用户界面设计，排版设计，色彩搭配，字体设计等多门学科，只有真正将这些方面都正确兼顾到了才能做好网页的设计。
2、填满页面所有的空间
千万别这么干!留白(或者负空间)有着非常重要的作用，它与网页上的其他的视觉元素相互依托，是构建一个优秀网页的重要组成部分。有留白，才能创造出网页的视觉焦点，让网页的设计感更强，更易于浏览和使用。想知道留白是如何使用的?看看Apple的官方网站就知道了。当然，留白并不一定非要是白色的。永远不要填满你网页所有的角落，适当的留白永远比这样设计好看。
3、所有的细节都必须醒目
对于网页排版有种误解，认为网页中所有的东西都要要大，要粗，要闪，要亮(亲爱的老板们，你们又躺枪了……)。是的，我们将内容放到网站中是希望它们能被注意到，能脱颖而出。可问题在于，如果所有的内容和元素都加粗了，闪耀了，那么什么内容都不会突出来的。突出是需要通过合理的布局、差异和负空间烘托出来的。使用不同的字体，主次内容相互依托，图文混排，优质的内容才会被眼睛捕捉到。
4、大Logo综合征
是的，这就是广大设计师津津乐道的大Logo综合征，这是病，该吃药。Logo的确是用户进入网站最容易注意到的元素，但是用户更应该注意的东西是你网站的内容!当用户开始注意网站内容之后，它们不再会去看你的Logo，当你强行放大Logo无异于强迫用户去关注他们不想看的东西。
5、上网搜个图来用用吧
你永远无法预知搜索引擎给你扒来的图片都是从哪儿来的。有的图片是有版权的，如果你不小心碰到有版权所有的图片，那么你将面对的是对方的索赔了(国外很严格，国内对这一块也越来越苛刻了)。
如果你是为公司干活儿的设计师，不妨在合适的时候请公司购买图片库或者资料库之类的，再不济也有大把的免费图片网站供你挑选。总而言之，小心控制好内容，别交无谓的学费。