网页设计出现的问题及解决方法
当前位置:贝知网>知识分享>设计开发>网页设计出现的问题及解决方法
网页设计出现的问题及解决方法
时间:2022-09-24 设计开发

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

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

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

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

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

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

要使双方对最终的设计都满意,就需要尽可能详细的沟通,客户和设计师之间理解程度越高,最后达成的一致性也越高,这两者是呈正相关的关系。要做到这一点,我个人的方法是在沟通的环节设计系统的调查问卷让客户作答,以帮助客户梳理、明晰设计需求。下面是我经常使用的调查问卷内容,其中需要客户作答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的网站查到会费价目,须得完成好几步不必要的会员购买流程。请记住,在执行复杂操作流程前,先让用户了解到基本信息。