网页设计遇到的问题和解决方案

网页设计遇到的问题和解决方案

作品风格把握错误,与客户的审美倾向格格不入,每个人都有自己的审美倾向,这包括色彩喜好,生活喜好,处事风格,还有工作环境等,其实这些都会影响到一个人的审美倾向。下面介绍网页设计遇到的问题和解决方案,希望对您有所帮助。

网页设计遇到的问题和解决方案

问题一:客户要求你先提稿,希望看到你的稿件在决定要不要和你合作

解决办法:面对这样的客户我们首先不要什么都不问清楚就开始动手设计,如果你这样只能一直顺着客户,既然是帮别人办事,那么自然一步是了解对方的目的和客户从事行业的特点,那么一步就是沟通,沟通的目的就是了解客户对网站的预期效果和了解客户的行业特色,并考虑怎样将网站于市场相结合,毕竟一个好的网站是能够给我们的客户带来经济效益(一切想钱看嘛),那么沟通又该如何展开呢?小生大概的总结了些问题供参考:

1.请问您建这个网站的目的是什么?

a.我想获得更多的客户,为我的产品作推广 (这样的客户一般对网站比较了解,可以做进一步专业的沟通)

b.我想展示我公司的实力,让公司显得气派 (客户的愿望不是很强烈,对互联网不是很了解,但主观意识可能是比较顽固的类型)

c.没什么特别要求,就挂个门面 (客户愿望不强烈,对网站要求不高)

2.请问您对网站风格的定位有比较高的要求吗?

a.要求不高,看上去大气舒服就行 (客户审美属于偏中上阶段,对网站有涉猎,有自己的见解)

b.要求页面美观大气,要突出公司形象,要体现产品特色,整个网站要显得有品位(客户属于主观意识强烈类型,建议慎重把握客户审美)

c.这个你们比我专业,我想还是看看你们能做出什么样的我们再看看(客户比较慎重,但并不是很了解,需要正确的引导客户)

3.请问您可以提供您觉得不错的参考网站吗?

a.xxx和xxx的网站我觉得都不错,可以参考它们的风格进行设计

(这种情况,如果说参考站与前面提到的问题吻合,那么再看风格和构思是否符合行业和市场,如果吻合可以参考动工,如果格格不入应联系客户发布见解,进行正确引导并提出办法)

b.目前没有什么参考网站,你们可以参考下同行的,或者你们自己安排

(客户比较信任你,应该和客户沟通,了解客户需求,提出合理办法并引导客户理解)

c.什么参考网站?我不希望你们做出来的网站跟别人一样

(的确是个很无语的回答,说明这个客户比较注重原创,也注重企业形象,应在一时间说明所求参考只是为了了解客户的审美倾向,只是为了做出他想要的作品,提交的作品应具有独特性,大众化的作品很可能被秒杀)

d.没有参考网站,你们先做给我看

(这个答案也很无语,但是冷静,这种问题有2种途径,一是尽量说服客户提供参考站,好的办法还是先提供一个解决思路,先于客户谈好思路再动手工作,不提倡盲目的设计)

4.如果是提稿,那么我们希望您能提供一些产品图片和企业照给我们,还有一些资料

a.可以,等下我会安排秘书发这些资料给你(客户善于配合,积极性高)

b.没有什么图片,你们网上找吧(客户是土包子,企业规模也不大,整个企业文化不完整)

c.图片目前还没有,你可以用网上的其他图片先代替,到时候再换上(客户比较善于配合,不属于强势类型)

d.我们会把logo和素材发给你,有什么需要跟我说(属于专业大型客户)

问题二:初稿被否定

我想对于我们同行而言,这样的事情再平常不过了,首先不要去怀疑你的审美,也不要去怀疑客户的审美,我们不是搞艺术的,我们是靠头脑吃饭的动物,我们是解决问题,不是审判艺术,作为网页设计师,我们必须有接受任何评价的素质,就等于是做一件事情必须能承受这件事情失败的结局一样,任何的否定无非是处在这2两点:

