网页设计有哪些细节需要注意

1、留白太少
留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。
2、字体设置过多
通常来说一个网页中最好不要超过三种字体。
3、色彩太多
文本、背景、框架等各为不同的颜色，虽然看似鲜艳但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调(如蓝色)，再搭配反相的单色(白、灰、黑)以获得一个漂亮的搭配。这里强调下豆瓣的配色。也是我喜欢的颜色搭配。
4、内容过于堆叠
网页的内容繁多，各种分支信息占据的空间过多，没有突出关键的主题。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中，没有特别奉行的准则，但以直观的方式组织你的内容是一条很好的经验规则。也是多年培养的用户习惯。最终习惯就是最终用户。当然一成不变不是我们所鼓励的。
5、没有重视用户电脑的屏幕显示效果
也许某个分辨率对你的电脑效果特别好，但是用在用户电脑上就不一定如此了。虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户，最好考虑一个手机版设计。
6、没有考虑对比效果
你有没有试过两种对比色彩的运用或者大小的变化，有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。成为一个大师级网页设计师的秘诀：对比，对比，对比。
7、同一件事情做的不够多，或做的太多(过犹不及)
某个主题过于突出或者某个主题被完全冷落了，在页脚加一个”返回顶部”的按钮也很好。但是，太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站，如果她搞不定，想想哪些东西让初次访问的用户拒绝使用这个网站。
8、不一致
网页内容过于杂乱，没有统一的框架把他们合并到一个中心主旨上。它是把网页设计组织在一起的方式，可以创造一种紧密结合的感觉。在网站页面互相链接的情况下，它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩，用户很快会觉得不知所措。
9、没有足够的文字间距
间距过小是造成网页缺陷的一个重要原因。网页一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。
10、贫乏的尺寸大小
标准做法是h1的文字大于h2的文字，头部文字大于段落文字。尽量保持一致的尺寸，因为它有助于一致性(第8条)和内容层次(第4条)。保持文字的可读性，但不要太大，让字体的大小表现信息的重要性。还有，10像素以下的尺寸对大量阅读的人来说太小了。
在平时设计网页过程中，如果能够多加注意到这些问题，从而避免不该犯的错误，就能在整体设计的基础上加分，此外，加上自己特色的创意，真正为用户考虑，才能真正做到优秀的网页设计。

1. 缺乏文字和图片都需要具备较高的可读性
   缺乏对比度网页上的文字和图片都需要具备较高的可读性，最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。图片背景与文字对比 度太差，导致文字模糊不清无法阅读，用户不仅错过这段话也错过了你要传达的重要内容。你必须保证每一个元素都与它周围的其他元素区别开来，记住这些基本方 法，色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见。

2. 糟糕的导航和操作流程
   糟糕的导航和操作流程，当我登陆了网页的第一眼，你就得让我明白接下来我该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜 单栏往往处于页面的顶部。导航的标签内容和运行效果必须清晰直观，当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候，给用户一些暗示让 他们知道你的网页如何工作吧。过于复杂的设计会让用户感到无所适从并放弃你的网站

3. 糟糕的图片搭配处理

   糟糕的图片搭配处理没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片，为什么要让它被其他的设计元素 所覆盖呢？加上简单的一行字就可以了，这也是为什么透明按钮成为了新的流行趋势。成都网页设计师再追逐潮流的时候，经常会落入这样的误区。顶栏很有趣，滚 动也很棒，可是当你为它们搭配上文字，一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配，让每个文字都可读，图片上的每个设计元素都清晰可 见。不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况，最好更换一个更加简洁的背景并在其他地方放上你的这张图片吧。 当第一眼看到上面这张图的时候你会被吸引是因为它的素描风格。但仔细看看，人物面部被文字遮盖了，那段褒奖之辞也让整体显得杂乱无章。

4. 不使用网格在网页设计

   不使用网格在网页设计中，有些“杂乱”也能让人赏心悦目，不对称是其中的一种，不使用网格绝对不是，是否使用网格是区分设计好坏的专业指标之一。网格 让一切变得清晰有组织性，让你的元素之间保持一致的适当的间距，你知道应当把你的元素放在哪儿、怎么放。帮助你确定元素的尺寸、文本的尺寸和空间，通过比 例展现内容的侧重点。

