提升律师网站设计质量,看看这几个不好的网页设计风格

  • 2018-11-06
  • 3060

如何建立一个让用户信赖的律师网站?

关键点还是在于网页设计。什么样的网页设计才是好的网页设计?网页设计中常见的错误有哪些?如何有效地避免它们?

如果你在律师网站建设时为这些问题苦恼,不妨看看此文,我会通过讲解9个糟糕的网页设计实例从反面来说明好的网页设计到底应该是什么样子。

首先,我们还是来看看网页设计的一些基本规则。

尽管网页设计趋势一直在变化,网页设计原则很难界定。但是,仍然存在着黄金法则。在进行网页设计的时候,以下几个基本原则还需谨记:

  • 易于理解的导航
  • 合理使用的配色
  • 正确的动画
  • 易于理解的布局
  • 视觉友好
  • 设计元素不妨碍内容展示

现在,我们一起看看9个上榜的糟糕网页设计案例。这些案例可能违反了一个或多个网页设计原则,这是你在设计中要学会规避的问题。此外,这些案例仅供分析,首先声明没有恶意。

1.Arngren - 设计混乱和网格失踪

不得不说每次打开这个网站我的眼睛都感觉会闪瞎。该网站的页面上,字体,图形,内容,链接,所有元素都混乱放置,一起构成了一个杂乱无比的网页界面。这个网页设计可以说是违法了网页设计的一切原则,无法找到任何符合网页设计原则的线索。它最大的问题是网格的缺失,因此所有布局和内容都随意放置,杂乱不堪。其次,导航结构也混乱,字体排版又过于小而乱,访客根本无从阅读,配色也是很随意,没有任何规划。

设计混乱和网格失踪

一个使用网格使内容和元素的布局组织有序的网页设计应该是这个样子。

使用网格使内容和元素的布局组织有序的网页设计

2. Typesetdesign - 设计中缺乏对比

浏览网站时,我们希望看到页面元素间有清晰和鲜明的对比,保障信息高度可读。而该网站的设计,背景色的相关信息的色系相近,对比度很弱,而一旦图片背景与文字之间的对比很差,文字就会模糊不清。用户不仅可能会错过了一些文本提示,而且更会错过了你想要传达的重要内容。如果没有对比,网站的色彩组合和整体展示都会让我们不知所措。

设计中缺乏对比

网页设计的对比可以是方方面面的,比如,字体间的对比突出重要信息和次要信息,色彩间的对比强化视觉效果,留白空间和界面原色的对比使整个界面看起来舒适美观,等等。总之,对比可以帮助我们更好地阅读和理解的信息,你要合理的利用颜色,空间和大小,从而让用户知道如何进行操作。

一个好的具有对比度的网页设计,应该是这样的。

3. Theweddinglens - 不采用响应式设计

一定要使用响应式设计框架,你的网页或许需要在手机上运行,必须要保证手机上运行和在网站上的运行一样流畅。但是该网站,在手机上加载出来后还是一整个页面,没有自适应。由于该网站没有手机版的视图,因此造成了用户在移动端根本无法使用。我想,或许很多用户和我一样,直接放弃这个网站了。没有自适应的网站,势必会流失很多核心用户及潜在客户。

不采用响应式设计的网站

使用响应式设计的网页设计示范

4.Pacific Northwest X-Ray Inc - 错误的配色

这个网站设计可以说是一盘错误的调色盘,它由相互冲突的颜色或文字颜色组成,这些颜色与背景颜色又混合太多,用户根本难以阅读。配色方案令人不快,导航也相当复杂,整体看起来仿佛是1997年设计的网站,如今看起来早已过时,该网站也没有进行更新。虽然这个网站设法解释它的服务基本上是直接的,不会给用户造成困恼,但是其实困扰早已产生。

而一个好的配色的网页设计,应该是美观简洁或个性品味的,是可以让用户操作简单舒适,从而进一步体现网站的定位和特点的。比如:

5. Gatesnfences - 糟糕的导航和操作流程

糟糕的导航和操作流程

