如何设计网页的错误提示 设计网页遇到的问题

通常来说，红色用于错误信息文本，在某些情况下，可以使用黄色或橙色作为错误信息颜色，因为红色对用户来说压力太大。下面介绍如何设计网页的错误提示，希望可以帮到您。

没有系统在工作时不会出错。错误的原因可能是因为用户也可能是因为系统。在这两种情况下，以正确的方式处理错误，对于良好的用户体验是至关重要的。

这里列举好的错误提示应该包含的3个重要部分：

1.清晰的文本消息

2.正确的错误提示位置

3.良好的视觉设计

· 清晰的文本消息

1.错误提示应该清楚

错误提示应该清楚地说明问题是什么，为什么发生，以及如何处理。把你的错误提示想象成与用户的对话 (这就要保证错误提示应该像和人在交流)。确保你的错误提示是有礼貌的，可以理解的，友好的，不含行话的。

2.错误提示应该是有帮助的

只写出一些错误是不够的，要向用户展示如何尽可能快地解决问题。例如，Microsoft描述了什么是错误的，并在错误消息中提供了解决方案，以便您可以立即解决此问题。

3.错误提示应该是特定的情况

很多时候，网站对所有验证状态只使用一个错误提示。例如“您的电子邮件地址行为空” “输入有效的电子邮件地址”。MailChimp以另一种方式进行处理，每个电子邮件验证状态都有3个错误消息。第一次提交表单时检查输入字段是否不为空，第二三次检查是否有“@”和“.”字符。(但是“请输入一个值”并不是错误提示一个很好的例子，因为用户不清楚需要输入什么样的值)。

4.错误提示应该是有礼貌的

不要责怪你的用户，即使他们做错了。对你的用户要有礼貌，让他们感觉舒适方便。这是一个很好的提升品牌的机会，并适当的添加与品牌相关的错误提示。

5.如果情景合适的话，使用幽默的话术

在你的错误提示中应当小心的使用幽默元素。首先，错误信息应该是内容简洁且有帮助的。但是，如果合适的话，在错误提示中添加一些幽默话术有助于提升用户体验。

· 错误提示的正确位置

好的错误提示是你可以在需要的时候看到。尽量将错误提示放在相关的UI元素附近。

· 错误提示的正确视觉设计

错误提示应该是清晰可见。使用高对比度的文本和背景颜色，以便用户可以轻松快速注意到并阅读提示。

通常来说，红色用于错误信息文本。在某些情况下，可以使用黄色或橙色作为错误信息颜色。因为红色对用户来说压力太大。在这两种情况下，请确保错误提示的信息是清晰的，与背景颜色明显对比。不要忘记在颜色旁边提供一个相关的图标，以改善色盲患者的可访问性。

·结论

错误提示是改善用户体验，分享品牌和彰显个性的好机会。注意一个好的错误提示的所有方面：语言，位置和视觉设计，使它成为一个非常完美的错误提示。

网站设计，要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。那网站首页设计是长版好还是短版好?

网站首页的设计有很多的讲究，有些地方采用的是长摆设计，而有些地方采用的是短版设计，这两种设计方法都存在着各自的优势和不足。

一：长版的优势和不足

进行网站首页设计，选择长板的设计方法，这种设计方式能够容纳更多的信息，并且让更多的人去了解整个网站的情况。但是各种不同的信心比较多，很多的时候也会让人失去耐心，并且设计不好的时候容易眼花缭乱，没有办法给用户带来更好的使用体验。在信心比较多的时候，没有更好的去展示出来，反而会影响到其功能方面的发挥，所以选择使用长板设计只是帮助你容纳了更多的内容，但是却未必可以让客户看得见。

二：短版的优势和不足

不少人在进行网站首页设计的时候，也会选择短版的设计方法，这种设计方式相对来说展示的内容少，但是用户总体上的体验会更高。但是短板的这些网站，展示的一些内容相对来说是比较少的，有的时候对企业的营销和推广可能就没有那么多的好处。但是我们可以在比较有限的篇幅当中，去做好自身的一些内容，同时用户在看的时候，也尊重的可以带来了更多的保障，大家可以正确的去了解到这些方面的情况。

三：做好网站的定位

不同的地方网站的定位会存在着差别，所以我们对于网站首页设计长版和短版的选择也都各不相同，对于一些营销类型的网站，为了能够容纳更多的信息，会选择长版网页设计，而对于一些普通的网站，可能在首页就会选择短版网站设计。每一个地方使用首页网站都应该真正的学会取其精华，去其糟粕，并且通过对网站的使用，能够真正的看到其中的优点，同样也可以弥补不足，只有这样才可以给我们带来了更多的东西。

