荣新IT培训中心
全国咨询热线:400-1335-066
您现在的位置:首页>技术文章 > 正文

web前端开发入门之设计要点(二)

时间:2017-07-28 13:14:43 来源:荣新IT教育培训 作者:荣新科技
  Web在不同的领域有着不同的含义,对于普通的用户来说,Web仅仅只是一种环境,而对设计者来说,它是一系列技术的总称(包括网站的前台布局、后台程序、美工、数据库领域等的技术概括性的总称)。Web可以在页面上同时显示色彩丰富的图形和文本,这种形态的展现大受用户的青睐。下面我们就接着上篇文章说一说 web前端开发入门的设计要点吧!

web前端开发入门之设计要点

  一、标题的作用

  由于移动web浏览器所显示的内容文本格式常常是受限制和不协调的,所以标题在此处就显得的尤为重要。移动web浏览器文字并不能呈现理想效果,但是类似标题一、标题二、标题三这样的标签能帮助页面构造出一个用户视图,并凸显出页面的某些重点内容。

  二、禁用漂浮链接

  尽管移动web浏览器也能通过使用漂浮链接进行整个网页的布局,但是在小屏幕上并不会收到很好的效果。通常情况下,不使用漂浮链接,会使简单排列的网页整体看起来更舒服,用户也能得到更好的使用体验。

  三、减少页边距和填充

  一般情况下,和传统网站相比,移动设备上的网页要减少页边距和其他的填充。当然,这取决于你所设计的网站页面填充的实际情况和网页页边距的大小,但是过多的页面填充和过大的页边距并不能提升用户体验。

  四、做好页面导航

  很多页面的网站导航都设计在页面的上方,这样的设计对于移动网页同样有用。值得注意的是,手机上的导航选项是按比例缩小的。在手机网页中,只提供常用、有用的链接选项,同样在设计时尽量让用户能够更加方便的接入其他导航链接。

  五、注重页面颜色对比

  由于使用手机屏幕不能拥有和电脑或笔记本屏幕一样的使用体验,所以在设计手机web页面的颜色时,为了确保用户能够有良好的阅读体验,设计师门一定要注意页面背景颜色和文字颜色的协调搭配!

  综上所述,就是web前段开发的设计要点。主要是针对web前端开发新手入门的知识总结,希望能帮到大家,如想了解更多相关知识可以看看《web前端开发入门之设计要点(一)》。