程序员做网页设计常犯的8个错误

一个优秀的网站,需要将优秀的美工和优秀的代码巧妙的融合在一起。可能是由于这个原因,经常会出现美工在做程序员的事,而程序员在做美工的事的情况。

作为一个在大学里和其他程序员一起学习的程序员,我可以放心的说,程序员绝对不能代替美工。做为程序员,值得庆幸的是,我们的水平是以代码的可重用性和面向对象来评定的,而不是审美。然而现在,一个程序员需要拥有的最宝贵的财富之一就是对设计的深刻理解。

现在,我知道一个程序员可能永远不必去了解网页设计(可能是由于这个原因,美工也可能永远不必去编程)。但事实上,程序员们也要去设计一些个人项目,简约的客户端和角色管理之类的东西。此外,我可以说,在很多时候,一个自由程序员发掘客户的最大资本,就是他对整个网站建设过程的深刻理解。所以,那些学了编程但同时在做(或者至少尝试去做)美工的人有8个比较容易犯的错误,这都是我听说过或亲自犯过的。

“我知道什么好看(并且我会PS)”

设计的不好并不是什么坏事,但设计的不好却以为自己设计的好就是一件非常糟糕的事了。每一个优秀的美工都有一个精确校准的“设计指南针”,这是因为他们不断的欣赏优秀的设计。你有必要花时间到 TheFWA, FaveUp, Design is Kinky, 和我最喜欢的Behance Network等 网站上去欣赏大师级的设计。你也可以去看 HOW 或者 print (注:都是美国的杂志,跨国购买可能很贵)等一些原创性的设计杂志。正如优秀的程序员喜欢读(用“批评”可能更好一些)别人的代码一样,优秀的美工也喜欢看其他人的作品,不论是网站还是公告板或者菜单。没有一个准确的“设计指南针”,再多的PS滤镜也帮不了你。

“只要重复的用蓝色和白色就行了”

大多数程序员都会嘲笑美工们为给网站选择合适的色调而花好几个小时的时间。然而,色调比你想像的重要的多,并且一旦网站开始建设,你就不能改变它了(至少改起来不是那么容易)。要想网站设计的好看,欣赏优秀作品的色彩设计会对你有很大的帮助,这方面最好的网站就是COLOURlovers。

“我只要把所有的东西都居中就行了”

在多数情况下,把标题,标签,和部分内容居中是很自然的事。但通常,把网站的文本居中看起来就非常幼稚,相比之下左对齐就更加保险,看起来也更好。此外, 要精确的定位网站的每个元素,充分利用PS的标尺和网格线。这并不是说你就得设计的像网格一样,但如果网站上的元素看似对齐而又没对齐的话眼睛会很不舒 服,特别是看文本的时候。每个像素都很重要。

“我看免费的字体就挺好”

曾经有一段时间我认为所有的衬线字体看起来都一样,并且没有哪种字体值得我花钱去买。现在我明白了,这两种想法都错了。我正不断的试图更多的了解复杂又美丽的字体艺术。说实话,如果非要说我对哪一方面精通的话,我想就是字体艺术了。一个优秀的网站也可能只有几种简单的颜色但却有各式各样好看的字体(不管怎样,这都是优秀设计的基础)。同样只有不断的欣赏优秀的网 站,才能熟练的运用各种字体。但是千万不要仅仅用“好看”和“不好看”来区分所有的字体。

“我可以在这个区域里填入更多的内容”

由于我曾经即在程序员的团队里工作过,又在美工的团队里工作过,我发现,程序员和美工经常出现的分歧就在于“空间的利用”。程序员往往想要在选项卡里填写 尽可能多的内容,但美工往往认为人的眼睛不可能一下子浏览这么多信息,因此他们宁愿在选项卡上面放一个logo或者一个口号。所以你必须在这两者之间找到 很好的平衡,必须明白以下三点:

  • 1.网站上的内容太多效果不一定就好;
  • 2.所谓的“空白”的存在并不是因为美工懒惰;
  • 3.所谓的“空缺”部分实际上对于衬 托其他元素是非常有必要的。

“我不需要花钱买图片”

糟糕的图片可以毁掉一个很好的网站,然而优秀的图片可以使简单的设计看起来非常好。既然在网上有这么多图片资源,所以不要为使用糟糕的图片找借口。对于非商业性的网站,可以到stock.xchng 或者 Flickr上去找图片,只要确定这些图片可以免费使用就行了。对于商业网站,你可以到有大量像iStockPhoto 一样付费性的图片网站上找到你喜欢的图片(尽量有点创新性,因为过不了多久,你就会在其他的网站上看到相同的图片)。最后,不要不舍得花钱到图片网站(比如Veer)上去买非常好看的图片,这钱花的值。

“我没必要寻求他人的意见”

你往往会成为你的设计作品的最大粉丝(你总是很乐观)。所以你需要把你的作品拿到你认识的美工那里来寻求他们诚恳的批评。不幸的是,我认识的大多数人都仅 仅抱着想要被表扬的心态来问我我对他们作品的看法,他们不想被批评。所以再也不要以自我为中心了,虚心向别人请教吧。原因很简单,他们是美工(他们靠这个 吃饭),而你不是。然后,你要尊重,要相信批评你作品的人,并做出实质性的改动。

“没有必要太注重细节”

正如你能写出虽然能完成功能但仍需改进的代码一样,你的设计可能仅仅是通过,和优秀差的还很远。欣赏和评论优秀的设计很容易,但自己做出优秀的设计却要花 很长的时间(特别对于新手美工)。但是你能看到都优秀的设计都是他们的最终版,也就是说你只看到了结果,而没有看到美工艰辛的设计过程。此外,像一个笔画这样的细节也会对作品有重大的影响,这可能会使你大吃一惊。永远不要在你第一次把所有的元素都放在一起的时候就认为作品完成了。

总之,优秀的设计和优秀的代码一样,需要时间,需要耐心,需要技巧,正因如此,它也会得到充分的尊重。尽管你可能是一个程序员,可能是个编辑或者其他网络 工作人员,你可能永远不会去设计网站,但我有预感,说不定有一天你不得不去做这件事。希望那时,你不要犯上面的错误。

 

Via:wakeuplater(英文)  Pengfei(中文)

收藏 4 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
  • 匿名   2010/12/03

    我最近接了一个网站在做的,编码+网页。。我的个天。对于网页,我时常感觉很为难,总不是自己想要的结果。可能我还是个新手吧。。读这样的文章,我觉得很营养~~THX~~

  • 匿名   2010/12/05

    我是一个学编程的,但是我经常会去做一些美工的活,啃了你的文章觉得受益匪浅啊。。

  • 匿名   2011/06/01

    看你的文章总是受益良多,就不再重复的感谢感谢了!其实我真的很崇拜优秀的设计师和他们的作品,最近总是冲动着想学习网站设计,希望这个冲动能让我走得更远,希望有一天我也能把我的作品拿出来请你“批评”!哈哈~~那会是一种荣幸!

  • 小C   2015/05/08

    其实我的问题就是一个合格的程序员,一定要学会网页设计吗?毕竟这方面的东西也是很多,而且做项目的时候不是也有分工的吗?有人负责前台,底层之类的。。。所以真的要去接触吗?

跳到底部
返回顶部