设计网页时应该注意什么问题
1、没有足够的文字间距
间距过小是造成网页缺陷的一个重要原因。网页一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。
2、贫乏的尺寸大小
标准做法是h1的文字大于h2的文字，头部文字大于段落文字。尽量保持一致的尺寸，因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性，但不要太大，让字体的大小表现信息的重要性。还有，10像素以下的尺寸对大量阅读的人来说太小了。 在平时设计网页过程中，如果能够多加注意到这些问题，从而避免不该犯的错误，就能在整体设计的基础上加分，此外，加上自己特色的创意，真正为用户考虑，才能真正做到优秀的网页设计。
3、留白太少
留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。
4、字体设置过多
通常来说一个网页中最好不要超过三种字体。
5、色彩太多 文本、背景、框架等各为不同的颜色，虽然看似鲜艳但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色)，再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。
6、没有考虑对比效果
你有没有试过两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀：对比，对比，对比。
7、不一致
网页内容过于杂乱，没有统一的框架把他们合并到一个中心主旨上。它是把网页设计组织在一起的方式，可以创造一种紧密结合的感觉。在网站页面互相链接的情况下，它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩，用户很快会觉得不知所措。
8、内容过于堆叠
网页的内容繁多，各种分支信息占据的空间过多，没有突出关键的主题。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。
9、没有重视用户电脑的屏幕显示效果
也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户，最好考虑一个手机版设计。
网页内容的合理布局与排版
网页设计既有文字、图片、色彩，又有动画、声音。文字有大有小，还有标题和正文之分。图片也有大小、纵横之别。图片和文字都需要同时展示给观众，但又不能简单地罗列在一个页面上，否则会搞得页面杂乱无章。因此，必须根据内容的需要，将图片和文字按照一定的次序进行合理编排和布局，使它们组合成一个有机的整体，展现给访客。具体的页面排版可从如下几个方面入手:
⒈主次分明，中心突出
在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败。由此可见，突出重点是非常重要的。
⒉明确的导航，彰显有价值的信息
网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向[2]。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容。
⒊图文并茂，相辅相成
文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一
一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。
⒌注意空白的设置和运用
空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。
网页设计的基本原则
1、符合受众心理与社会心理需求懂得不同的受众以及不同社会层面的不同心理需求，是网页设计者应掌握的一项基本原则。
在网页设计创作之前，设计者要对所表达对象的文化背景、审美心理以及审美感知等作一系列相应的了解。对不同的地方，设计者还要进行一定区域民俗文化现象的了解与学习。只有这样，设计出的网页作品才能与设计对象产生紧密联系，达到读者与作品的心连心、面与面的交流。
2、分析用户需求，注意内容布局设计者在设计网页时应该明确网站的类别，例如是企业网站、政府网站还是个人网页等等。
因为不同类型的网页具有不同的主题与风格，设计网页时不能喧宾夺主，也不能主题与网站类别属性相矛盾，在图片、文字、色彩使用上要合理选择。所以，网页设计的第一步应该以用户需求和网站的类别为导向，所有的设计工作都应该围绕这个前提，正确定位，不能脱离主题。
⒊设计主题定位准确
网页设计是一种按照一定需要，有目的进行的一种计划与预定。其突出特点就是具有相当的制约性和约束力，即受到设计主题的限制和约束。网页设计作品应有自己鲜明主题，主题目标的鲜明性决定了设计的鲜明个性特征。设计主题定位要求准确，这是设计原则中的首要问题。网页主题是设计传递内容的主要信息，设计者应该充分运用所要传达的特定信息，调动画面中所有的视觉因素，使之发挥出最大的视觉效果，设计的定位要始终牢牢地把握住设计主题。
4、网页下载的时间不能过长为了保证网站有不断增长的点击率，除了有吸引人的内容之外，还要有较快的下载速度。
网页加载速度对于一个网站而言是十分重要的，它直接影响用户的访问体验和满意度。如果2030秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，如没有必要，最好不要用大的图片，或者对图片进行压缩使用。
5、网页对不同操作系统、浏览器的兼容通常情况下，人们所设计的网页都在一种操作系统和浏览器中进行调试。
在互联网中，有各式各样的操作系统和浏览器，网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的，有的甚至根本无法兼容，因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试，保证最大的兼容性。⒍经常进行调试及数据更新为吸引更多用户，网站中的信息必须经常更新，如新闻、图片资料等。同时，由于网站要经常进行修改更新，网页之间的链接有时会出现断开现象，因此，要经常做网站的调试，检查是否有链接出错的地方并进行修复，以维护网站的正常运行。
交互设计的误区
交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析，然后有针对性的精心策划。
可是随着新的技术和新的交互模式(pattern)的不断涌现，事情就变得不是那么容易了。其实大家遭遇的困境都很相似，用户已经很难被单纯炫酷的图片、流畅的悬停效果和出人意料的动效所打动，真正能让他们露出微笑的是持久、令人愉悦的交互设计和用户体验。如果你对于日常的设计中的常见的误区有所了解(Find out)，自然会有意识地绕过这些坑。
为了更好的设计，我们为你简单总结了一下最常见的5种交互设计的误区。
1、过度的创意
网页办公室装修设计师 绝对不缺少创意。我们希望借工作表达自己，也一直在试图寻找能让产品(Product)脱颖而出的优秀创意。但是当涉及到交互设计的时候，推陈出新并不一定总是好的，它甚至 会对你的网站和产品产生不利的影响(influence)。的确，许多用户渴求新鲜的创意，但是在操作控制和交互上却往往希望协调可控，所以他们更倾向于熟悉的交互。Etsy的创业 总监Randy曾经撰文探讨过这个问题(Emerson)，文中直言 ;设计师们不要在此自作聪明了! ;在这篇文中，他详细解释了为什么你不应该走极端去设计充满大量创新交互的网页。
以Lotorama的网站为例子，漂亮的页面和柔和的音乐都非常的赞，但是用户进来之后会迟疑，想知道这个网站要如何操作控制。不要曲解我的意思，如果你是纯粹处于炫技，那么这种华丽而充满游戏性的网站绝对称得上是创意无限，但是对于普通用户来说，他们的直觉失去效果，茫然无措会成为网站浏览的障碍。
下面是另外一个案例(àn lì)，这个名为Safety on the Slopes 的项目是为了说明冬季运动的危险的，整个网站的设计整洁，交互也直观。上海网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片(GIF，JPEG，PNG)和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。网站设计也有所创新，但是同时是以用户交互直觉为先决条件，以身临其境为目标。
2、令人迷惑的交互
;不要自作聪明 ;的规则也应当应用在导航设计上。一些办公室装修设计师试图运用别具一格不同寻常的名称，以活动更富有实验性的导航。比如这个Chijoff网站， 就让前来应聘的用户充满困惑。如果你是网站的访客，需要来回折腾一阵子，才能搞清楚这个名为 ;Co-Create ;的页面实际上也就是常见的 ;Services ;页面。最纠结的是，即便是你将整个页面都看完之后，仍然高不清楚要怎么办，因为这个页面的底部仅仅只有一个表单，展示行业新闻，并且 仅仅提供一个注册入口!至于联系页面就更简单了，仅仅提供了一个邮政编码和一个邮件地址。总来说之，他们用各种手段让用户无法直接快速有效的联系上他们。
在看看这个案例(àn lì)。你猜猜看，Maison Margiela 的页面上的 ;Universe ;这个分类是干啥的?这个炫酷的链接，实际上是链接到他们的Facebook页面的……唉。
反例当然也有，看看legworkstrdio的网站吧，他们的创意非常不错，网址导航清晰明确，用户也不会在导航中迷失。
3、杂乱无章
曾经有过一个阶段，办公室装修设计师试图将所有的网站内容全都塞到一个页面当中去。虽然这个时代已经过去了，但是非常多网站依然在犯这个错误，甚至在我们自己设计的时候，有时候也会身不由己地想这么做。看看这个在线商店的设计吧：
办公室装修设计师试图使用简单的配色方案(fāng àn)，但问题(Emerson)是页面中大大小小的框、复杂多变的字体破坏(vandalism)了整体的风格，用户也在大量繁复的中懵逼。搜索框中 ;那么你今天想得到什么呢? ;文案还是挺时尚的，但是页面风格却完全是过时的设计。
反观EBay的设计，在设计上则更为克制，保持清爽而简单的设计，凸显用户关注的内容，并且明确地提示用户下一步该怎么做。上海网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片(GIF，JPEG，PNG)和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。
4、要有对比度
对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式方法。在网页设计中，对比度不仅仅是通过(tōng guò)色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。
最简单也是最生动的案例，就是下面的这个网站。设计师在网站的一致性上做的颇为不错，但是相对复杂的背景和文字内容、按钮等前景元素之间的对比不明显。
相比之下，这个网站也采用了深浅色的对比来进行设计，但是结果却截然不同。另外，充满创意的滚动效果也引入了颇为不错的视觉效果，很酷吧?
5、忽视表单样式
表单设计其实是用户访问体验设计的基本组成部分之一。每个网站都有不同的设计目标，不论是销售产品(Product)、呈现还是提供沟通平台，然而许多设计漂亮的网站总会给你一个令人感到无聊到死的复杂表单，除了那些极其想加入会员或者想参与问卷调查的那些访客，许多用户会直接关闭页面，离开网站。
有了JCF这样的跨浏览器解决方案之后，你就可以同丑陋的默认表单样式说再见了，你可以设计更优秀更人性化的表单那设计，来提升交互效率和用户访问体验。
另外一个恼人的情况(Condition)是，表单要求太多，想法不成熟，或者并未经过良好的测试。比如sketchybusiness.io 这个网站中，表单突出了所有的空白字段，即使有些是不需要填写的。
反观mostlyserious.io的表单设计，你会喜欢表单中的鼠标悬停提示。上海网站建设公司不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组，负责网站不同方面的设计。另外，其中 ;Don’t be shy ;的提醒为整个表单增添了人性化的元素。
结语
网站并不是做好了就够了，你还需要多加测试!有许多问题(Emerson)并不是意料之中的。上海网站建设通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面(GUI)的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。简单的信息如文字，图片(GIF，JPEG，PNG)和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。用户会在哪里碰到问题?网址导航中的设定是否符合用户的意识?视差效果和内置 的视频是否可以流畅加载?让用户参与测试最大的好处是你真的开始拥有用户的视角，而非你自己的脑补，了解实际的需求，才能有所改进。不要试图限制你的创造 力，但是也不要忘记基本的原则，这样才能在不为用户带来困惑和沮丧的同时，给予他们惊喜。
