淄博乐达网站建设公司   

关于乐达
首页Home > 乐达智库 > 乐达会客厅

从以下5个方面来挑出网站设计视觉层面的问题

2018-03-22 08:54:34 淄博乐达网站建设公司 阅读

  1.布局

  2.文字

  3.颜色

  4.图标

  5.控件

  1.布局

  1.1关于栅格分栏

  我会挑战整个网站的栅格系统,5等分栏的布局方式使整体内容过于密集,并且很多内容并没有按照栅格来布局(比如中部的5个图标),如下图:

  1.2 布局层级问题

  很多需求方希望传递很多内容信息,并且每一个都是重点,最后就会导致用户根本不知道看什么,我们的这个网站就存在这个问题,重点应该是课程的导航,然而个人信息和快捷入口的图标区已经完全抢走的我们的视线。

  我觉得布局层级一定要清晰,该收的应该收起来,比如个人信息;该轻的应该轻一点,比如快捷入口的图标区,如下图:

  2.文字

  2.1 文字规范

  文字的大小及颜色的种类太多,个别还出现加粗情况,例如仅首页的字体大小有12、14、16、18、20、24这么多种,根本没有统一的规范与逻辑,如下图:

  2.2 文字层级

  文字层级区分不明显,我们看下图:

  仔细观察,我们的卡片,标题与辅助信息视觉层级很接近,几乎看不出主次,而竞品的卡片,标题与辅助信息对比很强烈,很容易就知道要突出标题。

  3.颜色

  3.1 整体颜色杂乱,缺少品牌感

  颜色过于杂乱,没有规则,导致视觉流不清晰,根本无法聚焦内容本身,并且你几乎无法判断那个颜色是品牌色,因为实在太乱太杂了,如下图:

  3.2 颜色饱和度过高,种类偏多

  举个例子,前三名的序号真的需要那么抢眼吗?就算用三种颜色是否可以适当降低一下饱和度?我看了很多竞品,他们是怎么做的呢?下期再说!

  4.图标

  4.1 图标视觉大小不统一

  4.2 描边粗细不一致

  非常低级的错误!

  4.3 图标风格比较陈旧

  这个就是仁者见仁智者见智了,个人觉得图标风格已经是很多年前的了,所以可以整体优化!

  5.控件

  5.1 标签样式陈旧且不够明显

  请看下图,能看见标签在哪吗?感觉已经和背景图融为一体,毫无违和感,厉害了!

  5.2 选项卡样式缺乏统一性

  排行榜的选项卡有两种样式,没有进行统一设计,差评,如下图:

  5.3 样式的细节过于复杂

  都说现在的设计要简洁,比如今年很流行的无线化分割等等,来看下图:

  这是网站的一块截图,我至少看到了10条分割线,包括卡片的线条,选项卡的线条等等,这么复杂的细节,你说网站能不乱吗?

  以上就是改版的第一步——发现问题,也许问题覆盖的并不全面,但是思路是清晰的,可以在真正进行设计的时候查缺补漏,我也仅仅只是提供一种思考方式,至于你怎么找问题,不一定用我的方法,只要能够系统的解决问题,那就是正确的。