400-609-4309

网页设计存在的问题

网页设计存在的问题

一致性是网页设计的关键。它是把网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网站页面互相链接的情况下,它可以帮助用户把所有页面都联系在一起。下面介绍网页设计存在的问题,希望这些内容对您有帮助。

网页设计存在的问题

对比的问题

你考虑过阅读黑底白字和白底黑字的不同吗?你有没有试过阅读一下白底灰字?有些方式之所以比其他的更好,其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字,考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀:对比,对比,对比。

同一件事情做的不够多,或做的太多(过犹不及多重导航非常好,如一个在页头一个在页脚。在页脚加一个”返回顶部”的按钮也很好。但是,太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站,如果她搞不定,想想哪些东西让初次访问的用户拒绝使用这个网站。

不一致

一致性是网页设计的关键。它是把网页设计组织在一起的方式,可以创造一种紧密结合的感觉。在网站页面互相链接的情况下,它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体大小和色彩,用户很快会觉得不知所措。

贫乏的尺寸大小

标准做法是h1的文字大于h2的文字,头部文字大于段落文字。尽量保持一致的尺寸,因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性,但不要太大,让字体的大小表现信息的重要性。还有,10像素以下的尺寸对大量阅读的人来说太小了。

没有足够的文字间距

与空白有关,文字间距有两个部分,一个是字距(这个不能用CSS直接调整,可以通过一些高级技术解决),关系到字母之间的空白。一个是行距,可以用CSS直接调整,关系到两行文字之间的距离。这些有助于区分行与段落,使用户更容易阅读文字。

没有内容层次

用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别奉行的准则,但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。

太多的色彩

背景一种颜色,内容文本一种颜色,链接一种颜色,页头和lightbox一种颜色,图案和页脚各一种颜色。这很好,因为它帮助区分了有用的内容。但是,多重渐变几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白灰黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。

太多的字体

一般一个简单的网页设计,一般字体不超过3种。多则乱没有足够的空白

空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时变得疲惫,它可以在内容中划出距离,而且它本身也看上去不错。空白不是必须用白色的,而是,它仅仅是为其他设计元素提供间隔和缓冲的空间不考虑用户的分辨率

你的屏幕分辨率有2560像素,这非常好。但很多人还在屏幕上用1024像素的分率,有些还在用640*480或800*600。虽然这种分辨率的显示器正在减少,但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素,虽然没有照顾到每一种分辨率,但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户,最好考虑一个手机版设计。

网页设计中常会遇到的问题有哪些

一、浏览器兼容性

再次强调网页设计是有一定技术需求的,网页设计师在做完一个漂漂亮亮网站模板后一定要善始善终,千万别忘了检查浏览器兼容性并且调整,因为使用每一种浏览器的用户都很多,兼容性不调好意味着你将流失掉相当一部分客户。

二、合理安排导航

导航是网页中瞩目的部分,也是给用户呈现重点信息的部分,一个合理的网站必须让用户能够在三次点击内达到任何页面,如果你在导航中使用用户用户不熟悉的词汇,会严重影响用户体验度,增加网站跳出率。

三、慎用动画和音乐

背景音乐在网站中要慎用,因为大多数网页是静音的,用户在习惯了安静的环境时突然出现令人厌恶的音频,会严重影响用户体验,建议音量不要太大,音色要柔和舒适。动画会增加网页加载量,动画过多会导致网页打开速度过慢,也是非常不利于用户体验的。

四、色彩组合不当

很多网页设计师在给网站选择配色时,并没有注意将目标客户的需求和特点考虑进去,不同网站的适用颜色是不一样的,适用颜色给视觉冲击太过强烈或者颜色太过繁杂都不是好事,建议大家可以参考优秀网站的配色原则来慎重处理网站色调。

五、文字格式糟糕

对于用户来说,文字太少会找不到有用的信息,缺乏信任感;文字太多会看起来杂乱无章,缺乏重点。很多设计师都没有设计利于扫描的文字格式。着重号、数字编号、标题、小标题、用加粗或颜色来强调文字都是些经常被忽略的简单方法,聪明的设计师会将用户需要的东西呈现给他,一步步引导对用户实现转化。

网页设计中常见的错误有哪些?初学者做网页设计会犯错主要还是看的少,多看优秀作品学会鉴赏分析,对于一名网页设计师的成长是非常重要的,只有不断吸取别人的长处为自己所用,才能快速成长为一名合格的网页设计人才。

网站设计中不要忽视的问题

1、对齐和留白的问题

留白,这个我们在说过,很多次了,在这里在说一下,对齐和留白。说留白和间距是一门艺术也不为过。留出足够的空间,又不让视觉元素周围的间距太多以至于过于稀疏,这是设计中最难控制的部分之一。优设有太多的文章介绍留白和排版的技巧,但若你不想记那么多复杂的技巧,给你推荐一个简单有效的方案:第一,要确保所有元素都合理而得体地组合到了一起,第二,在这组元素之外给出足够的留白。

2、不专业的文案

要写好文案并不是一件简单的事情。但是不论如何,你需要通过网站将你需要表达的内容呈现出来,特别是当你是想通过网站卖东西的时候。在这种情形下,你需要让你的文案易于被理解,精心校对,确保内容的正确性和准确性,不要有拼写错误。

我经常在网上看到一些表述极为尴尬的文案,这样的网站会给人一种网站尚处于原型阶段的粗糙感。在网站上线前,找个有相关经验的朋友浏览一下全站是个不错的选择。

网页设计存在的问题

3、可读性的问题

如果无法让人看清,再优秀文案都无法拯救你的业务。许多细小的细节会影响网站文本的阅读性,直接或者间接地影响你精心准备的内容,让它们难以被读者流畅地感知到。

要解决可读性问题,值得注意的问题很多。行高过低会让文字难于被阅读,太小的字体对于许多用户都是障碍,阴影、斜体等效果也常常会影响可读性(尤其是中文,繁体中文这种情况更严重),色彩对比度没控制好更是灾难性的。这其中有些问题虽然算不得太严重,对于多数用户也许不会造成太多障碍,但是这会让用户对你的专业性产生怀疑。

4、一致性的问题

你应该始终保持产品和品牌的一致性,从品牌设计、网站设计到社交媒体、包装和广告,都应该具备品牌识别度。

不过在实现这些远大的目标之前,先退一步来看,你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样,还是“看起来很相似”?通常情况下,你只需要仔细清理你的CSS样式表,就可以解决许多一致性的问题。

5、已访问过的内容用不同颜色显示

如果网站不能显示出用户已经察看过的内容,用户在浏览网页时便会多出很多麻烦。相反,如果用户访问过的内容都能被清晰地标出,他们便不会错误地多次点击同一个链接了。对用户来说,一个网页上往往存在不止一个链接,如果没有特殊的方式显示已访问过的内容的话,他们很难记住哪些链接是自己已经点击过的,哪些没有。针对这个问题,可以使用不同的颜色来区分已访问和未访问的内容。已访问内容的显示颜色与未访问内容的颜色应该接近但又略有不同。例如,用紫色来标注已访问的内容不失为一种可行的办法,因为与蓝黑色相比较,紫色给人一种“消退”的感觉,用户会有“这个链接我已经点击过了”的印象。

6、填写表格时光标自动显示在输入区域

当用户看到在屏幕上出现的表格时,他们的第一反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第一个需要填写的区域内,用户操作起来就会感到更加便利。这样的话,他们就省却了“移动鼠标–点击输入框”这一步骤,而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?

7、为图标添加自动提示问题

在网站中,图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记,不是所有用户都能立刻明白图标所代表的意义。因此,当用户将鼠标置于图标之上时,随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节,网站的新用户即便不明白图标的含义,也不会因胡乱点击而导致错误了。

8、反潮流设计

不管你喜欢与否,拟物化设计已经离我们远去了。浓重的阴影和大跨度的渐变色的使用,在目前的网页设计中已然不多见。相比于在3D特效中寻求创意,不妨拥抱扁平化的设计准则。

网页设计流程中遇见的问题及分析

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

这个问题也非常常见,以下是一个设计师发给我的问题及我的答复,应该说非常典型的反映了这个问题。

“想请教你一下,一个学校的网站,客户说要做活泼一点,怎么搞呀?我设计了一个头部,我发给你看一下啊!指点一下 但是下面我就不知道怎么布局了,现在头都想大了。”

分析:这是一个没有系统的考虑整体风格而急于动手的例子。

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

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

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

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

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

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

12 12 分享:

相关课程

发表评论

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

最新文章