网页设计教程(1):步骤和整体布局

所属分类: 网页制作 / 应用技巧 阅读数: 920
收藏 0 赞 0 分享

注:所有文字,除注明网站类型外,其他均针对企业站点.请随时注意留言,若修改则会在首页提示文字里标注.若牵扯到业务方面的问题,我可能不会做过多的阐述.但会讲一些基本的原则和处理技巧.重要的文字一般都是加粗的....有经验的人直接看加粗的内容就可以了.除了第一条以外,其他的初入行的可以跳过.
沟通部分,适合大部分设计行业.
本章全是理论的东西,不牵扯实际设计.
写文章真的很辛苦,大家顶一顶吧.....
步骤
1:定位
在通过与客户,或与和客户接触的业务人员交流,做出一个准确的定位.
定位的准确与否,虽然不能决定一定通过,但如果定位不准或相差太远,那么100%被pass.定位决定了你出的稿的品位.试想一下,一个年产值100W和一个年产值1E的企业,定位能一样么?同样的,将这两个企业正确的定位交换一下,同样都过不了.年产值100W的,一般情况下思想都没有达到那个高度,这是由企业的规模大小来决定的,(注意,这里说的是一般企业),而年产值1E的企业,你给他100W的那个高度,他自然也看不上眼.在交流的时候,准确把握住客户的喜好.仔细观察客户企业/办公室的装修及装饰.注意一下他的言行举止.做到这几点.即使在与客户语言的交流上你得不到准确的定位,也可以从侧面分析出来.尤其是那些不懂得表达的客户.更要注意这些侧面的东西.
一般我向客户伸手要的第一份资料是客户的CIS样册.CIS对企业意味着什么,不就不多说了,自己去查.CIS,可以说是灵魂一般的东西.
05年初,公司接了个单.在初稿形成之后,从业务那边得到的信息,我认为这仅仅是一个土老板的小厂子,所以就按照经验,做了一个适合他们口味的版.结果这个版到那边之后,副总拍板通过.这就坚定了我本来很摇摆的心态.但结果是一直收不到钱.原因是老总回来之后直接否决了.在拉锯了3个月之后,我和业务来到了厂里.一进大门我就知道不好.在见了老总之后,我不得不对他们的公司做了新的定位.然后就判断出副总和老总的差距太大.事实证明了我的判断.工人们对老总都是言语中带着钦佩.对副总却是不屑一顾.
定位,并不是一个能够用准确的语言表达出来的.这需要你去发现,需要你去判断,需要你去感觉.
2:参考(可能会省略)
用一句完整的话来说,就是"全面研究和发掘客户给出的相似站点",其实这一点不用多说,就是客户给出的参考网站,你要仔仔细细的全全面面的浏览,并且做出透彻的理解.而且必须理解到客户说的人家哪里好,人家哪里不好.这样,你才会对你的稿有更多的把握.
3:沟通
这个词天天都会看到,但你有没有想过这个词具体表达什么意思呢?
在我看来,无非是理解和表达.中间穿插着分析而已.理解了客户的意思,分析利弊,分析轻重,分析合理性.然后再根据自己的专业知识做个筛选,最后表达出来.注意,客户并非专业人员,所以,你必须用他们的语言来表达自己的设计思路.
不懂得表达的设计师,不能算是优秀的设计师.同样,不懂得坚持原则的设计师.也不是好的设计师.要理解的是客户并非专业人士,他们仅仅是在讨论或批评你的作品而不是你的人品,在沟通的过程中守好你的底线,一句老话,生意不成仁义在.千万不能动怒,哪怕对方爆了粗口,因为,客户比你更关心你的作品.
在出稿提交给客户的时候,有一点非常重要,也是大部分人没有做的.就是设计说明,一般我是两种方案,因为文字类的不如语言来的直接迅速,所以我会打个电话给客户,简单介绍一下,如果客户有空,而且愿意的话,我会挑个时间直接登门,如果客户没时间,我会奉上我的设计说明.专业的态度,决定客户对你的尊重程度,而你的名气,大部分的作用是价格的高低.
在制作进行到80%的时候,或者提交初步完稿的时候,你要将你为客户设计的功能或图片夸张150%给客户知道.因为这个时候再博得进一步的好感,客户会更爽快的跟你结帐.然后迅速到位的解决客户要求增加的内容,顺带问问是否将访问设置成多少多少次.是否增加一些其他的提示信息.......
要从不同角度去分析客户提出的意见建议(在稿件没有大的变动下),一般我都是说没有问题.然后略为思索,用最简练通俗的语言表达出你的方法或手段.让客户坚信你没有问题.而如果真的有问题,也还是要在没有问题之后,用平淡的语气说出的想法或难点,并且要让客户理解.如果客户坚持,那么不要轻易的提到加钱.引导客户,通过工作量的增加,难度的增加等等手段让客户自己提出加钱的解决办法.
对于老板娘或其他人的意见.首先你要作到滴水不漏的接住.千万不要人家一说话你就没音了...要善于运用(老板的意思是***,老板觉得***)这是中央集权的方法.如果老板不满意,而手下的人满意.那么你就要很小心的说:(X总在颜色方面好象比较了解,他认为这个不错,XX主任的感觉很敏锐,他觉得这个也不错.)这样类似的句子.记住,在你取得客户的绝对信任之前,千万不要直接否定他们任何人的意见.即使客户砸了自己的脚,你也要给他把锅给背了..
(好象说多了...)
3:修改及后期维护
即时到位,保证质量.有那些很讨喜但不费力不费时的,免费送给他.
PS:学习及设计态度.
认真负责,健康热情的态度.会让你在工作和生活中获益菲浅.
大局观:
1:你要对客户对你作品的满意度有超过80%的把握.因为很大程度上,你的稿决定了这个单的成败.
2:态度决定一切.
3:尊重所有的人.
4:与同事配合到位.
瓶颈,迷茫,空白和其他.
关于瓶颈,相信很多人都遇到过.小时候练书法.突然有段时间写的一塌糊涂.被老爸骂,我自己也不知道原因,后来高中学美术,才知道,画不出来的时候不是画不出来,而是遇到瓶颈了,如果顺利的突破,那么肯定是大进一步,否则可能滞留在同一水平上很长时间.
瓶颈分为两种,至少我认为是两种,一种是能力或水平上的,突破就象征着进步.而另外一种,则是精神上的,原因颇多,比如长期从事得不到较好的缓解,而产生的疲惫.或者是作品频频被P,自信心受到打击,甚至是自己最尊重的设计师的讽刺等等等等,都会造成瓶颈,这样的瓶颈,你突破之后,思想会上升到另外一种高度,如果能力跟的上的话,你很有可能步入一个更高更广阔的领域.
对于接到一个单子脑袋中却突然一片空白,这也是正常现象,怕就怕空白的时间太长,这个时候你需要调节,到外边逛一圈,吃点东西,与同事聊几句,或者到另外一个环境中与不相干的人聊聊.把注意力全部转移之后,再回来继续你的工作.而迷茫则不一样,迷茫是指设计的时候进行到某一步突然没了方向没了感觉.碰到这种情况,我一般都是从头理一理思路,或者看一下自己事先写的策划,自从养成写策划的习惯后,我基本没再碰到过这种情况.

