`

一个网页设计需求方眼中的网页设计

阅读更多

虽然已经不做设计师快三年了,可是依然会一直留意站酷。看着各位高手的作品,总让我庆幸我没有把这条路走下去——三年前,我就是由于觉得自己在设计上没有 什么天分,于是转行去了一家游戏公司,去做官网建设和媒体渠道方面的工作。如今看来,这条路没有错,我的设计和站酷上的高手想比,差距不是用努力学习追的 上的。

由于工作的关系,我经常扮演一个网页设计的需求方的角色。3年的时间,我看了无数的设计稿,也亲手,枪,毙了很多的设计稿。很多时候我觉得很无奈,那些设计都 很好——有的精美的让我枪毙的时候心情极度难受——这些设计本身不是不美观,只是由于设计者太注意设计本身,忽略了很多设计之外的东西。联想到在站酷上也 经常看到的很多精美华丽的“飞机稿”,这不能不让我这个依然爱好设计的旁观者心疼!所以我想就我这三年作为一个设计需求方,从我所看到的视角来说一下网页 设计。希望对大家能有帮助。当然,在设计方面,我只能说是个外行,如果说的有什么不对,还希望大家能见谅。


设计师与需求方:

记得我自己做设计的时候,当时公司一位在中国待了快6年了的老外曾经对我说:"中国没有DESIGNER,中国只有PAGE WORKER!"当时听到这句话很不服气,还试图和他理论,当然,最后结果是老外认错了,而我和那个老外也成了好朋友。但是,如今自己做了3年的需求方, 我终于不得不很无力的承认了这个事实——不是中国设计师没有创意,而是客户心理对于项目的需要造就了设计师变成了美工。

我不得不承认,大多数的需求方都是外行,有的甚至审美品位严重扭曲——当然,在很多高端的公司,专业的需求方也不是没有,只是这样的需求方是可遇不可求 的。在大多数需求方看来,在整个项目当中,他们是处于一个“主动”的地位,对于整个项目具有主导话语权。或许他们脑海当中,真的有很漂亮的设计概念,只是 他无法实现,于是便找到了设计师,希望设计师根据他所“想”的一个模糊的蓝图来设计页面。于是问题出来了,由于需求方非专业的描述使得设计者的设计思路变 的跟着模糊起来。或许需求方的想法表达的很清晰,但是由于扭曲的审美观导致设计师无法认同。无论由于前者的原因还是后者的原因,都会使得页面变的不伦不 类。这样的经历,我想每位设计师都曾经遇到过。

接下来我们来说说解决方法:

1、制作之前的沟通非常必要。你要假设需求方是“白痴”,什么都不懂。在需求在自己脑海里未明确之前,不要试图去猜测着做,这样“飞机”的概率极高。最好 是让需求方找到同类风格的网站至少2-3个,让他说明这些网站他欣赏在什么地方。当深入的沟通之后,了解了需求方的意图和口味之后,你会发现沟通的时间远 远会小于你重做的时间。

2、对于用户给予的需求,不要太咬文嚼字,同第一条所说,需要假设需求方为“白痴”,很多专业的细节,他们一般不会关注。在做需求方的过程中,我也犯过类 似的错误:记得那时侯提交需求,由于项目要求科技感未来感比较强,我在需求中写了一句:“整个网站的设计基调为科技感未来感比较强的蓝紫色。”结果,页面 出来了之后,发现整体的设计风格很符合我事先的要求,页面也做的很漂亮,只是唯一的问题就出在头部的人物,设计师看到需求后,为了追求整个页面的色调“符 合需求”把人物的色调也做成了蓝色,远看就像是阿凡达...对于这个结果,我哭笑不得。没办法,谁叫当时自己需求没有写清晰呢?

3、对于主导意识比较强的需求方,不妨自己做一下用户引导。好设计师的个性都很强,这是我和很多设计师接触下来的感觉。有个性是好的,但是工作归工作,工 作的时候还是要讲究工作方法的。不要试图顶撞需求方,这样做并不明智;也不要试图用自己的专业术语说服对方,这会造成沟通的无效,严重的甚至会让需求方觉 得你是在“忽悠”他,从而对你产生不信任感。比较合理的方式是:“我觉得,你提的想法很不错,只是,我个人觉得..........(尽量用对方听的懂的 大白话)这样做的话效果会更好一些。当然,我们可以按照您的思路给您做一稿,但是如果可以,我想按照我的想法也做一稿,两稿比较下或许会更稳妥些。”如此 一来,对方有台阶下,不至于伤了自尊,而你,也就是多花了一些时间,至少争取到了按照自己想法做页面的机会。

4、“大!一定要大!”很多时候,需求方会对你这么说。通常这么说的意思,就是这个需要“明显”。虽然可以假设需求方是“白痴”,但是在这点上,他比你 懂。不过,客户说“大”,未必一定要“大”,首先,试图分析下,他为什么说要“大”,或许从产品本身的角度,对方是正确的;然后是修改,不过这个修改不是 需求方说什么就是什么,依照第三条的做法,一稿按照用户的要求改,一稿可以尝试一些其他方法:比如换字体、换颜色、换样式,找个衬托的东西什么的...总 之是在不破坏设计效果为前提的基础上作出自己觉得正确的修正——需求方大多是了解自己的产品并且知道自己要做什么的(也有不少是什么都不懂不知道的,遇到 那种算你倒霉),他们或许不太清楚如果用美术的方法达到自己的效果,但是如果仔细分析,还是能够了解他们的意图的。

5、千万不要随意改动LAYOUT,即使你觉得这个LAYOUT糟糕的让自己崩溃,也不要不和需求方联系就随意去做调整——你需要有这样的意识:很多时候 需求方是需要控制结果并对结果负责的,不告知需求方而随意修改需求将为结果带来很大的不可控因素并对结果带来不可知影响,是对需求方很严重的挑衅。即使实 在无法接受这样的LAYOUT,至少自己脑子里思考下,为什么对方会这么布局?如果不使用这样的布局,我是否能有更好的解决方案?然后带着“可能效果会更 好的解决方案”去说问题。这样至少不会让需求方觉得你“无视”他的需求,而是在“帮助”他解决问题。

6、要学会挑选客户,在我还是设计师的时候,一位老前辈曾经说过:“当你选择接1000¥/p以下的单的时候,就意味着,你的设计已经定位在这个档次 了。”事实也的确如此,很多中小企业的领导、国企或者政 府的领导,通常会有很强的主导意识,而且觉得设计不值钱,设计就是按照他们的意图制作页面,设计师也就是一工匠。和这样的客户讲设计基本没戏,你的设计也 别指望能做的出彩。什么档次的用户决定什么档次的设计,这句话是有道理的。


设计师与程序:

关于这个问题,很多时候是无法调和的矛盾。很多时候设计和程序是天生的“敌人”——设计师对于页面的认识是“漂亮”,而程序对于页面的认识是“简单”。对 于页面的根本认识的不同,是两者发生矛盾的关键。我不得不承认,这样的矛盾很多时候是无法完全消失的,不过话说回来,事在人为,通过主观的努力尽可能去避 免这些问题还是可行的。

1、多了解一些技术的东西是有必要的,DIV+CSS是必须要学的,别觉得那是程序的事情——如果你不想自己的页面被改的面目全非,所以这个是必须的。 JS的代码可以不懂,但是JS的原理还是该了解——至少和程序沟通你要的效果的时候用的到。这些都是最基础的,如果你还想朝着更高的方向发展。

2、有时候简化页面是没有办法的事情,中国的网速就这个情况,现在电脑的配制也是无法改变的客观事实。有些效果比如FLASH、JQuery等等,虽然效 果很华丽,有时候太占带宽太占系统资源。去掉也是没有办法的事情,毕竟,如果漂亮的效果让用户看不到或者等不到,结果会比没有效果更糟糕。

3、私底下多和程序沟通。人心都是肉长的,有时候私下沟通比工作沟通有效果的多。没事情的时候多和程序一起抽抽烟、喝喝酒、吃吃饭、唠唠嗑。和好的设计一 样,好程序也大多很有个性,但是思维也大多很简单,就和写判断逻辑一样,不是0就是1,所以别被表面的现象所迷惑、事实上程序是很容易接触的一类人。和程 序处熟了,工作沟通也会容易不少、甚至可以直接找一个处熟的程序搭档接一些私单,有财一起发,不仅能赚钱,还能增进相互之间的感情,何乐而不为?


设计师和终端体验者:

虽然说设计师很少能和终端体验者发生关系。但是事实上,一个页面到底好不好,终端体验者最有权利说。作为一个设计师,不是说光会设计漂亮页面就OK了,如果用户体验不好,页面再漂亮,也是空的。

1、需要学习理论,但不要迷信理论。很多设计师喜欢看国外的设计理论,这些理念通常都很先进,而且都有很强的逻辑,让人觉得“该这么回事”。不过,实际情 况是,这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西,虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点,我 做过几个大型英文网站的项目,感触很深刻。其实,那些理论也都是外国设计师一点一点总结出来的,我们为什么自己不能总结一些中国用户自己的习惯呢?多看各 个成功的网站,多观察身边的人浏览网站的习惯,然后自己思考一下“为什么”。当你有自己成熟的理论了,你就离“大师”不远了。

2、好的页面设计是引导用户去阅读的。设计的最终目的是为了传达信息,如果为了页面美观而失去了传达信息本身的效果,那这种页面设计的效果就是负的。这是 很多有平面设计习惯的设计师时常会忽略的问题。尤其在以文字和图片作为传达主体的网站上,这种问题更加明显。建议有这样问题设计师能看一些关于排版方面的 书籍——在这方面,网页设计和印刷排版设计是有共通之处的。

3、设计也需要在文字上下功夫。很多时候页面上的引导是通过文字链接实现的,而策划案里面或者LAYOUT里面不会给你明确的文字(有不少策划案里所给的 文字链界是仅供参考的),如果不自己琢磨下,有时候真会出现不少尴尬。最简单的例子:很多人喜欢用“MORE”、“CLICK HERE”、“SKIP”这样的英文单词。这个单词什么意思,我们都知道、可是如果这个网站目标用户群体是中年人或者年纪更大的人。那恭喜你,你对牛谈琴 了——呈然,现在的年轻人大多有英文基础,但是老一辈可没有我们这么好的教育水平啊!...很多设计师都不太在意文字本身,这在中国是一个很悲哀的事实 ——这样的态度会让设计师很难进步,就是从职业规划上来说,将来要朝更高的其他方向发展,这也会成为一个障碍。

4、考虑下动态页面具体使用中会遇到的问题。静态页面我们能够控制最后出来的效果。但是动态页面却会出现我们无法预计的问题,你需要考虑到没有美感的网站 编辑用丑陋颜色的标题把你的页面搞的乱七八遭、你需要考虑到有时候用户名是8个字,但是你却只给了7个字的距离......如此等等的问题都会影响到页面 的效果和用户的观感。这方面的问题总是会超出你的想像,但是一旦发现了,就必须准备解决的方案,能否发现问题以及是否快速找到解决问题的方案,在一定程度 上也是判断一个设计师是否有经验的标志。


给新人的建议:

1、平时多看所收集整理素材、自己做的页面分门别类的整理好、老设计师为什么出东西的速度比你快而且效果好?就是因为他们看的比你多,素材比你丰富。老设计师的硬盘绝对是个宝,恩恩,别想歪了。

2、设计的时候少些想法,设计好之后多些想法。大胆下笔、小心收拾,只要总体的感觉对了,设计就能出效果,相反,设计时候想法多了,不仅会严重影响设计速度,出来的东西也会不伦不类。

3、设计有时候不都是加法、减法也很重要,全是效果等于没有效果,材质和光感觉最好能保证统一。影响整体效果的东西,再漂亮也要狠的下心去掉。

4、自己看效果的时候一定要放到100%看,建议根据不同分辨率浏览器宽度拉一下辅助线,保证在不同分辨率下效果都不至于太差。看的时候可以学学画素描的 方法,眯起眼睛看,那些东西突出没有、哪些东西没有突出,用那个方法一看就知,当然如果带眼睛的可以把眼镜去掉,效果是一样的。

5、有能力制作个人网站的话,还是做一个吧!一方面练手,另外一方面,无论是求职还是接单,都用的着!

6、设计有时候真需要天分,如果做了一段时间,发现自己没有天分,不如像我一样,跳出去换个工作比较好。呵呵,这条只是一个玩笑。要相信自己的努力会有结果,如果你能坚持的话,我相信,迟早有一天你也能成为最NB的设计师!

分享到:
评论

相关推荐

    一个网页设计需求方眼中的网页设计.docx

    总的来说,网页设计是一个需要设计师与需求方共同参与的过程,设计师需要理解需求方的视角,同时用专业的眼光来引导和优化设计,确保设计作品不仅美观,而且实用,符合项目的整体战略。通过有效的沟通和协作,可以...

    个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品 个人博客

    本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...

    校园门户网页设计 门户网页设计 网页设计

    综上所述,校园门户网页设计涵盖了多种技术和设计理念,旨在创建一个既实用又美观的在线环境,服务于教育社区的需求。设计过程需综合考虑用户体验、功能性、可维护性、跨平台适应性以及安全性等因素。

    校园网页设计成品 学校班级网页制作模板 dreamweaver网页作业 简单网页课程成品 大学生静态HTML网页源码

    总之,这个项目不仅是一个优秀的静态网页设计案例,还为学生提供了一个很好的实践机会,帮助他们在实践中学习和掌握HTML5、CSS3和JavaScript等前端开发技术。通过实际操作,学生可以更好地理解这些技术的应用场景和...

    网页设计模板 网页设计模板

    网页设计是互联网行业中至关重要的一个环节,它直接影响到用户的浏览体验和网站的视觉效果。"网页设计模板 网页设计模板"这个资源包显然旨在为网页设计师或初学者提供灵感和参考,帮助他们快速构建出吸引人的网页...

    《网页设计》课程设计报告书.docx

    综上所述,这份《网页设计》课程设计报告书详细阐述了创建一个旅游文化类网站的全过程,从需求分析到技术实现,再到创新设计,充分体现了网页设计的基本原则和实践技巧,同时也展示了作者对亳州旅游文化的深入理解和...

    Dreamweaver网页设计试着

    2. 在新文件夹内创建一个站点,同样命名为“网页设计期末考试”,站点管理是网页设计中组织和管理文件的关键步骤。 3. 在站点内创建一个子文件夹“images”,用于存放网页中的图片资源,遵循良好的文件组织原则。 ...

    大学生web网页制作设计期末大作业【6个页面+多元素组合】

    总的来说,这个“大学生web网页制作设计期末大作业【6个页面+多元素组合】”是一个综合性的实践项目,涵盖了网页设计的基础理论和实际操作,包括但不限于页面布局、视觉设计、多媒体元素的整合以及前端开发技术的...

    网页设计制作源代码和素材

    总之,这份资源包是一个宝贵的学习工具,涵盖了网页设计的基础和实践。无论是初学者还是经验丰富的设计师,都能从中获益。通过深入研究和实践,你将能够创建出既美观又功能强大的网页,满足用户的需求并提升他们的...

    一个简单的网页制作期末作业,学生个人html静态网页制作成品代码

    通过以上分析可以看出,这份期末作业不仅涵盖了网页设计的基本要求,而且提供了一个较为完整的框架,学生可以根据自己的兴趣和课程需求,进一步完善和优化这些网页模板。这对于提高学生的实践能力和掌握网页设计技能...

    dreamweaver8网页设计和网页设计报告

    Dreamweaver是一款广泛使用的专业级网页设计工具,它为用户提供了直观的界面和强大的功能,帮助非编码背景的设计师也能创建高质量的网页。 网页设计的核心是布局、色彩、图形、字体等元素的合理组合,以实现良好的...

    html班级网页设计模板下载

    HTML班级网页设计模板是网页设计初学者和专业人士常用的一种资源,它可以帮助快速构建一个具有基本结构和样式的网页。在本资源中,我们提供了一套基于HTML(超文本标记语言)和CSS(层叠样式表)设计的班级网页模板...

    网页设计期末作业,使用HTML、CSS、Jquery模仿网易云网页

    网页设计是IT领域中一个重要的组成部分,特别是在当前互联网时代,美观且用户体验良好的网页设计对于吸引用户至关重要。这个期末作业的主题是“使用HTML、CSS、Jquery模仿网易云网页”,这是一次实践性的学习任务,...

    网页设计+设计需求,晴雪要者下载

    布局是网页设计中的另一个重要因素。常见的布局模式有F型布局、Z型布局和网格系统等,它们可以帮助用户快速理解和导航网站。良好的布局应该让主要信息易于找到,同时保持页面整洁,避免信息过载。 交互设计涉及到...

    网页设计技巧及网页制作常见问题

    网页设计是将创意、信息和功能融合到一个用户友好的界面中的艺术与技术结合体。在互联网日益发达的今天,良好的网页设计对于吸引用户、提升品牌形象至关重要。本篇将深入探讨"网页设计技巧及网页制作常见问题",帮助...

    制作一个简单HTML个人网页网页——人物介绍梵高(HTML+CSS)

    - **CSS3**: 新增的特性包括但不限于圆角(`border-radius`)、阴影(`box-shadow`)、多列布局(`column-count`)、动画和过渡(`transition`、`animation`)等,这些特性使得网页设计更加灵活且富有创意。 ### 2. 使用DIV...

    网页技术设计

    学习HTML是网页设计师的基本功,它让你能够控制网页的每一个元素。 2. 静态网页:与动态网页相比,静态网页的内容在服务器端不进行实时计算或交互,而是固定不变的。它们是预先编写好的HTML代码,浏览器接收后直接...

    网页设计大作业-柯南

    开发者可以选择现有的开源CMS,如WordPress,或者根据需求定制一个简单的后台系统。 7. **性能优化**:网站加载速度是影响用户体验的重要因素。优化包括压缩图片、减少HTTP请求、利用CDN加速、优化代码等方法,确保...

    网页设计模板,3分钟内就可以制作一个很漂亮的网页

    "绿盟"作为标签出现,可能是指一个专注于网页设计的平台或工具,它提供了一系列优化的网页设计解决方案。绿盟的模板设计可能具有绿色环保的主题,或者以其高效、安全的特性受到用户欢迎。在网页设计领域,一个优秀的...

    网页设计插件合集

    总之,"网页设计插件合集"是一个全面的资源库,涵盖了网页设计过程中的多种需求。无论是初学者还是经验丰富的设计师,都能从中找到提升自己工作效率和创意的工具。通过熟练运用这些插件,设计师可以更好地实现他们的...

Global site tag (gtag.js) - Google Analytics