容易忽视的网站设计误区 网站设计存在的问题

使用白色作为网站背景是最安全也是最常用的，虽然普通，但是效果却很好，不会引起用户的反感。下面介绍容易忽视的网站设计误区，希望可以帮到您。

模板不合理

现在很多网站建设公司都是如此，为了省钱省时间，会采用套模板的方式来解决企业建站问题。殊不知这样的做法会让很多企业网站失去发挥作用的机会。因为一旦套模板，即使表面看起来没有相似性，但是从后台程序中能够轻松的判断出都是一个模板，一个程序，这样的网站在优化排名中不会有太大的优势，自然就得不到好的推广效果。所以，提醒大家，建站之时，尽量不要选择套模板的方式，宁愿多花点钱选择独一无二的模板，也不要批量生产的模板，否则即使前期省钱了，后期也会投入更多。

外观默认

建过外文网站的站长都知道，在英文网站中，有很多都非常轻松简单，比如使用WordPress或者是bootstrap来建站，仅需要默认设置就能获得一个不错的模板。这样的模板糊弄一下不懂的外行还可以，对于内行人来说，显然是不行的，因为默认的模板不仅样式一样，字体、排版都会一样，自然就不利于宣传。所以，上海网站建设公司建议，不要使用外观默认的建站模式，即使是选择WordPress或者是bootstrap这样的程序，也最好做一些改变，这样可以提升网站的独特性和用户友好度。

使用深色背景

深色背景能给人极为震撼的效果，但是如果做的不好，会让你的网站看起来模糊，什么都看不清。对于这一点，建议除非是有功底或者是有经验的设计师，否则不要轻易尝试这种深色的背景，否则基本没法看。另外，使用白色作为网站背景是最安全也是最常用的，虽然普通，但是效果却很好，不会引起用户的反感。

文案设计不专业

有些小的网络公司没有专门的文案，就会随便设计一下，然后弄一弄就拉倒。这样的做法显然是不可取的，一方面，企业只有通过网站才能将内容呈现出来，而文案是让用户更好的了解企业内容的最佳方式，没有好的文案就意味着你发布的信息可能别人看不懂。

内容原创即可，无所谓可读性、专业性

这是之前一些建站人员的错误做法，很多人都觉得只要是原创文章就行，至于有没有专业性，可读性强不强，无所谓，反正搜索引擎也看不懂。对于这一点，千万不要这么做，现在无论是搜索引擎还是用户，对用户体验度都要求非常高。如果你的内容毫无专业性，甚至连可读性都保证不了，相信你的客户会流失更多。

忽略层次

我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的，毕竟网页内容也是遵循 80/20 法则的，20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。

网页中不同的内容是有轻重缓急的，而这种重要性不论是基于设计的需求还是用户的需求，都是能够进行判断和划分的。与此同时，用户在快速浏览内容的时候，重要的内容应当置于重要的、易于扫视查看的位置。在我们之前的《F式布局》的文章当中，对此有详细的陈述。

在确定了重要性优先级之后，层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体，而能够引导用户行为的CTA按钮、输入框等元素，则能在交互的层面上，强化内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。

忽视基础功能

网页的可用性始终是摆在易用性之前的。我想你也有过这样的经验：打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有相应的反馈;想找到网页背后所有者的联系方式，但是在About Us 的页面中一无所获。

这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用，正确的反馈，而这些基本的可用性问题，常常出现在搜索框、导航、页脚甚至业务逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了信息的完整性和功能的完整性，只有这样，用户才能信任网页本身。

不够简练的文案

网页中的文案是需要反复推敲的。

许多网页在使用文案的时候，不够简练，用户很容易在浏览过程中迷失。人集中注意力的时间始终是有限的，所以，尽量在交互和UI中使用明确、精准的描述性的语言，直接地指引用户，清晰地阐明交互的结果。

清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。

低分辨率

清晰度不足的图片绝对是设计的硬伤。现如今的高清的屏幕无处不在，低分辨率的图片在如今的屏幕上无所遁形。

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当你需要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。

当然，最重要的一点在于，使用低分辨率的图片，还不如干脆不使用。

不合理的排版

排版设计出问题，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会因为间隙过大而显得松散，但是更常见的问题其实是排布布局过于紧密，缺乏呼吸感，这可能会让设计看起来混乱，可读性低下。

