加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 运营中心 > 建站资源 > 经验 > 正文

进阶经验!如何系统的进行改版设计(上)

发布时间:2017-04-18 20:10:40 所属栏目:经验 来源:菜心设计铺
导读:副标题#e# 做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。 给你下面这样的网站首页,让你找视觉层面的问题,你会怎么阐述?(注意:本文只讨论视觉层面问题。) 我个人觉得会有三种不同类型的设计师
副标题[/!--empirenews.page--]

进阶经验!如何系统的进行改版设计(上)

做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。

给你下面这样的网站首页,让你找视觉层面的问题,你会怎么阐述?(注意:本文只讨论视觉层面问题。)

进阶经验!如何系统的进行改版设计(上)

我个人觉得会有三种不同类型的设计师:

1.感觉型

他说:我感觉这个页面太乱。

你问他乱在哪里,他说不出来,仅仅是感觉!这种设计师可能刚刚踏入设计行业,或者做了很久但每天混日子的那种。

2.混乱型

他说:这个图标重心不稳,页面颜色有点脏,banner有点丑,图标描边粗细不一致。

这种设计师有一定的经验与见解,但是不善于总结与梳理,所以你会发现他们虽然能够说出问题,但都是零散的点,没有逻辑。

3.体系型

他说:问题出现在以下几个方面:颜色、图标、布局等等,其中颜色问题有....、图标问题有.....

他们能够先从大的方向将问题归类,然后再阐述细节问题,思路非常清晰。

大家应该都希望成为第三种类型的设计师,但如何能成为体系型的设计师呢?

其实无非就是将结构化思维用好,找问题也一样,不要上来就说一推零散的点,这样会让人觉得你毫无逻辑。

如果别人让你挑毛病,首先我们要禁止说“凭感觉"三个字,其次即使你能说出问题所在,说之前也要先思考一下,你所说的问题够不够系统,是否先从大的方向将其归类,然后才具体阐述。

例如就拿上面这个网站来说,我会从以下 5 个方面来挑出视觉层面的问题(仅供参考),大纲如下:

1.布局

2.文字

3.颜色

4.图标

5.控件

1.布局

1. 1 关于栅格分栏

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

进阶经验!如何系统的进行改版设计(上)

1.2 布局层级问题

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

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

进阶经验!如何系统的进行改版设计(上)

2.文字

2.1 文字规范

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

进阶经验!如何系统的进行改版设计(上)

2.2  文字层级

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

进阶经验!如何系统的进行改版设计(上)

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

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读