一、作品风格把握错误,与客户的审美倾向格格不入,每个人都有自己的审美倾向,这包括色彩喜好,生活喜好,处事风格,还有工作环境等,其实这些都会影响到一个人的审美倾向,一个人的成熟或者轻浮完全会让他的审美具有局限性,比如,心胸博大开朗的人,志向目标远大的人往往喜欢大气而简洁的东西,其实很多初入设计的设计师也经常困扰所谓的“大气”到底是什么?照我个人理解:大气就是大巧若拙,没有多余的东西,而又恰到好处,不夸张,不做作,胸怀宽大,当然有时候也可以理解为自然而和谐的东西,所谓大气天成就是其存在意义很强。关于色彩给人的心理感受也要考虑,比如红色给人热情的感觉,尤其在中国,过年红应该作为中国人都能理解它的含义,而年轻人读书活泼个性,审美也倾向于丰富,活跃的色彩搭配,成熟的人比较喜欢成熟的色彩,比如深色系,冷色系,也许你会问,色彩也会有成熟这种感念吗?会有,而且这个感念也是由于我们设计师的存在而存在的,你不信可以去成人服装店和儿童青年服装店逛一逛,你会有所收获的。

二、作品构思把握不对,整个作品也许视觉上很不错,但是却没有很强的目的性和针对性,就等于是男装知名穿在女人身上,再怎么好也是不协调的,其实出现这个问题是因为设计师对客户从事行业没有深度的了解,给客户来个错误的定位,当然了解客户的人当然是客户他自己,我们可以通过沟通,盘问来对客户进行更好的了解,了解客户的行业特色、经营模式、客户人群、市场定位、创意卖点等等,我想帮客户做设计还能跟客户学习到更多的知识也是一件快乐的事情吧。

三、客户目的性不明确,审美倾向也不明确,其实这种客户就是让人头痛的类型,有些经验丰富的设计师会选择“忽悠”客户快速促成。

问题三,客户在确定稿件后再次要求重新改稿

这种情况也是属于很无语的问题,一般确认书就是一种信誉的体现,如果没有信誉当然谈不上什么合作,一般是拒绝修改,当然,如果客户实在有难言之隐,我们可以和客户一起探讨修改的必要性和可行性,总结出节省成本的方案

问题四、客户要求直接看所有页面稿件

解决办法:拒绝接受这个条件,并解释这样做的不利效果(徒劳无获)

网站制作中与客户沟通的常见问题解决方法

问题一:“我需要一个完全相同的网站(示例网站)”

分析:完全复制一个网站的行为是侵权行为。可以通过浏览该企业竞争对手的网站,借鉴其精华,找到可以提高的地方,进行发展和提高。

应对策略:当碰到客户要求复制另一个网站时,最好的办法是和他们解释清楚这么做属侵权行为,应付法律责任。让客户明白与别人网站不同将会让他们更受益。

问题二:“几个星期前我就希望这个能做好了,什么时候才能完成?”

分析:客户都认为你应该将他们放在第一位置,除非客户不能提供相应工作内容的素材,否则尽量不要推迟项目完成时间。

应对策略:让客户意识到你还有其他项目要完成,依据他们的具体情况,给他们提供一个切实可行的项目完成日期,在最初的计划里为该项目设定一个合理的时间表。如果时间计划不能满足客户要求,应果断放弃,必须要保证手头项目的质量与进度。

问题三:“我自己也可以做,只是……”

分析:这类客户可能也会建网站,只是没有时间或其它原因才不得不外包,此话言外之意是这种工作我也可以做,不需要花费太多钱。这类客户可能会干扰设计过程。

应对策略:如果手头不缺项目,尽量推掉这类客户,他们希望用最低的价格达到最佳的设计效果,而且还要对过程进行掌控,导致执行过程困难。但如果已经被缠身,找机会用专业技能给他大体列出拥有网站设计师的好处,要求他们安心地把精力集中放到他们的其他事情上,网站工作放心的交给我们完成。

问题四:“我现在预算比较紧张,希望这个项目尽可能便宜”

分析:客户没有充分意识到即将向他提供服务的价值。网页设计师也要谋生,如果项目的报酬太低还不如直接拒绝,如果接了会失去其它更好的项目,宁缺勿乱就是这个道理。

