当前位置: 首页 > 互联网, 翻译 > 正文

设计清晰网页的几点建议

下面是一些简单,清晰网页设计的几点建议:

先复杂,后简单

将内容放在网页上是网页设计的一部分。根据我的经验,一些设计人员会陷入一个困境,就是在设计“简单”网页的开始就害怕把任何内容添加到页面上。这些设计的结果往往是空白的,因为在这过程中没有考虑到挖掘和探索(我们喜欢这些“快乐的”设计故事”)。

为了避免这个问题,我们需要“开始复杂,然后简单”的处理方法。

在设计的最初阶段,不要限制你放在页面上的内容。为页面内容设计一些不同的层次,并且每个层次有各种不同的设计元素。接下来,一旦设计的结果接近完成时,就着手开始简化。

问问自己,“这里到底应该放什么东西。”如果删除一个设计元素(比如一条线或一个图案)会让页面看起来破碎,那就保留它。反之,就把它抛弃。

有一句格言说的好:“80%的工作是为了最终20%的结果。”我们只是通过辨别构成这些复杂界面的各个元素,并在设计的时候来运用这个格言。

这时如果有一个局外人对这个设计给一个什么应该停止,什么应该继续的观点那就太好了。除了“很酷”,“其它站点已经有了”的理由而出现在这个页面上之外,没有其它更好的理由去支撑时,那么就请删除它们吧。

最终,留下来的就是那些最健壮的设计。一旦你到达那个点,任何一点点的微调都会给你留下一个强大的,整洁的设计。

微调,微调,再微调

人们告诉我,我有“击败自己的网页设计让自己投降”的倾向。说实话,我把这话当成恭维。

对我来说,任何设计从来没有真正的“完成”,而且都可以进一步的改进。严肃的讲,只要问问那些不幸与我共事的设计者或学生,当我叫他们第十二次的去调整一个淡绿的颜色时,这可并不是一件有趣的事情。

就像之前说的那样,清晰的感觉是一种包括设计(组成,分层,调色)和排版(协调)的产品。如果和我一样,就意味着要花很多时间在微调上:行间距增加一个像素,空白移除两个像素,虚线颜色用#ddd替换#eee,等等。这些调整看起来不合逻辑,但当这个同其它各个元素组合起来看时,一个简单的像素可以造成一个很大的变化。

因此,多做一些微调吧。一个细微的调整可能会引起另一个调整,甚至有时候你的设计会走上叉路或者又撤销返回。

让事情变的清爽和整洁是一个花费时间和需要坚持的过程(通常需要大量的咖啡)。

但是,如果你坚持这么做,任何的细节都将各自归位,同时这个设计也会变的整洁统一。

不要因小失大

我以前是一个“印刷设计师”,打印和排版装订是我日常工作的惯例。公司办公室的墙上到处都是年度报表啊,图标设计等东西。

但是,当我开始关注网页设计时,有趣的事情发生啦,我停止了印刷。我做这样的决定很可能是因为这项工作永远不需要看到印刷机和图纸。

我失去了一个从整体上评估这个体系、支撑贯穿线索并找到简单化的机会。

阅读Illustrator和Photoshop,同排版印刷出来的图层放在一起比较不会呈现出相同的景象。

所以,我建议打印,排版,再打印。这能帮你发现不协调,并找到让你图层找到合拍的时机,所有这些都会得到一个更加清爽的结果。

结论

无论你是否精通清晰设计或准备往这个方向发展,发挥想象力并注重细节能让你走的更远。

就像之前我提到的,使用灵活而有目的性,但不是标准教条式的方法更容易方便上手。当然,每个设计者在他个人的发展进步中都有其自身的神奇时刻。

本文由byhard翻译自sixrevisions,原文请看The Elements of a Clean Web Design

本文固定链接: http://www.byhard.com/?p=525 | 海纳百川

该日志由 byhard 于2012年05月09日发表在 互联网, 翻译 分类下,
原创文章转载请注明: 设计清晰网页的几点建议 | 海纳百川
关键字:

