程序员做网页设计常犯的8个错误 - 文章 - 伯乐在线
& 程序员做网页设计常犯的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：（英文）　　（中文）
可能感兴趣的话题
我最近接了一个网站在做的，编码+网页。。我的个天。对于网页，我时常感觉很为难，总不是自己想要的结果。可能我还是个新手吧。。读这样的文章，我觉得很营养~~THX~~
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2017 伯乐在线> 作者：马天翼，这个我深有体会啊，前段时间一个毕业的学长要创业来找我，也是要颠覆教育，说得天花乱坠，什么名人都见过了，简直炫的飞起。各种模式、理念，团队要怎么办，有多少粉丝，自己以前怎么搞的。后来，还好贵人提醒我，谈了一下钱的问题。说好的拿到了投资其实没有拿到手。前一天说跟xx吃个饭，可以拿到一个场地，吃完了就不提了啊。之前是说，我们团队啊，大家都是扁平化的，我们本来准备发个1k，2k的意思一下的，后来想想，大家也不是为了钱而来的，我们都是为了理想，就不发了吧，反正大家也不缺。（还有很多其他的点，防止个人信息泄露，我就不说了啊，就事论事。）然后，正式谈到的时候，我说要么百分之20的股权吧，他说股权不行，已经分过了，期权吧，然后说只有1%的期权。。那我说，股权不行，那就工资来算吧，结果就只能付得起每个月3k。。。更令人气愤的是，团队股权已经和室友分了，他说那个PM来当技术负责人。。。你觉得PM比我懂技术，那让他来做APP啊。说是他们已经做好了应用的一个Demo，改一改就行了。结果发现就是从环信上面下了一个演示的Demo。。。然后，我说那算了。他说你看这么行不行，你先把1.0版本的客户端给做了，我们再考虑下一步给你期权的问题？对了，对产品的认知也是完全门外汉，自己觉得很有需求啊。。反正我给别人说的时候，就没一个人觉得会用的。。都是先考虑产品再考虑需求啊。为了改变教育，而改变教育。别说啥C2C模式，别说啥在线教育，说白了不就是一个教一个学，教的定价格么。（我不要脸的说，我刚刚写的在线教育的答案，是不是已经涵盖了你要做的东西。）我猜估计就是做个只卖课程的淘宝网吧，说了很多好像很有道理。（这种idea早就想烂了啊）但是追根溯源，问一句：人家学习者为什么就要买你的课程啊？人家发布者为什么就要在你的平台上发布啊？一般来说，这种核心需求问题回答好了，我觉得才靠谱。其他的东西，都是瞎扯淡。程序员也会改变世界啊，程序员也懂用户需求啊，程序员也会颠覆教育啊。而且很多程序员，天天混互联网，天天玩移动互联网，比那些“业余创业者”还要懂啊。不去做的原因，真的不是我们人傻天真，是因为我们已经看透了这样子的产品肯定没有需求。因为我知道我实力还很差，没有实际的下水经验，还需要不断的尝试和磨练，不断学习才可能会有做好的那一天。选择做程序员，是因为我想亲手把我的idea给实现了，并不是因为我不懂做产品。就像那个学长跟我说产品的细节的时候，以为我不懂啊，以为我不知道投资、不知道推广、不知道用户需求、不知道产品迭代，不知道商业模式，不知道形成闭环，不知道团队建设。其实我当时就是想，我比较懒，要是能创业成功，我跟着你后面混混也是可以的，我少操点心，只玩技术就行了。但是你别真以为我就只懂技术，其实产品我比你看得还透彻。反正你想招到技术合伙人，你就把“只差一个程序员”这种念头彻底打消。不是程序员不懂创业，是程序员懒，没时间操心。程序员没有你，可以像扎克伯格那样自己写出来网站，只不过骗投资、负面炒作不太懂；你没有程序员，有千万个idea，都是纸上谈兵。要么股权、要么期权，要么薪资，你选一个吧。谈好价钱，再说改变世界。
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）做网页设计师好还是做程序员好呀_网站策划_中国网站建设网
十三年（年）专注：网站建设、网站推广 技术、服务、信誉有保障
您当前的位置：
导读：返回
1-10个关键词排名
几十个关键词排名
做网页设计师好还是做程序员好呀
希望在没人回答这个问题之前，你不仅仅只是在等人回答，也有在积极的思考。一个人在社会上珍贵的不是你懂各种技术或者能力（如编程或者设计），而是你的思考能力，能 分析、化解问题，才能所向无前。
1、程序员——编程技术 2、网页设计师——美工（设计能力）＋编程技术 3、网页美工——设计能力
现在企业需要的应该是第二种，能够解决综合问题的也是第二种，如果真是找不到工作，能够方便的自主创业的也是第二种，所以，答案明了了吧。另外如果你如果是个敏感的人，应该能感受到“图形＋程序”的结合会有多么大的魅力可以挖掘。
艺术专业是彰显才气的行业，从没有那种必须怎样怎样的死板，关键在于思变，只要想通了，就没有什么阻碍。这么说可能听得有点迷糊。
下面就说一下你这种情况如何去学：
第一，用一个中国淳朴的简单二分法来分析，设计也分为“艺术＋技术”。 （1）艺术部分是我们对美感的把握，或者说鉴赏能力，也包含体会美感及其他感觉是否敏感，及是否有洞察力（洞察力不是用眼看，是用脑看）。只要够敏感，生活中的美我们都可以吸收并且体会，这生活包括古今中外，任何我们可以接触到的东西，接触不一定是摸，任何方式都可以，看到、听到、读到，何种途径都无所谓，这是在积累，以备在合适的时候发挥。 （2）技术部分是我们来表现美及其他各种感觉以及各种内容的能力，里面包含很多繁复的小事，如用笔画图（各类素描草稿、线稿、彩稿等等）、用计算机（各种做图的软件 、以及各类的电脑外设数位板、扫描仪类）等等。 是不是听起来很头大，不要紧，继续向下看。
第二，上面的听起来很麻烦，的确，不进一步分析，是很麻烦，且往下看： 针对第一里面的（1），有点绕嘴是吧，那就默读吧，我始终在强调“敏感”及“感觉”这两个词，意思是让你敏感的去感受各种感觉，并记住什么样的东西（这东西可以是任何事物，或者任何事物的一部分）给你什么样的感觉，比如一盘番茄炒蛋，你可以去体会整道菜网站制作（整体感好不好，是完善还是支离破碎，给心理什么感觉），也可以琢磨它的颜 色（对比可好，是否靓丽，色泽是否有食欲，给心理造成一个什么样的结果），也可以琢磨它的味道（是否是纯正的香味，是否有放了葱段来去除酸头，给心理一个什么感受） ，也可以研究它切的形状（各种形状给人的心里感受不一样，是由促进作用，还是有抵触作用），也可以研究称它的盘子（盘子为了内容存在，可否喧宾夺主，原因何在？是颜色有问题，还是形状有问题），也可以研究它的营养（什么营养什么颜色，什么人需要，什么人喜爱，什么人忌口），你也可以研究番茄蛋和盘子之间的比例（社么比例给人实惠感觉，什么比例个人偷工减料的感觉，什么程度可以很好的平衡达到刚刚好）等等等等，只要你有一条分析的标准，就可以找出一条分析的思路，各种感觉是可以无限的，正所谓一物一乾坤，最后只怕语言本身有界限而没有词汇去形容，不然是可以无限体会的。是不是看到这更头大了，不要紧，因为还没说怎么不头大，呵呵，既然你是学编程的，对“反编译”这个词应该不陌生，设计方面亦如此，我们同样可以通过“反编译”别人的优秀作品来给自己补充营养（注意：这里和什么抄袭、模仿没有一点关系）。比如你，要在进入网页设计行之前，先花一个晚上来思考，这个行业中公认的“优秀”在哪里，如果思路快的话，很容易想到韩国网页作品在中国的风靡，有感觉吗？别说没感觉，好，有一点常识认识也行——行内人都在捧他们、盗用他们吗，所以，相对来说优秀，在网络上或者书店查一下关于韩国优秀网站的收录（网上直接可以看到真实产品，书店里有收录成册的，要么放在网页设计书架上，要么放在艺术设计书架上），在看过十个八个之后，是否能感受到他们的一些共性？是不是他们用的“渐变”挺多，是不是相对的设计细节较多，如果同样能感受到，那你就有所得了，只要你在第二天的设计里，适当应用一些渐变，你的设计效果立马就会有改观，这招欢迎试用，无效也不退款，制作网站因为没收款。说到这明白了吗，我们在成功的作品之中找到了规律，到底有多少规律那，基本上应该是无限，我找了好多，貌似还没有看到边的时候。谈到这里有点跑题哈，跑出了讨论第一里面（1）的范围，那再回来，他们每个网站是各有个的宣传主题，比如是育婴网站啦、还是养老院啦等等，每种用的渐变和颜色都不同，什么样的渐变和颜色把网站的主题表现的淋漓尽致了哪？这又需要我们有准确的感受，那又有什么颜色同这些颜色一样可以表现这种感觉或那种那？至此我们有找到了一些共性，下一秒我们的这些研究成果就有可能又派上用场。如果善用这些方法，一天我们会有很多收获，即使一天收获一条（远远大于1，运用“一目记”的技巧，看到就可记，瞥一眼就知道什么颜色，这个瞥一眼就知道颜色男生用的多），一年也很可观，这样我们就可以同情的看着那些脑子不好使、不思考的人在哪里向外憋作品。 针对第一里面的（2），用计算机对学编程的人来说就是家常便饭了，只要是计算机，无论用那种系统，基本大同小异，现在做设计用的基本就是Windows平台、Mac平台，当然你非要拿linux平台的GIMP来做图也不是不可以，但是这样耍个性没人会仰慕你。软件吗，大多都是鼠标、键盘操作，更是大同小异了，比如平面软件，只要你会了Photoshop，其他平面软件基本就是一马平川了。看看软件自带帮助，知道基本操作，脑中要有设计的最终效果，然后用基本操作基本就搞定，网上教程适当看，见过很多为了一个小效果动用几十次滤镜的主，软件是用的很拽，但那效果其实只需要用笔刷两刷子。
第三，没有谁是绝对的对，或者永远的对，所有东西都在变化，一定要自己思考，也许今天我用这些方法成功了，明天你用这方法也成功了，但是后天也许这些东西就会被新的思维给淘汰，但想回来，万变不离其宗，所以要抓住最基本的，驾驭最前卫的，一定要时刻自己的脑不离身，离了就挂了。有的人在做一个行业，有的人在研究一个专业，我们如果能始终坚持一边研究一边做这个行业，总会有别人所不能企及收获。
希望以上的文字对你有所帮助，也许一时这点文字并不能帮你找到方向或者大彻大悟，但偶真切的希望这能作为一个引子，让每个看官都能再次把我们本来就具有的东西——思考功能重拾。我是“唐僧派”设计师K，希望大家都更上层楼——“思之、思之，神鬼通之”，共勉～
　　公司10多年网站设计公司经验丰富而且积累了大量的有丰富经验和诀窍，网站设计公司企业具有一支奋发图强、百尺竿头、更进一步、百折不挠、同心协力、兢兢业业、坚韧不拔、的团队。做网页设计师好还是做程序员好呀网页设计相对要请网页优化经验丰富的精深技术人员中做网站才可以
--实实在在懂网页优化的人才会用了诸多时间来制作网站框架,达到还有那么多的见效网站。2004年来　我们就做网站、运用10多年中长时间创新。长期实战。阅历过众多成功 也经过极多不成功。10年时间和精力的实践窍门积聚使公司更加走向老练。
中国网站建设网 (/) 版权与免责声明：&&&&1、凡本网注明“来源：中国网站建设网”字样的所有作品，版权均属于浙江省宁波海曙品优网络技术有限公司，如需转载、摘编或利用其它方式使用上述作品，请与本网联系。
&&&&2、凡本网注明“来源：XXX（非中国网站建设网）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。中国网站建设网的转载仅为信息的广泛传播，如有侵权请及时告之删除。本文由&– 小峰原创翻译，转载请看清文末的转载要求，欢迎参与我们的！
和设计师大部分时间都坐在电脑前。有效的锻炼有助于他们更好地工作。
当坐在电脑桌前的时候
双手在肘部弯曲。
打字时手应搁在桌子上。
键盘和鼠标应在触手可及的地方。
显示屏应在视线水平上，不高不低。
光线最好应来自上方。即光线应该从天花板上照下来。
每隔20分钟远眺。可降低眼睛长时间盯着近距离物体产生的疲劳。
鼠标和手差不多大小。
使用全尺寸符合人体工学的键盘。我个人比较喜欢Microsoft和Logitech这两个品牌。
1.眼保健操
虽然目前还没有明确的科学数据可以说明眼保健操能够改善视力。但是，这些眼部运动大多数还是符合人体工程学的。
也可以使用保湿眼药水，如果整天看屏幕让你觉得眼干的话。另外在工作的时候要确保房间和办公室有足够的光线。如果哪天白天你走出办公室，眼睛觉得刺痛的话，那么就说明你的办公室光线不够。
在昏暗的条件下工作会导致近视。一定要确保有足够的光线。
2.手掌锻炼
手掌锻炼对于那些整天坐在电脑前打字的人很有必要。
1.热身准备
如图所示，甩动你的手。做一分钟的时间可以避免屈肌紧绷。可以想象你刚洗完手，正在把它们甩干。
2.伸展手指
手心向上，手指向下，尽可能地分开然后合拢手掌，在这过程中始终保持手指不分开。
手朝天，掌心朝自己，然后用另一只手轻轻地朝下掰拇指。
保持20秒。
换另一只手重复。
手臂伸直，手腕内部向下，如图所示。
轻轻舒展手指，在不引起疼痛的前提下，用另一只手尽可能最大角度地掰手掌。
保持20秒。
换另一只手重复。
4.反向舒展手。
手放到桌子边缘，手掌自然向下，如图所示动作。
用另一只手抓住这只手，在不引起疼痛的前提下，轻轻地施加压力至能承受的最大值。
请注意，人不会觉得痛，但得能感受到手在舒展。
保持20秒。
换另一只手重复。
3.颈部练习
防止肌肉和颈部麻痹的基本伸展动作。这套舒展动作不但有助于保持体型，还能修复突出的颈椎。
请按以下步骤：
在房间里找一个角落，也可以是在办公室里，在距离角落大概0.6米的地方站好。
保持双脚并拢。
将两个手臂分别贴在墙壁上，肘部稍低于肩。（图1）
前手臂要完全贴着墙。如果不是的话，请调整。
尽可能向墙倾斜的同时，保持身体的笔直。你会觉得在略低于脖子的地方以及肩膀和胸部的前面有一种舒展感。
保持30秒。
这有助于对齐肩部，胸部和颈部。
4.下巴锻炼
下巴是缓解颈部疼痛最简单有效的锻炼之一。此锻炼可以解决来自于整天在屏幕上看小文本而产生的问题。
这方法不仅可以舒展，也能加强肌肉，帮你将头推回与肩膀对齐。
做这个练习要找一面墙，然后像这样背靠着墙，笔直地站好。
把你的手放在下巴上，然后将其推向你的脖子。保持5秒钟，然后松开，做5次。
这么做不仅有利于颈部，也可以改善形态，帮助放松眼睛。确保每天做至少2-3次。
5.背部锻炼
躺下，身体朝天，双腿膝盖弯曲。
将膝盖弯曲到右侧。
保持15秒。
回到起始位置。
将膝盖弯曲到左侧。
保持15秒。
回到起始位置。
弓起背部，使下背部腾空。在不引起疼痛的前提下，尽可能地抬高保持5秒钟，然后放松。
跪在地上，四肢着地，如图所示。
放松，不要刻意支撑身体。
向上弯曲背部，就好像有人在拉一样。
保持五秒钟。
回到原来位置。
1.笔直地坐在凳子上，然后将右腿搁在左腿上。2.把左手靠在右腿上，同时扭动身体。3.保持10秒钟。4.换个方向做。
笔直地坐在凳子上，肩膀向后扯。
如图中所示。
保持5秒钟，然后松开。
6.腿部练习
笔直站好，双腿略微分开，不用太远，但也不要太靠近。
保持面部笔直的同时放松下巴。
在保持背部笔直的同时，右脚尽可能向前跨大步。
稍微抬起左脚，使脚跟向上，但脚趾依然触地。
与此同时，膝盖要弯曲。
换只脚再做一次。
1.如图所示站立笔直。2.跳起来的时候双手举过头顶，腿自然伸展，如第二幅图所示。3.再跳一次，然后回到初始位置。4.反复做10次。
双脚踩在楼梯上，脚后跟腾空，脚趾着力。
保持身体其他部位笔直，脚后跟向下掉，保持10秒。
向上踮，保持5秒。
重复整个过程。
上面这些运动和锻炼对于软件开发人员和设计师是非常有益的。
原文作者是Mohammed Lakkadshaw，Mohammed Lakkadshaw公司——一家网络&移动设计和开发公司的创始人。
译文链接：
英文原文：
翻译作者：&– 小峰
[&转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]
在文章中找不到问题答案？您还可以
热门栏目订阅