导航是网页可用性的基石。如果用户无法通过导航找到自己想要的内容，那么无论网站设计多好，都是不达标的。所以，你的网站导航应该清晰而易用。下面是网页设计需要注意什么的介绍，希望对您有所帮助。
1、无论在什么设备上，尽量提供类似的体验
用户可能会从不同的设备上访问你的网站，可能在桌面端上，笔记本电脑、平板电脑和手机上，甚至有可能在智能手表上打开你的网站。而作为用户体验设计的工作目标之一，就是尽量确保无论在哪个设备上打开，都能给用户以类似、相对一致的体验。
如果用户需要在手机上查看你的网站，那么他应该能够像在家里的电脑上查看的时候那样，找打所有他希望能找到的内容。
2、清晰而易用的导航设计
导航是网页可用性的基石。如果用户无法通过导航找到自己想要的内容，那么无论网站设计多好，都是不达标的。所以，你的网站导航应该符合下面的特征：
・简单(每个网站都应该具备简单明了的结构)
・清晰(导航的选项对于用户而言应该是不言自明的)
・一致(导航在各个页面上应该都是一致的)
这样的导航能够让用户尽可能少的点击用来抵达他们要去的页面。
3、让已访问的链接显示为别的色彩
每个网站当中各种链接都不少。为了和文本区分开来，链接通常色彩不一样，如果用户点击之后再返回，链接色彩不作区分的话，用户可能会无意中重复访问相同的页面。所以，让已访问过的链接显示为其他的色彩，让用户更好地决定下一步点击哪里。
4、让用户更容易扫视页面
当用户刚刚开始打开网页的时候，可能会倾向于快速扫视整个页面，而非通读所有内容。当用户想要快速判断出他们想要的内容在哪里的时候，就需要快速扫视、定位。
作为设计师，让页面的层次结构足够清晰，才能让用户更清晰地快速获取信息。如何将内容按照重要性、有层次地呈现出来，还是挺考验网页设计师的权衡能力的。
将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点，便于用户发现。
5、仔细检查所有链接
当链接所指向的页面不存在的时候，用户所打开的页面就会自然地变为404了，而这种情况是一定会让用户产生沮丧的情绪的。为了避免用户在浏览过程中因此对你的网站产生失望的情绪，请务必确保没个链接都指向正确的页面。
6、确保元素的视觉和功能表里如一
许多元素的外观特征会呈现出它功能性的一面，这也就是我们常说的显而易见、不言自明的设计。链接通常会呈现成特定的色彩，带有下划线，如果你的内容文本中有这么一段文字拥有这样的特征，用户通常会认为它是一个链接。
如果点击的时候发现它无法跳转，会让人有“被欺骗”的感觉。用户需要知道哪些内容是可点击的，而哪些只是强调，设计要表里如一。
7、不要让你的用户长时间等待加载
不论是面对APP还是网页，用户的耐心都非常之有限。有研究表明，7秒的等待几乎是用户的等待极限，而10秒的加载时间，只会让绝大多数的用户关闭页面，再精美的加载动画都安抚不了用户的烦躁。
所以，不要让你的用户等待加载，尤其是这个加载时间很长的时候。相关的应对策略很多，比如你可以采用占位符先显示布局，逐步加载内容，至少让用户知道，这个过程正在推进。
8、不要让促销广告盖住内容
现实生活中广告已经让人难以忍受了，如果你的网页中广告居然挡住了主要内容，这几乎是逼着你的用户生气关闭页面，这样换来的广告营收从某种意义上也是饮鸩止渴。
另外一方面，长时间的互联网浏览经验会培养出用户的另外一种广告应对策略：当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击，不是么?
9、避免滚动劫持
滚动劫持通常指的是开发者或者设计师为了实现新的布局、动画或者排版，而修改了滚动的固定点甚至滚动条和体验本身，带来的非常规的滚动体验。滚动劫持是最恼人的状况之一，所以，通常而言，除非极个别的原因，尽量不要过度调整和修改用户滚动浏览的体验设计。
Mac Pro 的页面就加入了一些令人抓狂的滚动特效，这是为了适配它的视差布局。
10、不要让视频和音频自动播放并出声
视频和音频自动播放对于用户而言是一种失控的体验，对于用户也是一种刺激。这样的设计应该谨慎使用，除非用户对此已经有所预期。
Facebook 的视频被设置为自动播放，但是不会出声。只有当用户在浏览视频并且与之互动的时候，才会触发声音控制，外放出声。
11、不要为了漂亮而牺牲可用性
网站和APP的界面设计的外观不应该影响它本身的可用性。避免繁琐的设计，为了美观而牺牲内容的可读性和对比性都是不能让人接受的体验。
12、不要使用晃眼的文本和广告
令人晃眼的文本和广告本身体验不佳，它们会让人分心，而且还会触发体质敏感的癫痫患者发病。
多语言网站设计需要注意的问题
1、应用字符集的选择
一个定位于不同语言国家的企业网站势必需要提供多种语言版本的产品和销售信息来满足其世界各地使用不同语言的客户和合作伙伴，其中包括法语、德语、意大利语、葡萄牙语、西班牙语、阿拉伯语等等。但有一个问题却极易被网站设计者们所忽略。这就是网站的字符集设置问题。
一般我们使用的是简体中文(GB2312)字符集，而对多语言网站来说，中文字符集却可能会使你辛辛苦苦的努力功亏一篑。原因很简单：就是这个毫不起眼的小小字符集在作怪。
计算机应用领域中存在着几十种互不相同的字符集，而不同语言客户在浏览不同语言网页时，往往会因为相互间所使用字符集无法兼容而出现乱码情况。我们在浏览国外一些网站时，往往也会出现为了能正常地看到网站上的信息而不得不在各种字符集之间来回切换的情况。
试想一下：如果一个网站提供了中，英，法，德等多种语言版本的内容，内容全之又全，设计美仑美奂。我们在中文编码环境下浏览这些非中文版本的页面觉得非常完美，现在一个法国客户对你的产品发生了兴趣，当他进到法语版面一看乱码很多，甚至可能整个版面都一塌糊涂。你的网站再下大工夫又有什么意义呢?
所以对提供了多语言版本的网站来说，Unicode字符集应该是最理想的选择。它是一种双字节编码机制的字符集，不管是东方文字还是西方文字，在Unicode中一律用两个字节来表示，因而至少可以定义65536个不同的字符，几乎可以涵盖世界上目前所有通用的语言的每一种字符。 所以在设计和开发多语言网站时，一定要注意先把非中文页面的字符集定义为“utf-8”格式。
这一步非常重要，原因在于若等页面做好之后再更改字符集设置，可以说是一件非常非常吃力不讨好的工作，有时候甚至可能需要从头再来，重新输入网站的文字内容。
2、语言书写习惯&导航结构
有些国家的语言书写习惯是从右到左，例如许多中东地区所使用的阿拉伯语，波斯语和希伯来语等等。如果你的市场目标是这些语言的国家，那么在网站设计中就需要考虑这些特殊的语言书写习惯。而且如果你在网站导航结构设计中使用的是一个竖直导航栏，这时候就应该把它放在右边，而不是像我们习惯的那样放在左边了。
3、数据库驱动型网站
对一个数据库驱动型的网站，尤其是当客户可以留言并向数据库添加信息时，则应当考虑如何从技术上实现对不同语言数据信息的收集和检索。
4、搜索引擎市场推广
对多语言网站来说，搜索引擎优化(SEO)确实是个大问题。而且还需要注意的是：并非所有的主流搜索引擎都会支持多语言网页，这也就是为什么一个多语言的网站不一定被所有的主流搜索引擎收录。当然Google不存在这样的问题。
其次需要考虑，不同语言所面向的不同市场目标国家和客户群体中习惯使用什么搜索引擎或门户网站进行搜索? 就像我们习惯用土生土长的百度搜索一样，在一些语言国家使用最为广泛的可能仍然是其本国的搜索引擎或门户网站。
最好的办法是找一个专业的网站推广公司来帮助进行市场调研。调研内容主要应包括：目标市场国家或地区对什么搜索引擎或门户网站的使用率最高? 一些主要的门户网站的用户真实查询率又是多少? 这一点尤为重要。就像我们常使用新浪、搜狐等大型国内门户网站，但一般更多是为了使用其邮件服务。而查询的话还是喜欢百度或Google一样，你需要了解在这些人们青睐有加的门户网站上，到底有多少人是奔查询而来的。充分的市场考察才能做到想要的效果，从而保证最丰厚的投资回报。
学校网站设计应该注意的事项
1、你应该选择一个比较好的域名，以及空间商
域名对于网站来说是非常重要的，那种看一眼就能让人记住的域名对于网站来说是十分特别好的。然而选择一个好的网站空间也是很重要的。这就好比我们生产了许多好的产品，我们应该用一个比较好的仓库去储存它们，这样我们的产品在质量上才会有保障。
2、你应该给你的网站找一个好的定位
定位对于网站来说也是比较重要的。互联网上网站有许多，定位是建立一个网站的基础3、筹划可以说是网站的灵魂
很多学校在做网站的时候，都有这样一种意识：筹划是一个网站的灵魂。你必须找一些与学校简介和服务简介有关的资料，然后再在它们旁边配上几幅照片。如果网站上面仅有信息，那这样的网站是没有灵魂的。
3、选择一家比较合适的网站开发商
市场上各类开发公司的实力相关是很大的。所以在寻找网站开发商的时候，你不能只看他们的报价，更为重要的是要选择其质量，质量决定一切。
4、为网站挑选一个比较好的负责人
好的负责人可以成就一个网站，糟糕的负责人也可以毁掉一个网站，可见网站的负责人对于网站来说是多么的重要的。
5、奉行用户体验至上的原则
学校网站的制作并不是越简单越好，更不是越眩越好。你的网站必须让访客感觉十分的舒服，这个才是最重要的。
6、你的网站应该是可以留得住的客户的
网站应该提供那么一些可以留住用户的服务。比方说，你可以提供一些可以免费下载的资料等等，这样就可以更加方便你会对用户展开一系列的服务。
7、网络的安全是十分的重要的
这一点你应该特别的小心，现在的社会上有太多的黑客，虽然那些一般的学校网站是比较少引起黑客的注意，可是现在网络上各类黑客软件也是比较的流行的。
网页设计中按钮设计要注意哪些
一、按钮的种类
按钮属于命令控件，包括普通按钮，图标按钮，文字按钮。
1. 普通按钮
2. 图标按钮
3. 文字按钮
二、如何保证按钮的识别性与易学性
1. 用视觉样式告诉人们此处可以点击
在扁平化设计之前，按钮都具有三维凸起的特征，这一特征我们仍可以学习。给按钮添加适当的阴影，阴影可以使元素突出于背景，这样更容易使用户识别它的可点击性。
2. 保持一致性
一个网站的按钮形状尽量保持一致，用矩形就都用矩形，用圆角矩形就都用圆角矩形，用户会将特定形状的元素识别为「按钮」，一致性会为用户提供更加熟悉的体验，减少用户学习成本。
一致的
不一致的
3. 使用高效率，易懂的文案
按钮上的文字「确定、取消」用更加生动确切的文字替换。
4. 使用合适的图标
箭头朝右，可能意味着离开此页;箭头朝下，可能意味着打开下面的内容，或者打开下面的菜单。
网易邮箱里的「发送」按钮用了图标纸飞机，不仅提高了按钮的易读性，同时也和其他按钮做了很好的区分，提高了发送按钮的优先级。
三、按钮的反馈状态
按钮在操作中一定要有反馈，来让用户明白自己的操作发生了什么。
按钮的状态有默认状态、悬停状态、点击状态、禁用状态、忙碌状态。
四、禁用状态又有以下几点要注意
1. 明显区分
禁用状态和可用状态的样式要有明显的区别，让用户清晰的知道这个按钮不可点击。
2. 禁用状态下要给用户相应的反馈
当鼠标移动到禁用状态下的按钮时，用提示工具向用户解释禁用的原因。
如百度里某图片不能下载，当鼠标移动到下载按钮上时，提示工具会解释按钮不可用的原因。
3. 禁用状态的按钮是可见还是隐藏
禁用状态下的按钮的可见性取决于它在界面中的位置与功能属性。
如：谷歌浏览器禁用状态的按钮是可见的。
safari 浏览器也是可见的。
这是因为这两个浏览器都有三个按钮，如果禁用状态下不可见，那右侧的按钮的位置就会不固定，这违反了设计的一致性原则。用户想要在固定的位置看到固定的功能，如果每次登录进来按钮的位置都会变化，会让用户非常困惑，按钮时有时无，在点击页面的时候工具栏会有明显的变化，体验也不好。
而 firfox 浏览器在改版之前前进按钮在禁用状态下是不可见的，因为火狐浏览器这里只有两个按钮，不会出现明显的跳动，所以禁用状态下的按钮的可见性，要根据按钮的功能和在界面中的位置进行具体分析。
五、确定放左还是右?
对于这一问题，不同的平台，不同的软件都不太一样。
windows 是确定在左，取消在右。
而 mac 系统是确定在右，取消在左。
为了使用户有一致的体验，最好的方式是不同的平台使用不同平台的规范，但是当我们的设计是基于网页的时候，就需要设计师自己取舍了。
六、不同优先级按钮的设计
当我们的界面功能比较多时，就会出现比较多的功能按钮，这些功能按钮肯定会有优先级，这个时候我们就需要设计一套一级按钮，二级按钮和三级按钮，甚至更多。
