虽然已经不做设计师快三年了,可是依然会一直留意站酷。看着各位高手的作品,总让我庆幸我没有把这条路走下去——三年前,我就是由于觉得自己在设计上没有
什么天分,于是转行去了一家游戏公司,去做官网建设和媒体渠道方面的工作。如今看来,这条路没有错,我的设计和站酷上的高手想比,差距不是用努力学习追的
上的。
由于工作的关系,我经常扮演一个网页设计的需求方的角色。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的设计师!
本文由 站酷网
- 飞翔的松江人
原创,转载请保留此信息,多谢合作。
分享到:
相关推荐
总的来说,网页设计是一个需要设计师与需求方共同参与的过程,设计师需要理解需求方的视角,同时用专业的眼光来引导和优化设计,确保设计作品不仅美观,而且实用,符合项目的整体战略。通过有效的沟通和协作,可以...
网页设计是信息技术领域中一个重要的组成部分,它涵盖了创建和维护网站的所有方面,包括视觉艺术、用户体验、交互设计以及技术实施。对于大学生和高中生来说,学习网页设计不仅可以提升他们的技术技能,还能培养创新...
本资源就可以为你解决你所面临的这些问题,原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作资源合集,画面精美,非常适合初学者学习使用。 多套(HTML+CSS+JS)网页设计的学生期末大...
综上所述,校园门户网页设计涵盖了多种技术和设计理念,旨在创建一个既实用又美观的在线环境,服务于教育社区的需求。设计过程需综合考虑用户体验、功能性、可维护性、跨平台适应性以及安全性等因素。
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
网页设计的目标不仅仅是创建一个可以展示亳州旅游资源的平台,更是要通过独特的设计思路和丰富的信息内容吸引潜在游客,提升亳州在国内外的知名度和影响力。 在设计这样一个网站时,首先需要进行需求分析,了解目标...
总之,这份资源包是一个宝贵的学习工具,涵盖了网页设计的基础和实践。无论是初学者还是经验丰富的设计师,都能从中获益。通过深入研究和实践,你将能够创建出既美观又功能强大的网页,满足用户的需求并提升他们的...
在本压缩包“dreamweaver网页设计作业成品.rar.rar”中,包含的主要是使用Adobe Dreamweaver进行网页设计的学生作业成果。Dreamweaver是一款强大的网页设计和开发工具,深受专业Web设计师的喜爱,它集成了直观的可视...
- **Sublime Text**:一个高度可定制的文本编辑器,支持多行编辑、语法高亮等功能。 - **WebStorm**:由JetBrains开发的一款JavaScript IDE,适用于前端开发。 - **Notepad++**:一款免费开源的文本编辑器,支持多种...
通过以上分析可以看出,这份期末作业不仅涵盖了网页设计的基本要求,而且提供了一个较为完整的框架,学生可以根据自己的兴趣和课程需求,进一步完善和优化这些网页模板。这对于提高学生的实践能力和掌握网页设计技能...
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件(如:`Dreamweaver、HBuilder、Vscode 、Sublime 、 ...
网页设计是计算机科学领域中的一个重要分支,特别是在当今互联网高度发达的时代,网页设计不仅是技术的体现,更是艺术与功能的融合。对于大一学生而言,掌握网页设计的基本原理和技能是必要的,这有助于他们理解网络...
Dreamweaver是一款广泛使用的专业级网页设计工具,它为用户提供了直观的界面和强大的功能,帮助非编码背景的设计师也能创建高质量的网页。 网页设计的核心是布局、色彩、图形、字体等元素的合理组合,以实现良好的...
布局是网页设计中的另一个重要因素。常见的布局模式有F型布局、Z型布局和网格系统等,它们可以帮助用户快速理解和导航网站。良好的布局应该让主要信息易于找到,同时保持页面整洁,避免信息过载。 交互设计涉及到...
《网站规划与网页设计电子教案》是一份全面深入讲解网站建设和设计的教程资源,涵盖了从初期规划到实际制作的各个环节。这份教程以PPT的形式,提供了丰富的教学内容,旨在帮助学习者掌握网站规划与设计的核心技能。 ...
随着互联网技术的飞速发展,网站建设与网页设计已经成为了互联网生态中的核心环节。一篇全面的论文能够深入剖析网站建设与网页设计的关键要素,结合实际的设计实例和代码展示,为专业人士和学习者提供宝贵的学习资源...
在这个“Dreamweaver网页设计任务要求”中,我们可以深入探讨几个关键知识点,以帮助你更好地理解和执行相关任务。 一、规划与设计 1. 网站目标:明确网页设计的目标,是提供信息、电子商务、娱乐还是教育。设计应...
网页设计是将创意、信息和功能融合到一个用户友好的界面中的艺术与技术结合体。在互联网日益发达的今天,良好的网页设计对于吸引用户、提升品牌形象至关重要。本篇将深入探讨"网页设计技巧及网页制作常见问题",帮助...
网页设计的目的是为了提供一个良好的用户体验,提高网站的可读性和可用性。 网页组成 网页由多个组成部分组成,包括: * 标题(Title):网页的标题,显示在浏览器的标题栏中。 *头部(Header):网页的头部,...
Web网页设计实验报告 一、设计目的 在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位...