学习啦——学设计>网页设计>网站建设>手机网站建设>

手机网站网页如何设计

宇民分享

  网页设计需要做的工作有很多,主要的目是为了满足用户的各种需求。下面由学习啦小编为大家整理的手机网站网页设计,希望大家喜欢!

  手机网站网页设计

  第一、’背景颜色

  网站的背景颜色占据了网页所有的空白之处,它是决定网站色彩搭配的主导色系。相要做好页面的色彩搭配工作需要对色彩学有一定的了解,以搭配合谐,色彩统一,风格统一为准则。

  1.整个网站最好选用同一种色彩为主色调,然后对选定的色彩进行透明度、饱和度和明暗我调整,这样做的好处是:可以让页面看起来色彩整齐统一,有层次感。

  2.如果必须选用两种色彩,那一定要选择同一色系的,然后选择两种对比色使用,这样做会让页面看起来合谐美观。

  3.如果想用多种颜色,那么一定要选择同一色系同色调的颜色,这样做可以让网站看起来风格统一。(色调指的是如果选淡色那么就全部是淡色,如淡蓝,淡黄,淡绿:)。

  第二、页面布局

  页面布局指的是整个页面上所有内容的分布情况,也是网页上内容的组织情况,页面布局的作用,主要是引导用户的视线,让用户第一时间看到最重要的信息。页面布局涉及的主要元素有栏目标签、提示信息、菜单等。根据经验页面布局为:品牌标志和导航应该放在页面的顶部,这是用户对网站的第一印象;在内容结构中,图片更容易获得关注用户浏览完图片后,下一个关注点便是标题;用户会大致的浏览文本,但是往往不会通读。

  第三、文字和图片的选择

  手机网页中文字和图片的选择要适应手机的屏幕大小和人们的视觉习惯,这样可以让用户更舒适的浏览页面。文字和图片是网页排版时需要考虑的内容。在进行网页设计时可以按照下面的原则进行。

  1、字间距不要太挤或太宽,

  2、行距不要太小或太大,

  3、段距不要太少或太多,

  4、每行字数不要太多或太少。

  手机网站网页格式

  1、静态网页

  静态网页多数为单一的超文本标记语言档案。现今不少网站建设皆倾向把动态网页静态化,从而令搜寻引擎最佳化。

  2、动态网页

  动态网页的内容随着用户的输入和互动而有所不同,或者随着用户、时间、数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript、JScript、Actionscript)来改变。