设计师的坏脾气.
关于这一点.未来就没有什么好的解决方法了.推荐的方法是心平气和,放心,不会有那么多人恶意攻击你的.对于他们提出的建议,你要学会从不同的角度去思考.一定要他们说的有条理,不然别让他们说.对于同等层次的就不用这样限制了,因为差不多水平的情况下,往往交流的时候只需要几句话甚至是几个字,双方都能心领神会.设计师不能怕别人的批评.同样,给别人的建议的时候也要注意两点,一是有条有理,清清楚楚,二是不能带有太重的个人感情色彩.
更多精彩内容其他人还在看

32个典型的以分栏/网格为基础的网站

如果你正在寻找网页分栏设计的灵感,这里收集了32个典型的以分栏/网格为基础的网站。它们显示了在网页设计中分栏/网格的重要性,无论对于信息量巨大的站点还是个人博客。 1.The New York Times 2.National Post 3.Guardian 4.Times
收藏 0 赞 0 分享

理论普及——用户体验

一、概念分析1:UE用户体验 英文叫做user experience,缩写为UE, 或者UX。 当指电子商务网站的时候也被称作顾客体验(CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享
收藏 0 赞 0 分享

分页案例和好的实践

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。 在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0 赞 0 分享

建立用户体验

也许你刚刚来到一家公司,他们希望进行一些“可用性”工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部门的经理或副总。你知道,如果更好地了解使用产品/软件/网站的人,就可能开发出更好的产品/软件/网站。不管怎么样
收藏 0 赞 0 分享

网页图片快速显示的方法和技巧

1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs. 1.用.gifs格式保存图片,最好不要用.jpgs格式。因为前者的尺寸比后者小。 2.Use 'Height
收藏 0 赞 0 分享

推荐60种分页案例和好的实践

结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。 在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0 赞 0 分享

全面的网站评估方案

有时会被问到“看看XXX网站如何?”之类的问题。 谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多人又问“那么你仅从UI/UE的角度看看呢?”首先我们得达成共识,一切花里胡哨都在为功能服务,如果功
收藏 0 赞 0 分享

网页的栅格设计思考

原文地址:http://andymao.com/andy/post/82.html 网页设计中的脏、乱、差,是我们在设计过程中常会遇到的问题。通常"脏"是由对色彩使用不当所产生的,而色彩使用不当产生的不好效果也分为:"花、灰",花哨、
收藏 0 赞 0 分享

设计理论设计中的层次感

原文:http://andymao.com/andy/post/80.html 这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的无非是两种可能,一种是单调,一种是花哨。在设计中我们常
收藏 0 赞 0 分享

网页心得:网页色彩的搭配

网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?这里谈一些心得,希望对你有所启发。 首先我们先来了解一些色彩的基本知识:
收藏 0 赞 0 分享
查看更多