乐趣区

关于前端:做网页设计时要知道的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,能够测试浏览器兼容性。
退出移动版