应对策略:项目的价格要达成一致需要时间,开始给他一个详细的报价,如果对你比较感兴趣的话,他们可能会回复,如果没有回复就放弃,等待更好的时机,花更多的时间和精力在现有的客户。有的客户甚至可能还会进一步压价,这时一定要保持镇静同时显示出你的专业性,跟客户解释清楚专业网页设计师与业余的区别。

问题五:“有点单调,需要更花俏一点”

分析:客户要求可能仅需要简单的修改,如改变字体颜色或者改变背景色等,客户的这些要求肯定是增加了工作量,有时候会涉及到增加功能或者一些非常突兀的视觉元素,破坏了网站整体设计。

应对策略:首先判断要修改的内容是否有利于整体设计,如果有利,可以马上进行修改,反之则建议不要修改,给出一个比较合理的依据,让他们听从专业性的建议,否则这样的妥协会影响项目质量。不论怎样,一定要认真聆听需求,帮助他们找出解决问题的办法。

问题六:“我不希望用你这种方式做,还是这么做吧”

分析:和客户讨论详细工作计划时,客户往往希望都按照他们的想法做,可能与你日常工作流程有较大出入

应对策略:面对试图改变业务流程的客户可以这样拒绝:“我能理解你,但是要明白我每天要跟很多不同客户打交道,这么做事情办事效率更高,因而也能更快更好地把项目做好。”大多数客户都能理解。要坚持业务流程,认真解说原因,往往能够获得理解和尊重。

这些问题,做网站公司可能大部分都会碰到,在这些问题方面,我们要与客户沟通好是需要一定技巧的,既能做好网站也能让客户满意才是最好的结果。

网站着陆页应该如何设计

一个网站的着陆页是承载了很多东西的,当有人打开网站的着陆页的时候,就能很快的让人知道你的品牌如何,再通过行为性的“召唤元素”来促使用户执行你的特定操作,通过视觉化的手法,给用户留下深刻的印象等,想要把着陆页做好,真的是很困难的事情。在这里,时间财富网的小编就说几个着陆页设计效果的小技巧。

正如同你所知道的,着陆页的设计并不简单。单纯的将你的LOGO替换到着陆页模板上,并不能够带来足够优秀的设计效果,导航是否好使,可读性是否优秀,整体的设计是否一致,都会影响着着陆页的效果,而这些都需要你进行贴切而细致的设计,才能做好。而这也使得这些提升页面效果的技巧非常有用。

第一,着陆页的顶端。

着陆页必须要有网站的logo,如果是企业网站,那就需要布置企业的logo,客人能够据此一看便知你的网站是什么,进而能够清楚的传达给用户你的网站是做什么的,能够为用户提供什么样的服务。另外在logo的一侧还需要放置网站的定位语,这样就能够和行业进行一定的区分,让用户明白你的网站和同行之间的区别,接着右边可以放置网站的联系方式,通常是企业的400电话,这能够展现出企业实力,让用户觉得这是大企业。

网页设计遇到的问题和解决方案

第二,着陆页要配置相应的Banner图。

对于企业网站而言,Banner上可以配置企业曾经的一些成功案例,或者企业的产品,抑或是企业的核心优势。这些图一定要设计成高大上,同时要注意图和网站内容的相关性,有的企业网站的着陆页就在这里出现了只要好看,不突出和企业的相关性,就显得不够专业大气,进而影响到企业的形象。

第三,接下来就是要重点介绍产品大类。

绵阳网络推广认为对于一个企业而言会存在着很多产品,这些产品又分属不同的大类,而在着陆页上就要重点展现这些大类,然后再由这些大类列出相应的产品名称,同时每个产品下面有一小段简要介绍,用户可以通过这些介绍点击相应的文字,进而打开这些产品的详细页,也即是说,要发挥出企业网站着陆页的导航功能。

第四,要发布一定的荣誉以及相应的证书。

