设计网页时应该注意什么问题
当前位置:贝知网>知识分享>设计开发>设计网页时应该注意什么问题
设计网页时应该注意什么问题
时间:2022-09-24 设计开发

设计网页时应该注意什么问题

设计网页时应该注意什么问题

间距过小是造成网页缺陷的一个重要原因,网页一个是行距,可以用CSS直接调整,关系到两行文字之间的距离,这些有助于区分行与段落,使用户更容易阅读文字。下面介绍设计网页时应该注意什么问题,希望对您有帮助。

1、没有足够的文字间距

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

2、贫乏的尺寸大小

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

3、留白太少

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

4、字体设置过多

通常来说一个网页中最好不要超过三种字体。

5、色彩太多文本、背景、框架等各为不同的颜色,虽然看似鲜艳但是,多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度,会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色),再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。

6、没有考虑对比效果

你有没有试过两种对比色彩的运用或者大小的变化,有些方式之所以比其他的更好,其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字,考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀:对比,对比,对比。

7、不一致

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

8、内容过于堆叠

网页的内容繁多,各种分支信息占据的空间过多,没有突出关键的主题。它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方。在传统艺术中,新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中,没有特别奉行的准则,但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。

9、没有重视用户电脑的屏幕显示效果

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

网页内容的合理布局与排版

网页设计既有文字、图片、色彩,又有动画、声音。文字有大有小,还有标题和正文之分。图片也有大小、纵横之别。图片和文字都需要同时展示给观众,但又不能简单地罗列在一个页面上,否则会搞得页面杂乱无章。因此,必须根据内容的需要,将图片和文字按照一定的次序进行合理编排和布局,使它们组合成一个有机的整体,展现给访客。具体的页面排版可从如下几个方面入手:

⒈主次分明,中心突出

在网页界面设计中,设计者必然要考虑视觉的中心,也就是“最佳视域”,它一般位于电脑屏幕的中央,或者在屏幕中间偏上的部位。因此,一些重要的信息和图片一般可以安排在这个部位,在视觉中心以外的地方可以安排稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。另外,人们的阅读视线通常都是从左至右、由上往下地阅读,因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律,即当用户进入网页之后,如果在7秒之内没有看到特定内容,那么这项内容的设计及位置安排注定会失败。由此可见,突出重点是非常重要的。

⒉明确的导航,彰显有价值的信息

网站中的栏目导航对网站内容起到提纲挈领的作用,引导着用户浏览网站的相关信息。清晰、明确的导航,可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息,并给以一定的网站服务和在线帮助,从而避免在浏览网页过程中找不到方向[2]。好的导航能够让用户在打开页面的第一时间找到,或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读,色彩搭配明确,布局妥当,设计独特,使用户通过导航能够快速了解整个网站的主要内容。

⒊图文并茂,相辅相成

文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段,但各自的特点不同:文字所表达的信息量大,但显得沉闷枯燥,缺乏生气;图片所传递的信息量小,但比较生动活泼。文字与图片两者的比例不能过大,否则,页面就会显得单调而过于混乱。因此,最理想的效果是文字与图片密切配合,互为衬托,既能活跃页面,又丰富了网页内容。

⒋图形与字体、色彩等因素协调统一

一般而言,在所有的网页动画设计中,图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响,共同表达出设计的中心思想内涵。只有如此,设计所要阐发的主题思想才能更准确和集中,视觉传达才能更强烈和有力度。反之,则会给观者造成一定的视觉混乱,偏离设计主题,从而达不到应有的设计意图。

⒌注意空白的设置和运用

空白在构图上有着不可忽视的作用,它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白,能扩大和提高视觉效果,同时利于视线流动,破除沉闷感。着意处理的空白,能留下艺术想象的天地,增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”,把文字、图像安排得满满的,认为设计画面留有空间是一种浪费。殊不知,这种庞杂堵塞的构图往往使人望而生畏,留不下一点印象,失去了设计的意义。