5. 不采用响应式设计

   不采用响应式设计，使用响应式设计框架，使用响应式设计框架，使用响应式设计框架，重要的事情说三遍，你的网页或许需要在手机上运行，它必须要和在电 脑上运行一样流畅。我总能遇到一些网站，在手机上加载出的是一整个页面。这些网站并不是响应式设计，至少没有手机版的视图，以至于用户无法使用。

6. 6.链接丢失崩溃的链接链接丢失崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧，你可以手动检查或是使用某些工具，如果你的logo并不能链接到你的网站首页，我也会感到奇怪。Logo都是要链接到网站首页的。（以及当处于首页 的时候，不要禁用返回按钮。）考虑链接的可用性。保证你的链接，特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文 字链接，特别是在小的移动设备屏幕上，用户很难点击到正确的链接。7.自动播放音乐在网页上添加声音

自动播放音乐在网页上添加声音会很生动，可千万别在没有用户提示的情况下播放音乐。你应当提供给用户一个打开/关闭音乐的按钮，并且默认关闭。音乐或 许会让用户惊艳，可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页，而自动播放的音乐却与之背道而驰。我需要网 页音乐但播放必须得到我的同意，如果我没办法找到按钮关闭自动播放的音乐，那只能直接关掉网页。但应用在广告上这倒是个不错的招数。如果你有声音的内容必 须要播放，考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法，却是一个比较好的解决方案

1、切勿随意添加栏目：作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。
2、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。
3、随意切图，不考虑页面动态扩展：这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。
4、图片好看，但是没有实在的意义：给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。
5、整站界面风格：在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

　　1、切勿随意添加栏目：作为美工，这一行为是要避免的，如果随意给界面添加表单、链接、“更多”等需要后台开发才能支持的功能，这样随意添加，就无形的更改了网站最初的需求，增加了项目的工作量，会影响网站的整体功能，同时也增加了后期测试的工作量，另一种可能就是不符合用户的需求，导致后期还需要重新修改。
　　2、切勿随意篡改设计：没有按照栏目的逻辑来设计页面，也没能为网站的内容进行良好的呈现。这种行为只是单纯的为了自己能在网页设计时方便，从而随意的消减了很多网站的内容。
　　3、随意切图，不考虑页面动态扩展：这个一般是美工技术含量不够导致的。切出的图片只能用在一个界面尺寸里，换个页面，就需要重新切图，没有任何扩展性，要结合响应式网页设计的原理，进行合理切图。
　　4、图片好看，但是没有实在的意义：给一个美工一个新闻主题，让他给做一个Banner，但是做出来之后，和新闻主题没有任何的关系，仅仅是好看。还有一些美工，更加对工作不负责任，只是把一个图片做了一下PS，这样对网站的整体效果都是有害的。
　　5、整站界面风格：在后期维护网站的阶段，美工们在制作图片时，没有考虑当前网站的风格，随意变换图片基本色调，在网页色彩搭配设计时，不合理配合网站整体风格，会影响网站后期的优化工作。

一、合理的页面版式
　　设计网页时，一定要注意页面版式的合理性。一个合理的版式和让人一目了然的网页能够给人带来舒适的感觉，并且会让人愿意花时间去了解。注重版式的设计，不要板块冗杂;页面版式的搭配，注重协调简洁。合理地搭配设计页面中的版式，呈现一个清新的网页。

　　二、舒缓的色彩设计
　　无论哪个行业的网页，在设计过程中都不要一味地追求视觉刺激，做出奇异的色彩搭配。在东莞网页设计的过程中，设计者一定要注重页面色彩的搭配，多用暖色调，协调搭配冷暖色。只有色彩足够协调、舒缓，才能够让人有继续停留的念头。
　　三、新颖的网页内容
　　来看网页中的内容，犹如人的灵魂不可或缺。设计一个网页，肯定都是想要宣传某个企业或产品，而网页中的内容更是不能够缺少的。现今，想要用内容吸引用户，就一定需要有新颖的内容，从文字或者其他形式的内容出发，注重原创和内容的新颖。
　　四、减少使用特殊字符
　　东莞格子网络认为进行设计网页时，尽量少用特殊字符。在不同的计算机或者不同的平台中，看到的情况有时候有一些差别，如果使用了特殊字符，很可能会有比较糟糕的展示效果，所以应当尽量减少特殊字符的使用。