一般而言，对于大段的文本内容，行间距最好是文字高度的120%到150%。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提高一些，这样 才能确保舒适的阅读体验。

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版，视觉上才会令人舒适。间距太大太小都不合适。

另一方面，整个页面排版的行间距的比例要保持一致，这样能让视觉上更加统一，也能够强化同类、相关元素的关联性，增加可读性。

所有元素尺寸一样

所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，这样的“一致”看起来不错，但是实际上会显得更加无聊。

网页中的许多元素可以一致，但是不能完全一样，这是两个概念。基于不同的需求，不同的位置的按钮尺寸是不能完全一样的，但是它们可以沿用相同的样式，并且设计几个相对固定的尺寸比例，这样也可以更好的控制整个视觉和体验。

其实这当中，图片在网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样，其中的图片如果要应用到不同整个布局其他的位置的时候，直接按比例缩小，其中的元素视觉重量会直接降低，信息传达的有效性也随之降低。最理想的状况，是根据整个网页框架布局的需求，基于原图有针对性地进行切图。

太多机巧

过多的插画，繁复的特效，太多的设计趋势，当常见的设计技巧和效果在网页上堆积起来的时候，会很容易稀释网页中真正重要内容。不同寻常的色彩，奇特的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。

它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

当你想要使用特定的设计元素、采用流行的设计趋势或技巧的时候，选择一个思路，尽量主次分明。很多时候，一个设计趋势，比三个趋势叠起来更有用。

如果你的设计当中出现了这些问题，请不要担心。它们的解决方案并不复杂，通常也不需要经过复杂的重设计来完善，只需要进行适当的调整即可。

体现风格，突出主题一个网站的特点与风格要得到展示，除了要使页面内容与形式之间有机结合，还要使不同色彩有机结合。每一种颜色都有它所特有的个性，设计人员可以借助色彩心理学表达色彩的情感效果，以便更好地突出主题。

一、网页设计中的色彩应用

网页区域划分应有统一的风格网站内容丰富，信息量大，设计师要对网页界面进行视觉区域划分。网页信息的分类布局，可以使用不同的色彩划分内容主次，规划视觉流程，统一网页的整体风格，给浏览者以完整的、易读的、富有导向性的视觉印象。

引起人们的关注，加深印象网页设计或优雅含蓄，或动感强烈，或时尚新颖，或简单抢眼，能吸引观众的注意，是设计人员充分利用色彩的魅力来优化页面的成果，这种页面的色彩设计极大地提高了网页的艺术性，是提高访问率和网站知名度的关键。

二、网页设计中色彩搭配的原则

平面设计和网页设计最重要是色彩的搭配。当人们离屏幕较远时，第一眼看到的是页面颜色，而不是具体的图片与文字排版。因此，设计者在网页设计中除了要考虑突出网页内容的理性要求，也要遵循感性的艺术规律，从而设计出性格独特的网页。

1.特色鲜明一个网页必须有自己独特的色彩风格，以使看起来个性鲜明，给观众留下深刻的印象。

2.合理搭配一种色彩的应用：将选择的颜色调整透明度或饱和度，产生新的颜色。这种色彩的运用使页面看起来更统一，主次更分明。两种色彩的应用：在选择一种色彩后，然后选择其对比色。一个色系的应用：将一个感觉的色彩放在一起使用，如浅蓝、浅黄、浅绿，或者土黄、土灰、土蓝，等等。

3.艺术性网页设计含有艺术的成分，是一种艺术活动，有其艺术规律需要遵循，而网页设计师在考虑内容的同时，也要根据艺术的形式、特点、原则进行大胆的艺术创新，在符合网站要求的同时让网页各有特点。

三、色彩搭配要注意的问题

第一，在网页设计时，设计师一般会避免使用单一的颜色，以防使人产生单调的感觉。如果仅使用一种颜色且希望产生丰富的变化，可以通过调整它的饱和度和透明度达到整个网页色彩的分层。

第二，黑色是一个特定的颜色，在设计中使用得恰当、合理，同样会产生非常强烈的视觉效果。黑色通常作为背景色，与不同纯度的颜色搭配使用。

第三，将多种色彩用于一个网页往往使页面很“花”，使网页缺乏整体感和内在美。实践证明，网页设计中用色并不是越多越显得丰富、有个性，一般在三种颜色内通过调整其各种属性来产生丰富的色彩变化。