网站首页设计的时候，长版和短版之间的选择并不是绝对的，因此进行网站设计我们需要正确的去了解其中的具体需求。

网站页面的结构必须足够清晰。

网站页面结构是否清晰决定着用户是否能够在进入网站的第一时间或是很快就能找到自己想要看到的内容，而不是花费较多的时间用于内容的寻找。在页面设计时，应该把最重要的内容放置在最显眼的部分。作为网站内最优质的内容，也是可以给网站带来最多点击量、最好的回馈的内容，自然应该放在最显眼的位置来像用户做出展现。在页面设计时，应该尽量的将重点文章或者关键的栏目放在网站首页里最好的位置，这样也可以大幅的提高点击量。当然，将内容放在一个好位置并不代表万事大吉，你还要保证自己的描述以及文章的标题确实能够吸引到用户的注意。如果用户在对最显眼的部位的内容进行阅读之后，却没能体会其中的含义，那么很显然网站就浪费了这个绝佳的位置。此外，如果不是资讯类网站，不需要拜访过多的条目，应该保证页面越简单明了、清晰越好。过多的内容会浪费用户寻找他们想要看到的内容时花费的时间，也容易造成跳出率的升高。

设置合理的导航。

导航栏有非常多的展现形式，你可以选择隐藏或者不隐藏等等，但需要明确的是，无论选择哪种方式，都要保证自己的导航栏条理清晰。导航栏其实存在两种：目录导航以及文章中的面包屑导航。这两者都是不可或缺的，目录导航的作用自然是引导用户到达他们想要浏览的页面，而文章页中的面包屑导航存在的作用则是让用户能够清楚地知道自己所处的位置，以及快速的跳转到其他内容。如果缺少面包屑导航的话，就会给用户的浏览带来很多不必要的麻烦，这也是对于用户使用体验的一种比较严重的损坏，面包屑导航的重要程度是不亚于首页的目录导航的。

要标注页面的发布时间。

在今年上线的极光算法中，时间因子成为了一个非常重要的，在搜索引擎对页面进行排名时参考的因素。但有很多网站为了针对这一算法而选择改造时间因子，这种做法是要受到站长坚决的抵制的，因为一旦被搜索引擎发现作弊，就会引来制裁。所以，在文章中必须要显示出页面发布时的具体时间，包括年份。如果页面中不包含时间因子，那么就等于放弃了这一提升自身网站排名的因素。

网站在建设的过程中，需要为日后的运营和优化打下良好的基础。如果网站在建设时就已经对上述工作进行了铺垫，那么就会使优化和运营工作更加轻松，反之则很可能会带来更多且更困难的工作。

在一个网站建设中，选择图片是很重要的，也是必不可少的。一个配图糟糕的网站足以让浏览者感觉厌烦而关闭网站页面，而在网站建设选用合适的图，不仅可以让网站更加吸引人和网络蜘蛛，而且文字和图片的适当搭配相当于进行免费的SEO。那么这些LOGO图、banner图、产品图、文章插图该怎么选择呢?选择图片要考虑哪些方面?

1、图片要符合网站的整体风格

每个网站都有其自己的网站主题，使用的图片如果较为符合网站主题，很容易就可以给人一种代入感，同时更加吸引人。此外就是图片色彩也需要配合网站风格。图片色彩有很多种，有色彩斑斓的、有庄重大气的、有亮黑炫酷的。但对于一般建站的图片选择上，还是建议色彩轻快为主，给枯燥的网页添加色彩不是很好吗?

2、图片选择要注意图片质量

对显示效果而言，图片固然是高清的好，但是高清的图片往往很大，这样会拖累网页的加载速度。因此我们以网页显示效果高清为基准，来尽量压缩。这样做就可以提升用户体验和搜索体验，同时也有效的节约了网页的加载速度。

3、图片应该为内容服务

网站的图片不能随便设置，应以服务内容为先。谁也不喜欢全是干巴巴文字的网页，如果能够使用吸引人眼球的图片，搭配上简练的分析说明文字，这种图文信息组合的方式，会提高人们阅读文字的兴趣。由于图片本身是网站内容的一部分，所以说网站图片都有意义的话，相当于免费的SEO了。而那种为了有图片而放图片的行为，则会降低内容质量。

4、图片的其他小注意点

这些小点看似不起眼，长久积累下来对网站的益处还是不小的。首先推荐网站使用gif和jpg格式的图像，这种格式属于交互式的，以分级的形式显示进去。一开始显示的分辨率非常低，慢慢提高分辨率，对网站打开速度有提升。另外对图片的alt标签和title标签都可以进行添加。