关于前端:做网页设计时要知道的9个重要常规小技巧

 如果在设计一个网页的时候有好的设计技巧，那么将会大大晋升这个网站的用户体验，如果一个网站的用户体验晋升了那么访问量也就晋升了，访问量晋升了那么销售额天然也就晋升了，一个网站能让一家公司的销售额晋升起来，那么这个网站能够说是个十分胜利的网站了。明天咱们就来讲设计中的 10 个重要并惯例的小技巧吧。1. 优化应用的图片，会取得更好的页面加载速度 

应用正确的网页格局图，能让网站访问速度晋升一半。这里有个抉择适宜的文件格式的技巧：如果图片是单色，那最好贮存为 PNG 或者 GIF 格局图片；如果是连续性的色调图则最好贮存为 JPG 格局的图片。网上还有很多的辅助工具能够帮忙你进一步优化你的图片，升高他们的文件大小。能够参考这些辅助工具列表来帮忙优化你的图片。尽量把图片数量减到最低，并且灵便应用图片，并且尽可能地减小文件大小。如此一来，将能够大大的缩小页面的读取工夫和改善网页的性能。2. 放弃洁净和简略

一个好的网页设计不光只是看起来难看而已，还要是用户敌对型的。通常来说，一个洁净、简略的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混同。当页面上有太多的网站性能和组件时，将会扩散网站用户的注意力而失去本来浏览网站的目标。确保每个页面元素都有其目标，而后问本人以下问题：此外，只管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计依然是不便和直观的。人们习惯于通用性的交互模式、网站性能、和网络接口，如果你的设计确实很独特，确保它不是太含糊和艰涩。要有创意，但还要放弃简略。3. 页面的导航栏是最重要的设计 

一个网站最重要的局部就是整个网站的导航。没有它，无论在哪个页面中，用户都会产生卡在这个页面离不开的情况。有了这显著的理论方向，咱们将探讨一些建构网站导航时重要的点。首先，在网站的导航构造上，投入足够的工夫和很多布局是十分重要的。尽管这是常识，但依然有很多设计师想当然地设计网站导航。摆放地位、格调、所用技术（javascript 或 CSS）、可用性和网页易读性，这些是你制作导航设计时须要思考的。在没有 CSS 的情况下，你的导航设计应该也是可用的，这是基于文字根底的浏览器相容性。你能够尽量去讥笑文字根底的浏览器，但它们在很多的挪动设施上还是风行的。兴许更为重要的是，对屏幕用户来说（99.99% 的状况下），没有 CSS 的导航性能照样可用拜访。在没有客户端技术状况下（如 JavaScript 或 Flash），导航性能应该容易进入和应用的。用户可能因安全性或公司政策而没有开启或装置。所以，制订一个导航系统能够搁置的良好地位是必须的，例如放在一个显眼可见的中央。一个好的导航性能，只有网页载入就呈现，而不须要鼠标再向下滚动。这是为什么页面要放弃洁净和简略的重要作用，一个简单且非常规的设计可能会让用户困惑。哪怕只有一瞬间，用户也必然不会纳闷：“网站导航在哪里?”最初，对网站建设阶层构造，多层次的治理。确保它在父层与子层之间易于导航。此外，不论在哪一个网页当中，也应该能很容易达到最高层的页面（例如网站首页）。最次要的指标就是你的网站导航，尽可能减少操作（动作），致力而让用户达到他想要浏览的内容。4. 理智和有条理地应用字体 

尽管有成千上万的字体，但你真的能用的只是一小部分（至多要等到次要的浏览器齐全反对 CSS3）。所以保持应用网页平安字体。如果你不喜爱网页平安字体，能够思考利用 sIFR 或 Cufon 逐渐加强的网页设计。放弃字体的一致性，确认题目和段落的内容看起来有所不同。应用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地浏览和扫描内容。兴许一个网页设计师经常犯的谬误就是应用不对的字体大小。因为咱们想尽可能的将内容都塞在一个网页中出现，所以咱们有时设置字体大小而让用户感觉到不难受。如果可能的话，尽量放弃字体大小 12 像素以上，特地是对段落内容。尽管很多没有遇到因为字体太小而造成浏览上的艰难，然而想想老人家、近视眼和其余相似视觉阻碍的族群吧。5. 了解色调无障碍性 

说完字体后，咱们还须要指出应用正确色彩的重要性。例如，彩色文字在红色背景，如果应用高对比度，橙色背景上的红色文字会令你的眼睛感到缓和。此外，应用一些对非凡模式色盲的用户敌对的色彩（查看工具名为 Vischeck，能够测试某些类型的色盲）。有些色调组合只适宜使用在前景色的局部，而不适宜做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是应用两种一样的色彩，但用在不同的局部则影响了它的可读性和浏览的舒适度。重要的是，不仅要应用良好的色调组合，而且要把它用在页面中的适合元素上。6. 要理解如何编写代码 

随著各种所见即所得的网页编辑器充斥市场，网页设计曾经成为简略的 1 -2- 3 步骤就能设计好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的 HTML 结构设计不当，难以保护和更新，导致网页收缩。通过本人编写的网页代码，能失去简洁的代码，可能欢快不便地浏览和保护。你能够骄傲地说是本人写进去的代码。但晓得如何应用所见即所得的 IDE 或预览性能并不会障碍学习 HTML 和 CSS。你要晓得产生了什么事件，能力发明无效并高度优化的网页设计。7. 谨记搜索引擎优化是十分重要的

在设计网站时，一个好的网页设计师应该永远牢记根本的 SEO 概念。例如，网页内容构造、用文字示意题目（即网页的题目和标记）。此时，以前学习的如何正当编码的能力就派上用场。意识正确、语义和基于规范的 HTML/CSS 后，你会很快意识到 Div 比表格布局好得多，不仅更为精确地展示内容，而且对搜索引擎排名也有帮忙。另外，晓得用 CSS 更换背景、文字和图片也是一个好主见。8. 要明白人都是没有耐性的

普通人用几秒钟就决定是否要浏览更多网页内容或到另一个网站。因而，作为一个 Web 设计师，要有个好办法，能在这宝贵的几秒钟激励用户抉择前者（看更多内容）。要晓得，如果用户在网页头部看不到感兴趣的内容，没有多少人会向下滚动，去查看整个网页的内容。所以，在网页头部很容易看到的中央搁置网站上的重要元素，但也不要适度拥挤在上半局部网页，否则会吓到用户，而不会往下持续看内容。记住上半局部网页设计的卖点：视其为推销员，使人们有购买想法，即他们想在你的网站上看到什么。9. 分明的理解浏览器的兼容性

当一个网页设计师必须要晓得的一件事，就是你的工作环境（浏览器）是挑剔和难以预料的。如果你的网页设计只能运行在的几种网页浏览器，那是不够的，你须要尽可能多浏览器下测试。这里有一款工具 Browsershots，能够测试浏览器兼容性。