对于企业网站而言,这是展现企业的最佳平台,着陆页更是展现中的重点环节,用户大多是通过着陆页浏览网站的内部内容,如果你在着陆页上展现的内容充分证明你的网站的优势,并且得到了权威部门的认证,这样就具有更好的说服力。也就是说,在着陆页上要尽可能的列出企业曾经所获得荣誉,而且这些荣誉都是可以查询的,千万不是虽然有着荣誉,但是却不能够说服用户,这就给用户带来造假的疑问,反而不利于提升网站的权威度。

第五,要布置相应的联系方式,尤其是互动的联系方式。

增强和用户的互动,解决用户提出的问题,从而引导用户点击相应的内容,这样的在线服务能够有效的提升服务水平,而且通过和用户的良好互动,也有助于增强网站的黏贴力,进而为网站培养更多的忠诚用户。

总而言之,网站着陆页对于吸引用户,提高转换率具有重要的作用,我们在努力提升着陆页的权重的同时,还需要注意增强着陆页的设计体验度,增强用户的体验度,进而为网站的成功奠定重要基础。

网页设计CSS布局该如何进行方式比对

如果我们把HTML比做是人的身体的话,CSS代码我们就可以看成是穿在人身上的衣服。我们说什么是最完美的页面布局方式?这是一个已经困扰了设计者很多年的问题。CSS的主要功能被很多人误以为就是那些特殊效果的实现。实际上,它的真正核心应该在于强大的页面布局能力,而并不是实现整个网站排版的一致性或细节上。也只有当网页布局和网页内容完美接合时,才能带给用户最好的体验。

1CSS布局技术概述

CSS(CascadingStyleSheet)中文译为层叠样式表。它是一门经过标准化的WEB标准。最早是在1996年由W3C组织审核通过并推荐使用。针对于网页设计越来越趋向整体结构化,web标准也将网页拆分成了三个相对独立的部分:结构层(structure),表现层(presentation)及行为层(behavior)。在基于标准的WEB开发中,CSS的作用就是负责控制网页的表现层。

2基于CSS布局的几种方式

盒模型、流动、浮动、定位这四个概念,是最基础也是最重要的。各种布局技巧的应用都来源于此。选择怎样的布局方式主要取决于站点自身的类型和发展。在做决定之前权衡好它们的两面性,找出适合站点的方案。下面,我们就现今网页设计过程中较常用到的几种网页布局模式做个比较。

2.1固定宽度布局

固定布局(FixedLayout),指最外面的包裹层(Wrapper)使用固定宽度,其内部的各个部分均使用百分比或者是固定的宽度来表示。其关键是,外面的包裹层(或称为容器)的宽度是固定不变的,所以不论访问者的浏览器是怎样的分辨率,他们所看到的网页效果都是完全相同的。固定宽度布局是层叠样式表中最早应用的布局效果之一。有一个必须要解决的问题是所设计的页面宽度到底为多少才合适?这涉及到关于现今用户使用浏览器的分辨率大小的问题,据权威组织统计,使用640×480像素的用户占3%,使用800×600像素的用户占4%,使用1024×768像素的用户占36%,而更高像素的用户占到57%。与此同时,我们了解到五大知名网站,网页设计时考虑用户的默认分辨率从800×600的主流设计三年内完全转化为1024×768。由此可知,现在主流用户的屏幕分辨率应该是1024×768或者更高。因此960像素成为了网页设计的最佳宽度。它能够非常好地展现网页的内容。960的网格系统已经成为了固定宽度布局的行业标准了。固定宽度布局的优点非常明显,由于整个布局和布局中的每块都有预设的宽度。设计人员能够根据窗口的宽度和屏幕状况,进行一些精确度量的内部元素的设计。如标语、图像、以及精确定位的文本等,这种方法非常的适用,而且容易使用。在设计方面方便定制。但是它相对于使用高分辨率的用户来说,固定宽度布局会留下很大的空白。而屏幕分辨率过小时则会出现默认的滚动条。

2.2流式布局