导航对于网站的重要性不言而喻,用户在登陆了你网站时,应该是第一眼就该我明白接下来他可以进行怎样的操作,哪些操作会把他带到何处。因此,导航一定要醒目,建议导航和菜单栏往往处于页面的顶部,不要另辟蹊径,因为导航信息是在太重要了。

此外,导航的标签内容和运行效果必须清晰直观,不要使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候,就算要用,也一定要给用户一些暗示让他们知道你的网页如何工作。不过讲真的,过于复杂的设计会让用户感到无所适从并直接关闭你的网站。

一个优秀的导航应该是这样的。

优秀的导航和操作流程

6. Uat - 链接丢失和错误的CTA设置

链接缺失或者链接丢失可以说是网站的重大错误之一。审核你的网页上链接是否畅通是必要的任务之一,你可以手动检查或是使用Website Link Checker等工具。

考虑到链接的可用性,特别是那些文本中的链接一定要足够明显并且易于点击,从而避免造成误操作。因此建议不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。

该网站的每个滚动的小图片都是一个连接点,上面的图片和文字非常模糊,用户根本不知道展示的是什么信息。

而CTA的设置,要记住清晰明了,不要给用户太多的相同层级的CTA选择,会造成用户困扰。看一下示例:

相同层级的CTA选择,会造成用户困扰

相同层级的CTA过多则会造成用户困扰,而保留一个则可以突出重点,提升用户体验。下图,就是一个设计不错的CTA。

一个CTA可以突出重点,提升用户体验

7. nmg-group - 界面原色和图片背景不清

图片可以说是你整个网页的门面,一张精美的图片可以给网页设计带来美观舒适的效果,更别提那些用整张美图作为背景图的网页设计了。如果你网站的背景图本身很不错,但却被其他信息覆盖或者破坏美感,这真的是一种浪费。该网站的设计本身很不错,但仔细看,文字和背景图片容易造成混乱。

界面原色和图片背景不清

这里建议使用透明按钮,即在设计网页中的按钮之时,不再设计复杂色彩、样式和纹理,而是外仅以线框示意轮廓,内只用文字示意功能,背景透出,与整个页面背景合而为一。

8.Wateronwheels - 不一致的风格

如果保持页面的流畅简洁,建议不要尝试混搭。该网站的文本部分,使用了不同的色彩和字体大小进行对比突出,一定的层级关系,但最后的文本部分用了高亮蓝色,其实打破了统一性。

不一致的风格

这里可以看看详情,统一性对于网页界面的整体美观和流畅性至关重要:

统一性对于网页界面的整体美观和流畅性至关重要

9.Greatdreams - 没有使用留白空间

该网站看上去色彩丰富,对比突出,也很符合小孩子果汁用便饮料的主题,但很多过于明快的色彩交集在一起,没有任何留白的空间,让色彩的使用变得极端,使得网站看起来像一幅色彩丰富的油漆画。文本也没有任何实质内容,加之夸张的配色,是可读性变得很差,并且,这网站没有导航,必须达到底部才能找到一些相关信息。

 没有使用留白空间

一个有留白的网页设计,是简单干净的:

留白的网页设计

更多的网页设计错误:

1. 自动播放音乐(在用户不知情的情况下)

2. 超长的页面下载时间。如果页面下载时间超过30秒,很难有用户会喜欢你的网站。

3. 网站页面过长。你认为有多少浏览都有兴趣看你网页中最下面的内容? 不要试图考验用户的耐心。

4. 过期的信息。很久不更新的信息,很容易让浏览者感到反感,而且在心中也会对你这个网站的品牌形象大打折扣。

5. 孤立的页面。用户不知用什么方法返回首页。这种情况往往是出现在信息提示页或内容调查的结果页上。用户体验不佳。

6. 缺少互动的内容。缺少互动的内容,缺少用户的参与。不能让网友表达情感和思想,那么你的网站也许会变成死网站。

相关阅读

律师网站设计:几款优秀的下拉菜单设计风格欣赏

律师网站设计推荐:关于我们页面优秀设计风格整理推荐

律师网站设计细节,12个联系我们页面优秀设计案例

律师手机端网站设计需要注意的问题

律师网站设计法则之:恐惧留白 Horror Vacui

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询