2022年网页设计 .pdf

设计师与需求方：记得我自己做设计的时候，当时公司一位在中国待了快6 年了的老外曾经对我说：中国没有DESIGNER, 中国只有PAGE WORKER! 当时听到这句话很不服气，还试图和他理论，当然，最后结果是老外认错了，而我和那个老外也成了好朋友。但是，如今自己做了3 年的需求方，我终于不得不很无力的承认了这个事实 不是中国设计师没有创意，而是客户心理对于项目的需要造就了设计师变成了美工。我不得不承认，大多数的需求方都是外行，有的甚至审美品位严重扭曲 当然，在很多高端的公司，专业的需求方也不是没有，只是这样的需求方是可遇不可求的。在大多数需求方看来，在整个项目当中，他们是处于一个“ 主动 ” 的地位，对于整个项目具有主导话语权。或许他们脑海当中，真的有很漂亮的设计概念，只是他无法实现，于是便找到了设计师，希望设计师根据他所“ 想” 的一个模糊的蓝图来设计页面。于是问题出来了，由于需求方非专业的描述使得设计者的设计思路变的跟着模糊起来。或许需求方的想法表达的很清晰，但是由于扭曲的审美观导致设计师无法认同。无论由于前者的原因还是后者的原因，都会使得页面变的不伦不类。这样的名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 10 页 - - - - - - - - - 经历，我想每位设计师都曾经遇到过。接下来我们来说说解决方法：1、制作之前的沟通非常必要。你要假设需求方是“ 白痴 ” ，什么都不懂。在需求在自己脑海里未明确之前，不要试图去猜测着做，这样 “ 飞机 ” 的概率极高。最好是让需求方找到同类风格的网站至少2-3 个，让他说明这些网站他欣赏在什么地方。当深入的沟通之后，了解了需求方的意图和口味之后，你会发现沟通的时间远远会小于你重做的时间。2、对于用户给予的需求，不要太咬文嚼字，同第一条所说，需要假设需求方为“ 白痴 ” ，很多专业的细节，他们一般不会关注。在做需求方的过程中，我也犯过类似的错误：记得那时侯提交需求，由于项目要求科技感未来感比较强，我在需求中写了一句：“ 整个网站的设计基调为科技感未来感比较强的蓝紫色。 ” 结果，页面出来了之后，发现整体的设计风格很符合我事先的要求，页面也做的很漂亮，只是唯一的问题就出在头部的人物，设计师看到需求后，为了追求整个页面的色调“ 符合需求 ” 把人物的色调也做成了蓝色，远看就像是阿凡达. 对于这个结果，我哭笑不得。没办法，谁叫当时自己需求没有写清晰呢？名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 10 页 - - - - - - - - - 3、对于主导意识比较强的需求方,不妨自己做一下用户引导。好设计师的个性都很强，这是我和很多设计师接触下来的感觉。有个性是好的，但是工作归工作，工作的时候还是要讲究工作方法的。不要试图顶撞需求方，这样做并不明智；也不要试图用自己的专业术语说服对方，这会造成沟通的无效，严重的甚至会让需求方觉得你是在“ 忽悠 ” 他,从而对你产生不信任感。比较合理的方式是：“ 我觉得，你提的想法很不错，只是，我个人觉得. （尽量用对方听的懂的大白话）这样做的话效果会更好一些。当然，我们可以按照您的思路给您做一稿，但是如果可以，我想按照我的想法也做一稿，两稿比较下或许会更稳妥些。” 如此一来，对方有台阶下，不至于伤了自尊，而你，也就是多花了一些时间，至少争取到了按照自己想法做页面的机会。4、“ 大！一定要大！” 很多时候，需求方会对你这么说。通常这么说的意思，就是这个需要“ 明显 ” 。虽然可以假设需求方是“ 白痴 ” ，但是在这点上，他比你懂。不过，客户说“ 大” ，未必一定要 “ 大” ，首先，试图分析下，他为什么说要“ 大” ，或许从产品本身的角度，对方是正确的；然后是修改，不过这个修改不是需求方说什么就是什么，依照第三条的做法，一稿按照用户的要求改，一稿可以尝试一些其他方法：比如换字体、名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 10 页 - - - - - - - - - 换颜色、 换样式， 找个衬托的东西什么的.总之是在不破坏设计效果为前提的基础上作出自己觉得正确的修正 需求方大多是了解自己的产品并且知道自己要做什么的（也有不少是什么都不懂不知道的，遇到那种算你倒霉），他们或许不太清楚如果用美术的方法达到自己的效果，但是如果仔细分析，还是能够了解他们的意图的。5、千万不要随意改动LAYOUT ，即使你觉得这个LAYOUT糟糕的让自己崩溃，也不要不和需求方联系就随意去做调整 你需要有这样的意识：很多时候需求方是需要控制结果并对结果负责的，不告知需求方而随意修改需求将为结果带来很大的不可控因素并对结果带来不可知影响，是对需求方很严重的挑衅。即使实在无法接受这样的LAYOUT ，至少自己脑子里思考下，为什么对方会这么布局？如果不使用这样的布局，我是否能有更好的解决方案？然后带着“ 可能效果会更好的解决方案” 去说问题。 这样至少不会让需求方觉得你“ 无视” 他的需求，而是在“ 帮助 ” 他解决问题。6、要学会挑选客户，在我还是设计师的时候，一位老前辈曾经说过： “ 当你选择接1000 ￥/p 以下的单的时候，就意味着，你的设计已经定位在这个档次了。” 事实也的确如此，很多中小企业的领导、国企或者政府的领导，通常会有很强的主导名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 10 页 - - - - - - - - - 意识，而且觉得设计不值钱，设计就是按照他们的意图制作页面，设计师也就是一工匠。和这样的客户讲设计基本没戏，你的设计也别指望能做的出彩。什么档次的用户决定什么档次的设计，这句话是有道理的。设计师与程序：关于这个问题，很多时候是无法调和的矛盾。很多时候设计和程序是天生的“ 敌人 ” 设计师对于页面的认识是“ 漂亮 ” ，而程序对于页面的认识是“ 简单 ” 。对于页面的根本认识的不同，是两者发生矛盾的关键。我不得不承认，这样的矛盾很多时候是无法完全消失的，不过话说回来，事在人为，通过主观的努力尽可能去避免这些问题还是可行的。1、多了解一些技术的东西是有必要的，DIV+CSS是必须要学的，别觉得那是程序的事情 如果你不想自己的页面被改的面目全非，所以这个是必须的。JS 的代码可以不懂，但是 JS 的原理还是该了解 至少和程序沟通你要的效果的时候用的到。这些都是最基础的，如果你还想朝着更高的方向发展。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 10 页 - - - - - - - - - 2、有时候简化页面是没有办法的事情，中国的网速就这个情况，现在电脑的配制也是无法改变的客观事实。有些效果比如 FLASH 、JQuery 等等，虽然效果很华丽，有时候太占带宽太占系统资源。去掉也是没有办法的事情，毕竟，如果漂亮的效果让用户看不到或者等不到，结果会比没有效果更糟糕。3、私底下多和程序沟通。人心都是肉长的，有时候私下沟通比工作沟通有效果的多。没事情的时候多和程序一起抽抽烟、喝喝酒、吃吃饭、唠唠嗑。和好的设计一样，好程序也大多很有个性，但是思维也大多很简单，就和写判断逻辑一样，不是 0 就是 1，所以别被表面的现象所迷惑、事实上程序是很容易接触的一类人。和程序处熟了，工作沟通也会容易不少、甚至可以直接找一个处熟的程序搭档接一些私单，有财一起发，不仅能赚钱，还能增进相互之间的感情，何乐而不为？设计师和终端体验者：虽然说设计师很少能和终端体验者发生关系。但是事实上，一个页面到底好不好，终端体验者最有权利说。作为一个设计师，不是说光会设计漂亮页面就OK 了， 如果用户体验不好，页面再漂亮，也是空的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 10 页 - - - - - - - - - 1、需要学习理论，但不要迷信理论。很多设计师喜欢看国外的设计理论，这些理念通常都很先进，而且都有很强的逻辑，让人觉得 “ 该这么回事 ” 。不过，实际情况是，这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西，虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点，我做过几个大型英文网站的项目，感触很深刻。其实，那些理论也都是外国设计师一点一点总结出来的，我们为什么自己不能总结一些中国用户自己的习惯呢？多看各个成功的网站，多观察身边的人浏览网站的习惯，然后自己思考一下“ 为什么 ” 。当你有自己成熟的理论了，你就离“ 大师 ” 不远了。2、好的页面设计是引导用户去阅读的。设计的最终目的是为了传达信息，如果为了页面美观而失去了传达信息本身的效果，那这种页面设计的效果就是负的。这是很多有平面设计习惯的设计师时常会忽略的问题。尤其在以文字和图片作为传达主体的网站上，这种问题更加明显。建议有这样问题设计师能看一些关于排版方面的书籍 在这方面，网页设计和印刷排版设计是有共通之处的。3、设计也需要在文字上下功夫。很多时候页面上的引导是通名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 10 页 - - - - - - - - - 过文字链接实现的，而策划案里面或者LAYOUT里面不会给你明确的文字（有不少策划案里所给的文字链界是仅供参考的），如果不自己琢磨下，有时候真会出现不少尴尬。最简单的例子：很多人喜欢用“MORE”、“CLICK HERE ”、“SKIP”这样的英文单词。这个单词什么意思，我们都知道、可是如果这个网站目标用户群体是中年人或者年纪更大的人。那恭喜你，你对牛谈琴了 呈然，现在的年轻人大多有英文基础，但是老一辈可没有我们这么好的教育水平啊！.很多设计师都不太在意文字本身，这在中国是一个很悲哀的事实这样的态度会让设计师很难进步，就是从职业规划上来说，将来要朝更高的其他方向发展，这也会成为一个障碍。4、考虑下动态页面具体使用中会遇到的问题。静态页面我们能够控制最后出来的效果。但是动态页面却会出现我们无法预计的问题，你需要考虑到没有美感的网站编辑用丑陋颜色的标题把你的页面搞的乱七八遭、你需要考虑到有时候用户名是 8 个字，但是你却只给了7 个字的距离 . 如此等等的问题都会影响到页面的效果和用户的观感。这方面的问题总是会超出你的想像，但是一旦发现了，就必须准备解决的方案，能否发现问题以及是否快速找到解决问题的方案，在一定程度上也是判断一个设计师是否有经验的标志。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 10 页 - - - - - - - - - 给新人的建议：1、平时多看所收集整理素材、自己做的页面分门别类的整理好、老设计师为什么出东西的速度比你快而且效果好？就是因为他们看的比你多，素材比你丰富。老设计师的硬盘绝对是个宝，恩恩，别想歪了。2、设计的时候少些想法，设计好之后多些想法。大胆下笔、小心收拾，只要总体的感觉对了，设计就能出效果，相反，设计时候想法多了，不仅会严重影响设计速度，出来的东西也会不伦不类。3、设计有时候不都是加法、减法也很重要，全是效果等于没有效果，材质和光感觉最好能保证统一。影响整体效果的东西，再漂亮也要狠的下心去掉。4、自己看效果的时候一定要放到100% 看，建议根据不同分辨率浏览器宽度拉一下辅助线，保证在不同分辨率下效果都不至于太差。看的时候可以学学画素描的方法，眯起眼睛看，那些东西突出没有、哪些东西没有突出，用那个方法一看就知，当然如果带眼睛的可以把眼镜去掉，效果是一样的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 10 页 - - - - - - - - - 5、有能力制作个人网站的话，还是做一个吧！一方面练手，另外一方面，无论是求职还是接单，都用的着！名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 10 页 - - - - - - - - -