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

  文本、背景、框架等各为不同的颜色，虽然看似鲜艳但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。下面西安天琥设计培训学校介绍网页设计需要注意哪些事项，希望可以帮助到大家。

  1、留白太少

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

  2、字体设置过多

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

  3、色彩太多

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

  4、内容过于堆叠

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

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

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

  6、没有考虑对比效果

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

  7、不一致

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

  8、没有足够的文字间距

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

  9、贫乏的尺寸大小

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

  网站设计的颜色搭配要注意什么

  一、古典颜色与人文气息

  网站设计讲究的是人性化，加上古典气息网站风格，这类网站在装修设计类网站容易常见，给人浓厚的文化气息感。采用此种效果，无论网站整体设计还是人文方面，都会带给用户一种冲动的感觉。因为人们追求不仅仅是物质，还有内涵。

  二、底部的灰色

  网站颜色字体一般都是黑色，如果使用灰色，很容易导致字体无法辨认。但是，灰色还是有用的，现在很多网站都喜欢使用灰色。例如，当我们把网站底部设计灰色，当用户在浏览到底部的时候，可以缓和用户浏览网站造成的不安情绪。

  三、温馨和柔和

  在网站中，粉色在女性用户心中占据很重要的位置，在选择颜色中偏爱暖色，可能和女性喜欢被宠爱有关。因此，对于购物网站或者其他行业女性偏爱的网站，这种颜色对于把握女性心理不可或缺。

  四、蓝色的讲究

  蓝色总是给人一种胸怀天下的宽阔感，在很多网站建设中，好多网站都采用蓝色作为背景的主旋律。

  五、五彩缤纷的色彩

  针对不同消费群体，不同颜色很容易满足人们对于颜色的需求，苹果手机从单一颜色发展到如今多变的不同颜色就是证明。手机科技网站运用不同颜色搭配，不仅在视觉给人造成冲击力，还会让网站更加具有科技感。

  六、减少渐变色

  渐变色容易导致人们在视觉产生错觉误差，特别跟其他网站混搭使用容易造成视觉障碍，引起人们在视觉上面体验度下降。

  七、白色与重点

  使用白颜色装饰网站，轻易就可产生一种视觉聚焦效果，从而突出重点。以上七点，只是网站颜色混搭的基本理论，在具体实践中要注意随机应变，不得生搬硬套。

尊重原创文章，转载请注明出处与链接：http://xatianhu.5zix.com/news/102620/ 违者必究！ 以上就是西安天琥设计培训学校 小编为您整理网页设计需要注意哪些事项的全部内容。

---

• ← 西安天琥设计培训学校教你如何快速学会平面设计
• 西安天琥教育告诉你室内设计软件有哪些 →