10个让你的网页设计很糟糕的原因和解决方法

文章描述:10个让你的网页设计很糟糕的原因.

良好的网页设计是件很难实现的事情。一个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来。而一个坏的网页设计,会把你的用户从你的网站上赶跑。

在设计一个网页时,有许多地方会让许多设计师误入歧途。在本文中,我们会讨论10个让你的网页设计很糟糕的原因以及如何解决它。

让我们知道你的想法,如果我们错过了让你的网页设计很糟的原因,请留下评论!

1、没有足够的空白

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

看看AlistApart怎么说空白

2、太多的字体

是的,我知道你刚买了一组5000个超级棒的字体,但为了你的网页设计,不要一次性全部用完。一般来说,限制自己,只用少数几种字体是个好方法,特别是对新手设计师。尽管你可以用衬线和无衬线字体混合出一种非常好看的设计,你也要知道该用在什么时候、什么地方,心里要有计划,否则,它看起来会很奇怪。

网页设计排版技巧

3、太多的色彩

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

4、没有内容层次

用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别命名的准则,但以直观的方式组织你的内容是一条很好的经验规则。

对比度与内容层次

5、不考虑用户的分辨率

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

6、对比的问题

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

成为一个大师级网页设计师:对比,对比,对比

7、同一件事情做的不够或做的太多

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

8、不一致

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

9、没有足够的文字间距

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

10、贫乏的尺寸大小

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

好了,你已经看完了。现在你应该可以发现自己设计中的问题、评论别人的设计、成为一个大师级网页设计师了。我们错过了什么让你的网站糟糕的原因吗?在评论中让我们知道吧!(英文来源:CreativeFan
文章来源:龙南客)

时间: 2025-01-30 13:59:51

10个让你的网页设计很糟糕的原因和解决方法的相关文章

10个让你的网页设计很糟糕的原因

10个让你的网页设计很糟糕的原因 良好的网页设计是件很难实现的事情.一个好的网页设计,不仅吸引眼球,也是实用的.直观的.层级简单却足够复杂到保持用户的兴趣.字体.色彩.空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来.而一个坏的网页设计,会把你的用户从你的网站上赶跑. 在设计一个网页时,有许多地方会让许多设计师误入歧途.在本文中,我们会讨论10个让你的网页设计很糟糕的原因以及如何解决它. 让我们知道你的想法,如果我们错过了让你的网页设计很糟的原因,请留下评论! 1.没有足够

网页打不开的原因及解决方法

为什么网页打不开?关于这个常见的网页浏览故障困惑了不少的新手朋友,其实要解决网页打不开,查找根本原因显得最为关键.今天笔者将结合自己的工作经验为大家介绍下为什么网页打不开?网页打不开的原因及解决方法,希望能够帮助到大家. 由于网页打不开根据不同的上网方式,一般产生的原因也各不相同,下面根据不同的上网方式为大家介绍网页打不开的原因及解决办法. 在采取以下排除方法前,首先我们先检查下电脑的本地连接是否被禁用,方式是 我的电脑桌面--网上邻居---网络连接里查看本地连接是否启用.只有启用本地连接才可以

响应-MyEclipse 10.7在win8.1上运行很卡,要如何解决?

问题描述 MyEclipse 10.7在win8.1上运行很卡,要如何解决? MyEclipse在win8.1上运行,无论是切换,点击,输入,都很卡,要等响应,严重时会直接挂掉,要怎么解决呢? 解决方案 检查下系统是否感染了360等非法流氓软件,操作系统是否是山寨盗版.显卡驱动是否装好. Win8.1+MyEclipse我用过没问题.

乔布斯还认为Kindle的可拆卸式电池设计“很糟糕”

导读:CNET网站昨天载文称,苹果CEO史蒂夫·乔布斯(Steve Jobs)曾对Amazon的Kindle电子书阅读器大泼冷水,认为它不会成功.以下为文章节选: 2007年11月18日--也就是Amazon发布Kindle电子书阅读器前一天,该公司CEO杰夫·贝索斯(Jeff Bezos)和乔布斯曾进行短暂会晤.乔布斯认为Kindle设计存在问题,不会在市场上获得成功.乔布斯表示,Kindle的设计很糟糕,外形不够新颖.优雅.他说,Kindle设计的败笔之一是没有配置触摸屏,用户界面也让人不敢

造成win7系统下IE8打开网页慢的原因和解决方法

  虽然现在有很多第三方优秀的浏览器,但很多用户还是比较钟爱使用windows系统自带的IE浏览器,在win7系统下IE浏览器不仅简洁.而且多选项卡操作是很多用户喜欢的原因之一,不过随着用户在使用IE浏览器的时间增加,会明显的赶快IE浏览器的速度变慢,甚至出现无响应的问题,对于出现该问题是什么原因造成的呢?下面河东软件园为大家收集有造成IE浏览器打开网页慢的集中因素,需要的用户可参看下! win7系统下IE8打开网页慢的原因和解决方法 一.加载项太多 打开IE,工具 管理加载项 禁用或启用更多加

win7系统使用Safari浏览器打不开网页的原因及解决方法

  win7系统使用Safari浏览器打不开网页的原因及解决方法.一些用户反馈说在win7系统使用Safari浏览器打不开网页,根本没办法浏览器网页,Safari浏览器是苹果公司研发的网络浏览器,出现网页打不开的情况是怎么回事呢?其实导致电脑无法上网的最基本原因在于DNS设置不当,找到原因后该如何解决呢?下面小编和大家分享win7系统使用Safari浏览器打不开网页的解决方法. 1.检测本地DNS是否设置正常.打开"控制面板",依次点击"网络和共享中心"→"

win7浏览网页出现蓝屏错误1000008E的解决方法

  在windows系统中,如果出现蓝屏,那么就意味着系统的兼容后系统文件出现了问题,通常情况下每个蓝屏中多包含有一个蓝屏代码,用户可根据相应的代码提示来找到造成蓝屏的原因,就如河东软件园小编,在使用win7系统浏览网页时,出现蓝屏并显示错误代码1000008E,并在出下错误的同时,标注错误文件qutmdrv.sys,对于该错误我们应该如何正确解决呢?下面看小编为大家分享的win7浏览网页出现蓝屏错误1000008E的解决方法! win7浏览网页出现蓝屏错误1000008E的解决方法 方法一:卸

造成看网页视频卡顿的原因及解决方法

  造成看网页视频卡的原因以及解决方法如下: 1.网速过低,不宜看高清视频.如果你的宽带是4M以内的,建议看低清或者标清视频,不要去看高清视频. 2.电脑配置过低.现在的视频网站对电脑配置要求越来越高,小编建议电脑的配置方面,内存最少要达到2G,CPU最少双核. 3.系统垃圾过多.建议定期清理系统垃圾. 4.电脑的启动项过多,造成电脑卡机.建议把不需要的启动项关掉. 5.开启了过多的软件,特别是P2P软件.我们都知道P2P软件非常占带宽,看网页视频的时候,建议先把各类P2P软件退出. 常见的P2

响应式网页设计:很全的响应式网页设计教程

文章描述:响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验. 响应式设计现在已经成为网页设计师学习的焦点.网页教学网发现群内有很多相关的讨论了,这说明我们平时接触该类案例越来越多.你会渐渐发现,我们身边越来越多的企业和客户关注到响应式网站,作为勤奋的设计师,我们怎么能不对它进行了解呢? 响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验.当你不知道用户使用什么设备,不知道用户的屏幕尺寸时,若想达到较优布局,可以采用响应式设计.在进行响应式