建站优化

当前位置:

网页设计出现的问题及解决方法

浏览量:419次

网页出现的问题及解决方法

设计师要清楚客户自己的设计需求是不明晰的,需要积极地引导客户,使他们明晰设计需求,从而避免由
于双方未在设计目标和期许上达成一致,造成设计方向上出现偏差。下面介绍网页设计出现的问题及解决方法,希望对您有帮助。



问题一
、和客户的不够充分,导致设计方向出现偏差。

这个问题是在设计流程中出现最多,也最容易导致客户和设计师产生矛盾的问题。最终的结果是客户觉得怎么修改设计都不能让自己满意,而设计师却不胜其烦,认为客户太难说话,原因其实就出在双方的沟通上。

作为客户来说,很多时候他们对于期望的设计产品脑子里往往只有模糊的概念,只能交代给设计师一个过于粗略的设计方向,甚至有些客户提出
先做一稿出来我
再看
的要求。遇到这种情况,设计师要清楚客户自己的设计需求是不明晰的,而作为设计师来说,这时就需要积极地引导客户,使他们明晰设计需求,从而避免由
于双方未在设计目标和期许上达成一致,造成设计方向上出现偏差,而导致设计中大范围、不断的修改设计稿,甚至一遍一遍的推倒重来的结果。

要使双方对最终的设计都满意,就需要尽可能详细的沟通,客户和设计师之间理解程度越高,最后达成的一致性也越高,这两者是呈正相关的关系。要做到这一
点,我个人的方法是在沟通的环节设计系统的调查问卷让客户作答,以帮助客户梳理、明晰设计需求。下面是我经常使用的调查问卷内容,其中需要客户作答7个问题,这些问题基本可以帮助客户和设计师明确设计方向,你也可以依据在和客户沟通中的具体情况修改或者完善这些问题。

1、当访问者访问你的网站的时候,你希望它们做什么?(比如购买某种产品、服务,或者展示企业的形象等)

2、网站的主体用户是哪部分人群?(白领年轻女性、有某方面需求的老年人等)

3、网站的整体风格是什么?当访问者进入你的网站,你希望他们有什么感觉?不希望他们有什么感觉?

4、举几个你喜欢的网站,并说明原因;例举几个你讨厌的网站,也说明原因。(请将网站链接或者截图粘贴在下方)

5、网站栏目有哪些?并提供具体信息内容(可粘贴在下方)

6、请提供网站设计的资料,包括logo,公司图片,产品图片等(打包以附件形式发送至设计师邮箱)

7、请提供您的联系方式。(QQ、手机或者邮箱)

问题二:跳过网站功能及信息架构上的研究,直接开始视觉创作。

网站的功能和信息架构是
网站的核心,一个网站不是单纯的让访问者去感受视觉上的美观,美观永远是第二位的,而功能性却是第一位的。一个企业网站是为了展示企业的形象、售卖企业的
产品和服务;一个门户网站是为了更好的提供信息内容,一个个人博客是为了分享个人的观点,树立个人品牌等等,保证了这些功能更好的实现了之后才应该去考虑
视觉上是否美观的问题。

问题三、缺乏对网站整体风格的思考和把握,做到哪里算哪里。

问题主要由以下几个方面:

一、布局上,Banner割
裂的边缘限制了视线的拓展,显得死板而不够透气。其他元素也是大框套小框的思路。总体的布局思路没有逃脱条条框框的限制,看得出来,整个设计是思路没有打
开却急于动手的表现。要做到活泼的设计,不是用一张现成的关于儿童的图片放上去就行了,要让个的设计元素往这个方向走,比如布局,比如色彩,比如质感,比
如插图和图标的使用,比如字体的选择等等,所以你的问题是完全没有系统的思考这些问题,还没找到答案就急于往前走,结果肯定是刚刚开始就感觉无所适从。

二、再来说说具体的问题,Banner的设计在整个页面中通常起到非常重要的作用,是视觉的焦点,先不说你选的这个图片方向对不对,但这个设计看上去过于小气,原因是图片中的元素视觉比重都差不多,没有重点,没有主次。其次是Logo文字以及宣传语文字的设计,感觉太散、太单薄,需要加强他们的视觉比重和气氛感受。Banner底部的弧形边缘不仅没有起到给整个气氛加分的效果,反而割裂了Banner的设计,看上去很不美观。

如何避免盲目开始,途中无从下手的问题出现?很简单,画草图。虽然个人有时候也会省略画图的步骤,但每次至少会在
PS
中做一个主页的设计方案,其中包括需要放置的信息内容、排版、色彩方案以及设计方案的说明文字。但个人发现相较于纸和笔来说,这样的方式还是限制了创意的拓展。所以还是强烈建议大家在开始设计之前画草图。很难想象,不通过画草图的方式能做出来下面的设计效果。