流式布局(FluidLayout),使用百分比来设置各个部分的具体宽度,以用来适应不同的分辨率。流式布局的意思是从左到右从上到下来进行自适应。当一行不能容纳下内容时则会自动换行。正如它的名字一样,这种布局具有弹性,可以自动填充需要填充的部分。流布式局页面相对于用户来说更为友好,因为它能够自适应用户的设置。在视觉上也能更加美观。合适的技巧会使页面在大屏幕、小屏幕、PDA小屏幕上都能有良好的呈现效果。所以有人说,这种布局可以让人随心所欲的控制自己的网站。当然这种布局也是存在缺点的。如果在特别大的分辨率下,内容会被拉成长长的一行,而当浏览器窗口特别小的时候,行又会变得非常狭窄,逐行阅读变得十分困难。还有就是图像设计同标语元素设计上也会出现问题。因为在流布局中,图片需要随着它包含的元素一起伸缩以适应整体布局的扩大。

2.3弹性布局

我们了解了在流式布局下,如果用户浏览器窗口变宽,网页内容会变得很难阅读。如果我们想要能够随着网页元素大小的变化而变化的页面布局。如字体变小,栏长度及页面宽度都会相应减少,反之亦然。弹性布局,就能够实现。弹性布局如果用固定宽度布局转换也非常简单,只需要对度量单位进行修改即可。弹性布局(ElasticLayout),指网页宽度不固定,当你改变字体的大小,其他元素也会随之发生变化。我们的布局以字体的大小来进行参照变化的。那么这时我们就用em(字体高)而不是用像素值或百分比来定义宽度。em直接表现了字体的大小,因此如果用em表示一个包含框的宽度,当你增加字体大小时,包含框的宽度也会随之增加。这对于视力弱或有认知障碍的人尤其有用。弹性布局的效果是明显的,也受到广大设计师的欢迎。但它也是有局限性的。如果不对这种布局设置一个最小宽度,当用户缩小窗口到足够小时,会对布局产生的影响是致命的,造成布局严重错位。当然图片的随比例缩放问题,也是一个有待解决的问题。

2.4可变固定宽度布局

可变固定宽度布局(VaribleFixedWidthLayout又叫做分辨率布局方式)指在CSS代码中设计好关于各种浏览器类型所需要的不同尺寸,实现根据浏览器类型自动调用不同的CSS布局。这种布局方法的思想是布局能够自动变化以提供最适合用户窗口大小的布局效果。例如如果浏览器窗口足够大,那么布局可能包括产生3个固定宽度的列,如果窗口宽度小于某个特定宽度时,那么某一列将无缝地放在另一列下面,从而产生一个两列的布局。运用该布局最可靠的方法就是通过用javascript来自动评估窗口宽度,从而改变网页上所运用的CSS规则。这里指的宽度,是你正在浏览的窗口的宽度。使用这种技术,你可以将页面的某一个视图,作为默认页面,但是对于正在用大窗口访问你的站点的用户来说,你的页面会相应的放大至整个窗口。这种布局与流动式布局不同。流动式布局是当你移动浏览器时,它的尺寸在不断的重新设置,而这种布局一旦达到了一个“触发”点,布局才会改变并进而影响到内容。缺点是可能会导致一些跨平台的问题出现。

2.5混合布局

顾名思义就是集中各种布局方法组合起来使用,取各自之所长。可以想象,各种布局都有它的优缺点。就例如弹性布局来说,它随着元素的大小而相应发生改变。可是万一它们将东西放得太大,页面超出了浏览器窗口,那怎么办?可能这时,你就想取回一部分的控制权,于是就有了混合性布局。可以用em(字体高)定义文本的尺寸、包含框、导航区和内容块的宽度。但是却为max-width属性设置一个百分比,限制它变得过大,而造成的布局混乱。组合流式布局与弹性布局,以em设置宽度,以百分比设置最大宽度。这就是一种典型的混合式布局。这样的布局方式在极端情况下都能有较好的整体效果。所以,我们说混合布局是结合各个布局的优缺点及布局人员的需要而组合使用的一种良好的布局方式。

3小结

综上所述,层叠样式表运用在网页布局上的方式多种多样,而我们评价哪种布局方式好的最终目标不是针对它的各种优缺点,而是从三个相关方面来进行探讨:可读性、适应性(方便性)及未来的可维护性。对于网页设计人员来说,选择布局方式同时来源于你网站客户端的需求。只有充分考虑协调好以上各方面,才能实现网站价值的最大化,并且提高网站的竞争力。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章