网页设计 百文网手机站

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

时间:2022-03-09 15:25:36 网页设计 我要投稿

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

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

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

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

新手开车需要注意什么问题08-12

网页设计排版需要注意什么09-24

网页设计需要注意哪些事项09-18

响应式网页设计排版需要注意什么09-18

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

网页设计时如何增加客户的个性10-04

网页设计时光的运用与效果10-02

新手开车要注意什么问题08-19

网页设计注意事项09-13