纳金网

标题: 如何系统的进行改版设计（上） [打印本页]

作者: 五十六个民族 时间: 2017-4-21 15:57
标题: 如何系统的进行改版设计（上）
做改版设计大体思路很简单，只需要做好两件事：发现问题与解决问题。今天我们先来搞定第一件事：发现问题。
给你下面这样的网站首页，让你找视觉层面的问题，你会怎么阐述？（注意：本文只讨论视觉层面问题。）

我个人觉得会有三种不同类型的设计师：
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 文字层级
文字层级区分不明显，我们看下图：

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

欢迎光临纳金网 (http://wwww.narkii.com/club/)