但是纸和笔的方式也有它的缺陷就是在设计排版方面不能精确的定位元素的空间。所以为了弥补这个缺憾,建议大家使用
960像素网格系统的草图稿纸。纸和笔的自由保证了创意的拓展,而不用纠缠于实现方面的技术问题。

另外,在平时的学习积累中,多从整体风格上分析优秀的设计作品是如何考虑和实现的,可以尝试从以下几个方面分析网站风格:一、概念元素:背景、修饰图形
等;二、具象元素:文字、照片、插图、图标图形;三、关系元素:方向、位置、空间、重心;四、交互方式:节奏、运动方式;五、色彩方案。

网页设计常见问题

1、链接之间/导航各选项之间边界模糊

用户一旦分不清两个相似的链接或导航选项,将难以找到获取信息的最佳路径。各链接/各导航选项之间、各链接/各导航选项与网站其他链接/导航选项之间要定义准确、边界清晰。倘若有多个模块或页面都在介绍同一则信息,为了验证它们的异同,用户就得一个一个确认,或费力猜测哪个才是用起来最方便的。再不然,用户会直接使用搜索功能,或者干脆放弃你的网站。

链接命名不当。不同的链接应引导用户查看不同的内容,但出于某些原因,有些链接使用了语义相似的字眼。这种情况下,我们只需对有问题的链接进行重命名、以作彻底区分。

内容区分失败。如果多个链接打开的不同页面在内容上有强关联、且信息重叠,我们需要对这些内容进行重组,以突出各个页面的内容重点。

2、用户被困子级页面

要为特殊内容设计单独页面或子级页面的网站需小心,别把你的用户困在其中。215位被访用户中有很多人表示都曾有这样的糟糕体验:莫名进入新页面,且找不到返回主站的链接。他们中的有些会通过点击浏览器自带的返回键、或重新输入网址,以返回主站。但也有相当一部分人表示根本就没有注意到自己是怎么来到新页面的(因为主页和子级页面长得太像),并一直纳闷刚才的导航怎么不见了。

因此,设计子级页面时请仔细斟酌。如有此业务需求,请为用户提供明显的返回链接。

3、过滤与分面导航错误

过滤(filters)和分面导航(faceted
navigation)通常有助于提高用户体验。它们帮助用户排除干扰元素,找到准确的搜素结果。然而,随便给网站加上这两种工具的话,并不能优化用户体验。这两种工具需帮助真正用户满足其真正需求。

「圆梓解说:过滤是指在一定筛选条件下,把不相关的内容排除,滤出用户想要的结果;过滤是单维度的。分面导航和过滤的本质思想一致,可以看作是多维度的过滤,灵活性更强、搜索结果更精准;分面导航在网站中尤为常见。」

过滤和分面导航为用户限定了筛选结果范围,不同的筛选条件可满足用户不同的搜索需求。比如企业员工可以通过删选文件类型、日期或者主题来搜索上一周的PPT;电商网站的用户可以通过鞋跟高度挑到喜欢的鞋子,也可以根据保暖级别选出最中意的外套。

有的网站把过滤和分类导航看成是全能的,幻想自己可以
包治百病
。结果其筛选条件并未关联全部内容类型,导致结果不准。同时,我们也要注意切不可把用户推入
非此即彼
的僵局。家具用户可能想选蓝色椅子,也可能要挑蓝色以外的其他颜色的椅子。两种场景都要考虑到。

4、价格隐藏

在决定为某事物买单之前,用户需要了解相关价格、订阅费、便利费、附加费等。43个研究对象中有两三家网站价格信息获取路径太过复杂。比如,要在AARP的网站查到会费价目,须得完成好几步不必要的会员购买流程。请记住,在执行复杂操作流程前,先让用户了解到基本信息。

网页版式设计的具体要求

网页设计首先涉及的是页面的版面编排问题。网页作为一种特殊的版面,既有文字,又有图片,还包括一些流动的窗口和流动的附加广告等,内容繁多、复杂。设计时必须根据内容的需要,将这些图片和文字按照一定的次序进行合理的编排和布局,使它们组成一个有机的整体,展现给广大的观众。使其成为与浏览者的沟通手段,让设计所蕴含的主题进入浏览者的心灵,而不仅仅是起装饰作用。

网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。



要通过网页页面结构的分割和造型空间的确立,合理安排组成网页各元素的合理位置。使页面内容和形式有机统一,要具有整体美感。要考虑页面的美观和可读性,还要考虑网络浏览的特性。

