首页 >> 公司新闻 >>公司新闻 >> 新手制作网页需谨记的10个要点
详细内容

新手制作网页需谨记的10个要点

时间:2018-05-19     【原创】   阅读

  1、 坚持洁净和复杂

 

  一个好的网页设计不光只是看起来美观而已,还要是用户敌对型的。通常来说,一个洁净、复杂的网页设计最终会成爲一个可用性高的网页设计,由于它在与用户的交互中不会使其发生混杂。当页面上有太多的网站功用和组件时,将会分散网站用户的留意力而得到本来阅读网站的目的。确保每个页面元素都有其目的,反问本人:

 

  1.能否真的需求这个设计麼?

 

  2.这是什麼组件是做什麼用,它如何协助用户阅读?

 

  3.假如我忽然删除这个组件,大少数人会希望它“回来”吗 ?

 

  4.如何把这些元素和目的、音讯和网站的主旨相互结合?

 

  此外,虽然它能够是一个超酷的新概念或界面设计形式,但你还是要确保对你的用户而言该设计依然是方便和直观的。人们习气于通用性的交互形式、网站功用、和网络接口,假如你的设计确实很共同,确保它不是太模糊和流畅。 要有创意,但还要坚持复杂。

 

  2、导航(条/栏)是最重要的设计

 

  一个网站最重要的局部就是整个网站的导航。没有它,无论在哪个页面中,用户都会发作卡在这个页面离不开的情况。有了这分明的实践方向,我们将讨论一些建构网站导航时重要的点。

 

  首先,在网站的导航构造上,投入足够的工夫和很多规划是十分重要的。虽然这是知识,但依然有很多设计师想当然地设计网站导航。

 

  摆放地位、作风、所用技术(javascript或CSS)、可用性和网页易读性,这些是你制造导航设计时需求思索的。

 

  在没有CSS的情况下,你的导航设计应该也是可用的,这是基于文字根底的阅读器相容性。你可以尽量去讪笑文字根底的阅读器,但它们在很多的挪动设备上还是盛行的。也许更爲重要的是,对屏幕用户来说(99.99%的状况下),没有CSS的导航功用照样可用拜访。

 

  在没有客户端技术状况下(如Javascript或Flash),导航功用应该容易进入和运用的。用户能够因平安性或公司政策而没有开启或装置。

 

  所以,制定一个导航零碎可以放置的良好地位是必需的,例如放在一个显眼可见的中央。一个好的导航功用,只需网页载入就呈现,而不需求鼠标再向下滚动。这是爲什麼页面要坚持洁净和复杂的重要作用,一个复杂且十分规的设计能够会让用户困惑。

 

  哪怕只要一霎时,用户也肯定不会疑惑:“网站导航在哪里?”

 

  最初,对网站树立阶级构造,多层次的管理。确保它在父层与子层之间易于导航。此外,不论在哪一个网页当中,也应该能很容易抵达最高层的页面(例如网站首页)。

 

  最次要的目的就是你的网站导航,尽能够增加操作(举措),努力而让用户抵达他想要阅读的内容。

 

  3、明智和有条理地运用字体

 

  虽然有不计其数的字体,但你真的能用的只是一小局部(至多要等到次要的阅读器完全支持CSS3)。 所以坚持运用网页平安字体。假如你不喜欢网页平安字体,可以思索应用sIFR或Cufon逐渐加强的网页设计。

 

  坚持字体的分歧性,确认标题和段落的内容看起来有所不同。运用空白、调整行高、字体大小和字母间距属性,运用户轻松愉快地阅读和扫描内容。

 

  也许一个网页设计师经常犯的错误就是运用不对的字体大小。由于我们想尽能够的将内容都塞在一个网页中出现,所以我们有时设置字体大小而让用户觉得到不舒适。假如能够的话,尽量坚持字体大小12像素以上,特别是对段落内容。虽然很多没有遇到由于字体太小而形成阅读上的困难,但是想想老人家、远视眼和其他相似视觉妨碍的族群吧。

 

  4、晓得如何编写代码

 

  随著各种所见即所得的网页编辑器充满市场,网页设计曾经成爲复杂的1-2-3步骤就能设计好一个网站。但是,大少数网页编辑器掺杂了不用要的代码,使你的HTML构造设计不当,难以维护和更新,招致网页收缩。

 

  经过本人编写的网页代码,能失掉简洁的代码,可以愉快方便地阅读和维护。你可以骄傲地说是本人写出来的代码。但晓得如何运用所见即所得的IDE或预览功用并不会阻碍学习 HTML和CSS。你要晓得发作了什麼事情,才干发明无效并高度优化的网页设计。

 

  5、 了解颜色无妨碍性

 

  说完字体后,我们还需求指出运用正确颜色的重要性。例如,黑色文字在白色背景,假如运用高比照度,橙色背景上的白色文字会令你的眼睛感到紧张。

 

  有些颜色组合只合适运用在前风光的局部,而不合适做背风光。举个例子来说,深蓝色的文字搭配粉白色的背景与粉白色的文字搭配深蓝色的背景,都是运用两种一样的颜色,但用在不同的局部则影响了它的可读性和阅读的舒过度。重要的是,不只要运用良好的颜色组合,而且要把它用在页面中的适宜元素上。

 

  6、 优化图片,取得更好的页面加载速度

 

  学习如何经过选择正确的格式,来优化网页图片,并确保文件大小在可行的范围你是足够小的。虽然如今人们曾经都在运用宽带,但依然有人是拨号上网。此外,虽然挪动安装技术的普及,但挪动安装却不一定支持像宽频一样的速度,图片文件的大小能够还是会延伸网页的加载工夫,有能够把用户赶走的。

 

  这里有个选择合适的文件格式的技巧:假如图片是单色,那最好保管成PNG或许GIF格式;假如是延续性的色彩(如照片)则最好保管成 JPG格式。

 

  有很多的工具可以协助你进一步优化你的图片,降低他们的文件大小。尽量把图片数量减到最低,并且灵敏运用图片,并且尽能够地减小文件大小。如此一来,将可以大大的增加页面的读取工夫和改善网页的功能。

 

  7、 了解人是没有耐性的

 

  普通人用几秒钟就决议能否要阅读更多网页内容或到另一个网站。因而,作爲一个网页设计师,要有个好办法,能在这珍贵的几秒钟鼓舞用户选择前者(看更多内容)。

 

  要晓得,假如用户在网页头部看不到感兴味的内容,没有多少人会向下滚动,去检查整个网页的内容。所以,在网页头部很容易看到的中央放置网站上的重要元素,但也不要过度拥堵在上半局部网页,否则会吓到用户,而不会往下持续看内容。记住上半局部网页设计的卖点:视其爲推销员,使人们有购置想法,即他们想在你的网站上看到什麼。

 

  8、理解(并认识到)阅读器的兼容性

 

  当一个网页设计师必需要晓得的一件事,就是你的任务环境(阅读器)是挑剔和难以意料的。假如你的网页设计只能运转在的几种网页阅读器,那是不够的,你需求尽能够多阅读器下测试。这里有一款工具Browsershots,可以测试阅读器兼容性。

 

  9、 不要遗忘搜索引擎优化

 

  在设计网站时,一个好的网页设计师应该永远牢记根本的SEO概念。例如,网页内容构造、用文字表示标题(即网页的标题和标志)。此时,以前学习的如何合理编码的才能就派上用场。看法正确、语义和基于规范的HTML/CSS 后,你会很快看法到div比表格布局好得多,不只更爲精确地展示内容,而且对搜索引擎排名也有协助。另外,晓得用CSS改换背景、文字和图片也是一个好主见。

 

  10、 使设计有灵敏性和可维护性

 

  一个好的网页设计师可以确保当前可以很容易更新或修正网站。设计一个有可塑性、易于维护的网站,是一个伟大网页设计师的标志。让你的任务尽能够从构造化转向模块化。

 

  网页设计这个行业是静态的,而且还很“年老”。事情往往在长久中变化。牢记这种思想,将推进树立愈加灵敏的网页设计。


在线客服
- 售前服务
  • 点击这里给我发消息
- 售后服务
  • 点击这里给我发消息
技术支持: 瑞杰网络科技 | 管理登录
×