网页设计时需要注意什么问题

相关推荐

网页设计时需要注意什么问题

　　网页设计时需要注意什么问题呢?很多做网页设计人员或许不会太注意一些网页的小细节，但是往往就是因为这些小细节让你的网页带来不一样的效果，同时给你带来更多的用户。今天就让我们小编为大家介绍：网页设计时需要注意什么问题?

　　1.网页色彩太杂乱

　　一个网页最好不要选太多种颜色，一般在三种颜色内最佳，选的颜色一般为相近色或对比色较好，这样整个页面看上去大方得体

　　2.网页中字体设置过多

　　通常来说一个网页中最好不要超过三种字体，没有特殊要求的一般都用宋体字。

　　3.网页内容过于堆叠杂乱

　　网页的内容繁多，各种分支信息占据的空间过多时，为了突出关键的主题时可以设计不一样的字体和背景色，这样可以引导用户注意到你想让他注意的地方。在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则，也是多年培养的用户习惯。网页要大众化不要标新立异，毕竟用户不是专业网页设计人士，用户不会站在你的角度上看问题。当然一成不变不是我们所鼓励的。

　　4.网页中留白不要太少

　　留白是网页设计中一个重要部分。适当的留白可以给用户很好的视觉感，而且整体看上去很舒服，段落分明，结构规划合理。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

　　5.网页设计注意对比效果

　　适当考虑两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。

　　6.重视用户电脑的屏幕显示效果

　　也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户，最好考虑一个手机版设计。

　　7.缺乏尺寸大小

　　标准做法是h1的文字大于h2的文字，头部文字大于段落文字。尽量保持一致的尺寸，因为它有助于一致性和内容层次。保持文字的可读性，但不要太大，让字体的大小表现信息的重要性。还有，10像素以下的尺寸对大量阅读的人来说太小了。网页中的图片一定要设置长和宽。在平时设计网页过程中，如果能够多加注意到这些问题，从而避免不该犯的错误，就能在整体设计的基础上加分，此外，加上自己特色的创意，真正为用户考虑，才能真正做到优秀的网页设计。

　　8.要足够的文字间距

　　间距过小是造成网页缺陷的一个重要原因。网页一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。

　　9.框架结构不要太复杂

　　网页内容过于杂乱，没有统一的框架把他们合并到一个中心主旨上。它是把网页设计组织在一起的方式，可以创造一种紧密结合的感觉。在网站页面互相链接的情况下，它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩，用户很快会觉得不知所措。

　　网页布局

　　1、“国”字型

　　2、拐角型

　　这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

　　3、标题正文型

　　这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

　　4、封面型

　　这种类型基本上是出一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分是企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

　　5、“T”结构布局

　　所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式，如左右两栏式布局，一半是正文，另一半是形象的图片、导航。或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等。

　　这样的布局有其固有的优点，因为人的注意力主要在右下角，所以企业想要发布给用户的信，大都能被用户以最大可能性获取，而且很方便，其次是页面结构清晰，主次分明、易于使用。缺点是规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。

　　6、“口”型布局

　　这是一个形象的说法，指页面上下各有一个广告条，左边是主菜单，右边是友情链接等，中间是主要内容。

　　这种布局的优点是页面充实、内容丰富、信息量大，是综合性网站常用的版式，特别之处是顶部中央的一排小图标起到了活跃气氛的作用。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。

　　7、“三”型布局

　　这种布局多用于国外网站，国内用得不多。其特点是页面上横向两条色块，将页面整体分割为4个部分，色块中大多放广告条。

　　8、对称对比布局

　　顾名思义，它指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。其优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。

　　9、POP布局

　　POP源自广告术语，指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类网站，优点显而易见：漂亮吸引人，缺点是速度慢。

【网页设计时需要注意什么问题】相关文章：

新手上路找陪练需要注意什么问题07-22