网页版式设计的视觉流程规律化网络的浏览是通过视觉元素实现传播的视觉传达过程,为了达到好的效果,版式设计必须依据人们在视觉上的心理和生理特点,确定各种视觉构成元素之间的视觉关系和浏览秩序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上,根据信息的主次来确定各元素的顺序,并通过精心安排引导浏览者。(1)要符合人的视觉习惯(2)要保证有效的传达信息(3)突出主要信息(4)保持视觉引导的节奏感和流畅感。

网页版式设计要动态化动态化是网页设计的显著特征。网页版式设计的动态设计成为增强网页可读性,参与性与趣味性的有力手段。网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是网络成为热点的主要原因,也是网页设计时必须考虑的问题。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页版式进行调整和修改。

网页版式设计中的点、线、面对网页的各形态要素进行点、线、面对组合,是网页版式设计的基本方法之一。点线面之间相互作用可以组合成各种各样的视觉形象,形成千变万化的视觉空间。有意识的从抽象角度运用点线面构成来组织网页的版式,是形成网页强烈的视觉形式感和设计感的有效方法。

网页版式设计中的色彩处理色彩可以使页面更加生动。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是
总体协调,局部对比
,也就是,网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。总之,网页的版式设计形成了网页的整体视觉印象,体现网页的
风格,在整个网页设计中具有很重要的作用,应该引起网页设计者。

网页色彩的设计原则

1.与网站主题相协调

不同的色彩有不同的象征意义,给人的心理感受也不同。网页的色彩设计要有针对性,应体现出自身的特色。如政府部门的网页风格应有庄重感,呈现宁静、严肃、高雅的氛围,以冷色调为宜;电子商务类网页可以通过红色、橙色、黄色等暖色调的搭配,呈现温馨、和煦、热情的氛围;蓝色给人的心理印象是崇高、深远、广大而睿智,为高科技企业网站所钟爱;类的网站不宜大面积地采用刺激性强的大红、黄和橙等色彩,因为它们易造成人们心理上的紧张感和恐慌感,而绿色象征生命与希望,给人健康、安全的感觉,适宜作为保健类网页的主调色。

2.个性鲜明

在网站云集的互联网上,网页的色彩只有与众不同、有自己独特的风格,才能显得个性鲜明,给浏览者留下深刻的印象。尤其在同类网站中,网页的色彩不但要符合此类网站的用色特点,还要有其独到之处。网页设计是一种艺术活动,只有按照内容决定形式的原则,大胆进行艺术创新,才能设计出既符合网站主题,又有一定艺术特色,风格独特、个性鲜明的网页。

3.与浏览者的审美情趣相统一

由于地域、民族、宗教信仰、生活环境、年龄、性别、文化修养等存在差异,人们的审美角度、审美能力也有很大差别。不同的浏览者对色彩的联想和理解不会相同,对色彩的喜好也不一样。网页设计师要尽可能地采用符合浏览者审美倾向的色彩,以使其产生共鸣。如针对儿童喜欢对比强烈、个性鲜明的纯色,儿童网站应采用红、黄、蓝、绿等对比鲜明的色彩,以营造活泼、愉快而富有童趣的视觉效果等。

设计师要适当关注流行色的发展。流行色是特定时期内社会风行的时髦色彩,是一种时尚色、鲜活色,具有很强的诱惑力和冲击力。若能抓住浏览者紧跟潮流、追赶时尚的心理,适时地选用流行色作为网页的主色调,必定能产生良好的传播效果。

4.便于阅读识别

人们从物理、生理、心理、化学等多角度对色彩进行研究后发现,色彩的美存在于各色彩的相互关系中,这种相互关系就是色彩的对比与和谐。色彩的对比包括明度对比、纯度对比和色相对比。最能引人注意也是运用得最为普遍的色彩对比,是色相对比中的互补色或冷暖色的对比。色彩的和谐是指色彩在对比关系中能给人造成既鲜明又协调的视觉感受。

网页色彩设计还要注意文字与背景色彩的明暗对比,文本要易读,图像要易于识别,以使人们在浏览大量网页信息的时候,减少屏幕刺激,减轻视觉疲劳。

5.有一定的延续性

网页色彩要保持用色的延续性。虽然网页的信息会不断更新,网页的版式也会定期修改,但网页色彩的基调和风格一旦形成后,不宜大幅或频繁地改换,而应保持一定的延续性,这样才能使浏览者迅速识别且印象深刻。但为了保持新鲜感、提高吸引力,也应小范围地对网页色彩的明度、纯度进行适当的调整和变换。

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【779898168@qq.com】,我们在确认后,会立即删除,保证您的版权。