设计清晰网页的几点建议:目前有52 条留言

  1. 25楼
    小云子:

    挺不错的建议

    2012-05-09 19:34
    • byhard:

      呵呵,先看着吧。内容其实很简单,就是里面的废话太多了。

      2012-05-09 20:12
  2. 24楼
    小小:

    说的好

    2012-05-10 08:59
    • byhard:

      谢谢支持。

      2012-05-10 09:48
  3. 赞同楼主的观点

    2012-05-10 10:05
    • byhard:

      发扬一下呗。

      2012-05-10 10:47
  4. 22楼
    大笨兔:

    对网页设计不是很在行啊

    2012-05-10 11:15
    • byhard:

      慢慢学吧,这个对美工,美学要求比较高,属于网页设计师的范畴。我只是看着总结的挺好,就翻过来了。

      2012-05-10 11:21
  5. 21楼
    TC:

    看了别人的网站后,发现自己的不好看了就想改,所以现在我很少看自己的。。这样也许能不让自己冲动。哈哈

    2012-05-10 11:59
    • byhard:

      你的站有改动很多哦,我是不会下手啊。不过有一点是对的,越改进步也越大的。

      2012-05-10 12:52
  6. 20楼
    治疗狐臭:

    说的很到位啊,受教了

    2012-05-10 13:05
    • byhard:

      对你有所收获是最好不过的了。

      2012-05-10 15:26
  7. 19楼
    苍井空:

    从简单到复杂,再从复杂到简单。

    2012-05-10 13:33
    • byhard:

      其实做仍何事情都有一定的哲学在里面。网页设计也一样。

      2012-05-10 15:26
  8. 18楼
    邯郸seo:

    转载了。

    2012-05-10 14:58
    • byhard:

      再来点评论啊。

      2012-05-10 15:25
  9. 17楼
    线路板:

    写的是挺不错的
    就是字体好眼花哦

    2012-05-10 15:05
    • byhard:

      这个CSS在字多的情况下是不太友好,可是不懂这个设计啊。

      2012-05-10 15:25
  10. 16楼
    邯郸论坛:

    收藏了。

    2012-05-10 15:34
    • byhard:

      谢谢,欢迎再来,你的站好多哦。

      2012-05-10 15:43
  11. 不错关注博主了,支持一下哦,给力学习

    2012-05-10 15:40
    • byhard:

      谢谢啦。你的也不错。

      2012-05-10 15:42
  12. 14楼
    小游戏:

    支持,写的不错。

    2012-05-10 16:37
    • byhard:

      翻译的文章,供大家鉴赏。如有不妥,多多指教。

      2012-05-10 16:40
  13. 13楼
    行畔博客:

    恩,设计的事情就要这样

    2012-05-10 16:51
    • byhard:

      也是一个积累的过程,就像人的认知一样,越来越丰富,越来越成熟。

      2012-05-10 17:00
  14. 12楼
    屠龙:

    为什么要先复杂后简单呢?

    2012-05-10 17:33
    • byhard:

      原因作者已经说的很清楚啦。如果不是这样:这些设计的结果往往是空白的,因为在这过程中没有考虑到挖掘和探索

      2012-05-10 20:17
  15. 11楼
    大葱:

    分析的很到位,哇咔咔~~~

    2012-05-10 18:48
    • byhard:

      最近在做什么网站啊?看你挺忙的啊。

      2012-05-10 20:17
  16. 10楼
    帆布鞋:

    这文章不错,能让人学到点东西。

    2012-05-11 11:02
    • byhard:

      那是最好不过了。

      2012-05-11 11:05
  17. 9楼
    多丽人:

    一般都是直接套用了,自己不会设计。

    2012-05-11 11:28
    • byhard:

      一般也不会完全套用的吧,总之肯定还会有一些修改的。

      2012-05-11 12:21
  18. 赞同楼主

    2012-05-11 12:01
    • byhard:

      谢谢,看了你的站,域名不是顶级的,最好去申请一个。

      2012-05-11 12:25
  19. 7楼
    crazydon:

    赞成博主的观点。

    2012-05-11 12:31
    • byhard:

      谢谢,有空多来提提意见哦。

      2012-05-11 14:52
  20. 6楼
    Yong:

    图配的好啊、自己做的图吧

    2012-05-11 13:05
    • byhard:

      我都不好意思啦,设计不出来啊。

      2012-05-11 14:52
  21. 5楼
    丁臣:

    不懂设计也不准备向这方面发展。
    但是:
    个人嗷嗷佩服搞设计,会美术的。
    最后:博主威武!

    2012-05-11 13:34
    • byhard:

      设计我也不会,只是这篇文章写的挺好,我就翻译过来了。大家有收获才是最好的。谢谢鼓励。

      2012-05-11 14:54
  22. 4楼
    三宝:

    关键是思考的角度!文章很不错!都是你翻译的?辛苦了!

    2012-05-11 18:37
    • byhard:

      嗯,我也是试着翻译的,就当平时学习英语吧,还有另外的收获,希望对你有所收获。

      2012-05-11 19:17
  23. 个人觉得。国内的这些 网页都不如国外的好看。

    2012-05-11 19:58
    • byhard:

      其实也是文化上的差异罢了。也许有些人认为国外的网站不好看。不过从图形,表现上来看,国外的单位等做的的确很牛的。

      2012-05-11 21:04
      • 也许正是文化的差异。所以,我就觉得,国外的好看些。

        2012-05-11 21:39
        • byhard:

          嗯,在设计理念,理论上国外都有优势。

          2012-05-12 08:43
  24. 板凳
    wexzz:

    很喜欢,写的不错啊!

    2012-05-11 20:01
    • byhard:

      希望对你有所帮助。

      2012-05-11 21:05
  25. 沙发
    sqiter:

    分析的很到位,支持下 。

    2012-06-12 17:24