设计网页的常见问题
不断增加的网页功能会导致需求和交付之间的延迟，这会让设计逐渐变得臃肿，将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪，导致用户难以阅读及导航。下面介绍设计网页的常见问题，希望对您有帮助。
一、乏味无趣的加载页面
随着技术的进步，时间对于人们来说越来越宝贵，为了一个20M的网页在浏览器前静静坐上1分钟等待加载，那大多数用户都会有关掉它的冲动，因为我们会在这个过程中无数次怀疑这个页面是不是卡住了。如今的网站加载需要的是速度和效率，这符合当前的真实用户需求。给用户提供即时的位置、时间和响应对一个优秀的产品来说很重要。
解决办法：
如果你的网站在加载速度上有问题，首先应该加载页面中较轻的元素，以及整个框架，然后使用加载器将较大和较重的元素逐步填充进去。这样一来，用户就不会觉得页面卡在那儿，而是在逐步加载了。
缓冲应该尽量避免，如果它必须存在，那就应该有趣一点。加载页面可以是一个加载进度条，一个为浪费用户等待时间的道歉或者是配有文案的简单动画。
二、设计臃肿，内容杂乱
不断增加的功能会导致需求和交付之间的延迟，这会让设计逐渐变得臃肿。将各类新闻、链接以及图片塞进同一页面只会使其显得杂乱不堪，导致用户难以阅读及导航。
解决办法：坚持增加必要且有价值的功能，尽量避免内容混乱多余。
三、对移动设备不够友好
智能手机已经成为人们在互联网上获取内容的最佳途径。大家的多数出站流量很可能都指向智能手机或者平板电脑。如果各网页没有针对移动设备进行优化，那么可能会面对难以进行正常访问等问题。
解决办法：让你的网页代码适应各种手机、平板等不同分辨率大小
四、无限滚动
无限滚动的出现，终于解决了移动端上查看繁复的分类页的问题。不过与此同时，无限滚动的设计，还为我们创造了不少从未遇到的新问题。举个例子，当你要访问一个重要的页面，而它正好在长滚动页面的底部，撇开加载页面的时间和流量不谈，滚到底部去找就已经是一个很头疼的事情了。
解决办法：就像超大的导航菜单一样，想要让它发挥作用一样有合理的解决方案。将传统的移动端页面和无限滚动两种模式结合起来使用，让用户自己来选择更适合自己的模式，这有助于提升页面的可访问性。
设计网页布局的原则
第一条 尽量使用单列而不是多列布局
单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。
第二条 合并重复的功能而使界面简洁
在整个网站开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块，它无用且降低了电脑性能。此外，界面上模块越多，用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。
第三条 将不同区域的颜色区分出来
颜色，层次及模块间的对比这些视觉上的设计可以很好地帮助用户浏览你的网站：他时刻知道当前所处的页面以及可以转到哪些页面。要传达这样一个好的界面，你就需要将可点击的元素(比如连接，按钮)，可选择的元素(比如单选多选框)以及普通的文字明显区分开来。在下图的例子中，我将点击操作的元素设置为蓝色，选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。
第四条 界面要有鲜明对比,让人容易区分
把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影渐变等效果让界面富有层次感来张显主题。最后，你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面，以达到突出重心的目的。综合所有这些，最后得到的界面会使你的主要意图与界面其他元素有明显的区分，得到完美的呈现。
第五条 把界面做得环环相扣要好过直白的排版
一个平淡无奇行文无疑会让用户失去兴趣而继续阅读。是的，单列滚动的长页面是不错的，但是我们应该适当地设置一些小节，并且环环相扣，来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。
第六条 让界面平滑显示而不要死板地呈现
用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。
第七条 过多边框会让界面四分五裂
过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。
第八条 界面设计得一致
界面设计中尽量保持一致性成了一个普遍遵循的准则。可以在很多方面下功夫来实现一个一致的界面，包括颜色，方向，元素的表现形式，位置，大小，形状等。不过在让界面变得一致之前，记住一点，适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对，我们应遵从一致的设计准则，但适当地打破这种常规。
第九条 具有层次的图形化展示优于直白的文字描述
具有层次的设计可以将界面上重要的部分与不次要部分区分开来。要让界面层次分明，可以在这些方面做文章：对齐方式，间距，颜色，缩进，字体大小，元素尺寸等。当所有这些调整运用得适当时，可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计，这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。就好比一次旅行，你可以乘坐高铁快速到达景区(从页面顶部瞟到底部)，但你也可以慢行以欣赏沿途风光。所以层次分明的设计让眼睛有可以停留的地方，而不是对着空白单调的一个屏幕。
第十条 优化页面加载速度，不要让用户等太久
速度很重要。页面加载速度和UI对操作的响应速度都直接关系到用户是否有耐心继续等下去。无疑地每多一秒种的等待都会失去一些用户或者项目机会。一个好的解决之道当然就是优化你的页面和图片。除此之外还可以运用心理学让这个等待时间显得不那么长。具体来说有两种技巧。一是显示进度条，二是展示其他相关或有趣的东西来吸引用户的注意力(就好比你沿着传送带走走总比傻站在原地盯着一个位置看要好得多吧)。
公司的网站设计上存在的一些问题
看到有些公司网站，在设计上没有把公司的形象完全突显出来，在网站的设计上主要有两个方面出现了问题，其他的就是细节上没有把握好。我们先看一下，公司网站是给谁看的?当然，公司网站主要是给客户来看的，客户包括潜在客户和老客户。其次，公司网站是给公司内部员工来看的，员工可能会在网站上查看一些公司最近的动态和产品更新，从这里看出，公司网站是给客户和公司员工来看的，网站设计和定位也要从这两方面出发。
通常在网站设计上出现的主要问题是：网站设计太绚丽，广告太多，有些访客由于比较急躁且没有耐性，浏览了一会就很快关掉了网站，还有些访客由于心理上有一定的要求和期待，觉得公司网站就能代表公司的形象，当一打开公司网站感觉很乱，广告太多，甚至过分地使用了H5动画效果，访客觉的有些失望，像这样的网站，访客一旦打开浏览了一会就没心情往下看了，总觉得网站设计很差，觉得公司没有实力。总结，在网站设计上，一定要考虑到不要使用太多的效果，而且适当的使用广告，如果这样设计出来的网站，访客就不会很快关掉，会继续多浏览一会，直到ta找到想要的信息。
另一种是网站太过于单调，有些网站版面设计类似一些店铺网站，当访客打开这样的网站，感觉不出来公司的实力在哪里，甚至有些访客觉得这样的店铺网站，就像网上的一些行业网站或招聘网站收录进去的网页，不像真正的公司官网。像这样的网站，本来是有意向的客户，结果浏览了一会后觉得不怎么样就关掉了，转到同行网站哪里去了。从客观上来讲，像店铺类的网站，公司的形象和实力完全被埋没了，如果有类似店铺的公司网站，建议重新做一个，只有把公司的形象和整体实力通过新的网站宣传出来，这样才有更多的访客浏览你们的网站。如果要准备做网站，建议先进行策划版面与架构，再进行设计。
有些公司的网站，浏览了一下，就会发现有一些细节上的问题，如字体使用的不恰当，包括字体的颜色，字体的样式，字体每行之间的间距，从视觉上看，感觉就很山寨不专业。在网站字体的使用上，一般网站调用的字体样式是微软雅黑和宋体格式，字体的颜色要与整个版面相一致，尽量网页上少用多种字体颜色，在二级菜单分类上一定要注意行间距，正文部分也要注意行间距和字体大小。网页上的每个容器之间也要注意之间的间距，不要让相隔容器之间离的很近，也不要离的很远。细节决定着网站的效果，只有把细节处理到位，公司网站才看起来更专业。
如何理解网页设计商业化倾向
网站是由诸多的网页构成，网站存在的价值是被客户访问，客户的浏览率是网站广告收费的重要依据，也是评估网站价值的重要依据之一。网页是构成互联网的基本元素，是引导客户进入网络的大门。网页作为信息传达的载体，具有提高消费者对企业或商家新产品的了解，增强企业或商家的知名度，树立企业或商家形象，提高企业或商家信誉，促进销售等方面的功能。那么，如何使客户浏览后记住这个网站?企业或商家如何使自己的网站与众不同?这是设计师要认真思考的问题。
一、利用图像美化网页，提高点击率
网页设计中内容应当是第一位的，但是从商业的角度考虑，页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外，还要把页面设计的趣味盎然，引人入胜，从众多的页面中脱颖而出，以吸引读者的眼球，从而增加页面的点击率。
网页是由文字、图像等元素构成的，各种设计手段与编排手法的运用，就是要让读者产生一种心理暗示，引导读者对目标网站产生兴趣和阅读欲望。
文字是网页中必不可少的设计元素，也是网页中主要信息描述的要素，所以网页中文字占据了很大的面积。但是页面上文字太多，就会显得沉闷，缺乏生气。图像是构成网页设计要素之一，它具有强烈的视觉效果，能使页面显得活泼生动，美观大方，图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明，给读者直观的表现。能给网页锦上添花，并能潜移默化地给读者思想情感上的启迪与感染，也能表达设计师个人的设计风格。
一个优秀的页面设计必定是形式与内容的完美结合。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲究形式美感，过于强调独特的设计风格而脱离内容，或者只求内容而缺乏艺术的表现，页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性，不要为了炫耀而刻意装饰，了解企业或商家的经营策略，具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素，直接关系到网页的视觉传达。图像要与内容特性相吻合，不能相脱离，更不能相互冲突。
二、吸引读者注意力，提高网站知名度
互联网凭借其信息量大、覆盖面广、方便快捷、互动性强等特点，逐渐成为人们学习、生活、工作中获取信息的重要媒体。从中国互联网信息中心的调查数据看，我们50%的上网用户目的是获取信息，居各种上网目的的第一位，正是由于人们对信息量的需求，导致了人们对这一新兴媒体的依赖。
在Internet上信息的传播是靠客户的浏览，如果没有访问者，信息将无用武之地。网站需要丰富自己的网上传播内容及传播表达手段，以吸引更多的读者访问自己的网站，激活自己的主页和信息页。激活率越高，就意味着它对网民的吸引力越大，从而吸引更多的小企业、个体经营者租用自己的网站设置网页，获得更多的收入。目前网络媒介一般者是免费向读者提供信息的，它从内容传播本身并不能取得收入。但它还是坚持不懈地更新网上新闻、娱乐方面的内容，其用意无非是持之以恒、锲而不舍地在网上建立自己网站的声望，加强知名度、印象度，为开展广告经营，取得广告收入的回报创造条件，打下基础。因而对于一个网站来说，如何让读者更多更好地接受信息是提高网站知名度的关键。
三、传递商品信息，诱发购买欲
从信息接受者的角度考虑，视觉是人们获取信息的主要渠道。一个人在接受外界信息时，经由视觉接受的信息占全部信息的83%，11%的信息来自于听觉，3.5%的信息来自于嗅觉，1.5%的信息来自于触觉，1%的信息来自于味觉。对于网络广告信息来说，视觉形象的表现力比语言的表现力更强，能达到更好的效果。因而，在某种程度上来看，与其用语言向读者灌输信息，不如让读者去看，让形象去说服读者。
图像是文字的具象化，图像能极大地提升文字的魅力、张力和感性，一幅好的图像，能将设计师抽象的思考予以“具体化”的表达，把某些无法用文字表现出来的视觉特征，通过图像形象地表现出来，它应该是一种文字意念的“再创造”。
网页中广告的图像通常是通过画面的视觉形象对浏览者的视觉产生刺激，增强人们对广告信息——商品或者劳务等的印象，在人们毫无反感的心理状态下，不知不觉地接受了广告所传播的信息。网络广告从图像入手，让图像说话，用形象传递信息，以强烈的视觉冲击力打动观众的心，激发观众的联想和刺激观众的想象，让观众在审美的过程中接纳商品信息。网络广告中图像是商品信息的载体，它的最主要的功能就是将产品或者企业的商业活动所承载的信息、概念转化为视觉语言，进行形象、艺术的描绘，以此来感染大众的情绪，影响他们的心理，完成商业运作及广告宣传，让大众最终实施消费行为。
网页设计推动了网络经济的发展，促进了商品的流通。我们的设计师应该在追求商业性的同时还应该注意它的艺术性，艺术性越强，感染力会更高，艺术性是影响商业性的一个不可忽视的方面。