第四，素淡雅致的色彩常用于背景，不要将复杂的图案作为背景，尽可能与前文拉开对比，以更好地突出要表达的内容。

在网页设计中，色彩以非常独特而重要的形式存在，需要网页设计师引起重视。网页设计的灵魂是色彩设计，只有合理、科学地使用色彩，将感性与理性结合、美学规律和技术结合，才能设计出富有吸引力的、鲜活的、更具时尚感的网页。

文字的动态控制网页动态设计中往往以文字和影像为主，这两者在视觉上依靠其本身的形态和动态的画面效果可以起到很强的吸引力，动态的文字表现形式在完美的编排下会形成一定的律动感，通过这种律动感来讲主体信息传递给观众，所起到的效果往往是不可估量的，甚至可以说，观众在接受信息传递时内心是喜悦的，是主动自愿去接受的。

1网页动态文字的设计

因此,设计中对于文字的动态控制显得十分重要，要求对其相互间的位置关系进行动态变化的把控，注重其上下、左右、前后的动态变化，要做到其动态的走势能够良性地引导观众的视线，不易过快，特效要尽量单一，不易过多，不易复杂。

1.2文字的识别性和可读性网页设计中对于文字的选择都是根据其重要性的程度进行了一定的取舍，对字体的大小、颜色、显示效果、动态方向及效果等都有极高的设计编排要求，要充分考虑在有限的屏幕中大量的数字信息融合在一起所造成的信息辨别，一旦设计编排过于复杂，设计者追求多元化的表现手法，在文字效果上加入了过多繁杂的设计表现，往往会使观者无法辨别信息的主次，甚至于不能有效取得设计所要求表达的理念和效果。在现代平面设计中，如何提高观者的阅读效率是设计者应该着重考虑的问题，融入动态的文字设计仅仅是为了凸显信息的主次和吸引观众的注意力，起到引导阅读的效果，要着重考虑到字体的选择、显示屏的精度、运动的速度、文字量、句子长短、特效等各种因素的整体整合，要提高文字的可读性。

1.3屏幕的无限性及开放性二维的平面设计在效果呈现时往往以立体的三维效果来给予呈现，在屏幕两端留有空白给人以无限的延伸空间，而动态文字的设计与编排则给人一种进深的立体感，因此观众可以在具有动态效果的二维设计中感受到屏幕空间的无限大，这在一定程度上打破了媒介空间有限性的束缚，即在有限的空间内所要表现的却是无限的空间延伸，这一无限性则取决于设计者对文字形态、色彩、格式等方面的设计。

2动态文字在网页设计中的表现

2.1形态的变化空间与动态是网页设计中文字动态的体现，是基于字体基础上对文字外部进行形态的处理与设计来实现的，在文字动态的设计中，一方面可以根据字体的本身结构对其进行变形处理;另一方面可以让字体的形态随着时间的变化而发生改变，例如最近比较热门的《舌尖上的中国》，其在影片开场前的设定上便十分动人，第一部以水墨画延伸出来的画面实际上是美食的结构，而字体的铺设则是由水墨画中毛笔笔尖的恣意挥洒而成，带给观众极强的美感和想象空间，观众在接受到这一视觉效果时所表现的心境便是平和且愉悦的。

2.2材质的构成现代计算机技术为动态文字的构成和质感提供了许多有效的技术处理，使得动态的文字能够实现在光影中的流动，富有肌理，极具美感和质感。现代电影开始广泛运用这种特效文字处理方式，以此来引起观众的共鸣，增强影片的氛围及烘托影片的主题，在3D技术渐渐普及的今天，以3D字体来进行网页设计和编排也渐渐成为设计的潮流，在网页设计中，裸眼3D文字及图像将慢慢渗入到人们的视线之中。

2.3机遇：动画与超文本动画作为一个立体、生动、可视可闻可感的数字实现过程，其兴起与发展给予了设计更多的创作平台，动画中的文字动态设计显得极为微妙，在每个动态的运行之中都有极强的吸引力和传递着特殊的信息，并且能够表达特定的情绪。动画设计在材质上和造型展示上都开始了新的革变，给予了设计者更广泛的设计空间，设计中融入无穷的想象力，通过立体的三维展示来传递思想和主题，在动态的设计中表达设计者的情感和情绪，能够很好的诠释设计者的作品，这也就促使了当前一大批短片动画的出现，其中不乏号的设计作品。