网页设计需要做的工作有很多，主要的目是为了满足用户的各种需求。网页设计所涉及的元素如下：颜色、字体、图片、样式等内容进行页面性的设计和美化，这些操作要做到在页面功能限定的情况下，尽最大的努力为用户提供完美的视觉体验
这些要求适用于手机网页设计，但是手机网站建设对于网页设计的要求与PC端的网页设计要求有所不同，首先我们需要明确的是手机的界面要比电脑小很多，所以在进行手机网页设计时要对网页的尺寸进行限定。其次就是手机网站的运营情况，尽量避免无法显示的网页出现。
因为手机的显示屏与电脑是不同的，不仅存在色差问题还比电脑屏幕清晰很多，所以手机网页设计时更注重网页的背景颜色、页面布局，文字和图片的选择等等，这也是本文所说的手机网页设计三剑客。接下来成都网站建设公司创新就从这三大类内容为大家进行介绍。
第一、背景颜色
网站的背景颜色占据了网页所有的空白之处，它是决定网站色彩搭配的主导色系。相要做好页面的色彩搭配工作需要对色彩学有一定的了解，以搭配合谐，色彩统一，风格统一为准则。
1．整个网站最好选用同一种色彩为主色调，然后对选定的色彩进行透明度、饱和度和明暗我调整，这样做的好处是：可以让页面看起来色彩整齐统一，有层次感。
2．如果必须选用两种色彩，那一定要选择同一色系的，然后选择两种对比色使用，这样做会让页面看起来合谐美观。
3．如果想用多种颜色，那么一定要选择同一色系同色调的颜色，这样做可以让网站看起来风格统一。
第二、页面布局
页面布局指的是整个页面上所有内容的分布情况，也是网页上内容的组织情况，页面布局的作用，主要是引导用户的视线，让用户第一时间看到最重要的信息。页面布局涉及的主要元素有栏目标签、提示信息、菜单等。根据经验页面布局为：品牌标志和导航应该放在页面的顶部，这是用户对网站的第一印象；在内容结构中，图片更容易获得关注用户浏览完图片后，下一个关注点便是标题；用户会大致的浏览文本，但是往往不会通读。
随着网页设的发展和用户对于网页设计要求的提高，页面布局的形式也越来越多，PC端要吧使用的页面布局同样也适用于手机移动端，下面就与大家分享几类主流的布局型式，
1、F式页面布局
F式页面布局是页面布局中较为经典的一种，这类网页中内容的重要性是从左向右、从上到下的，这符合一般人的阅读习惯。左上方是logot和导航栏，然后是樯标签，让用户知道如何转至不同的页面。
优点：在于于F式布局符合大多数用户的浏览习惯，符合“从上到下，从左到右”的阅读方式。
缺点：必须将最有价值的内容放置在页面顶部了，没有任何新意，文本内容无法有效的引起用户注意。
2、“国”字型页面布局
“国”字型页面布局也可以称为“同”字型，是一些综合类的大型网站常用的类型。这种类型的页面最上面是网站的标题以及横幅广告条，下面紧跟的就是网站的主要内容，左右分列一些内容，最中间的部分是主要，一直到页面底部。页面最下方是网站的一些基本信息、联系方式、版权声明等。
优点：“国”字型页面布局中的重占内容集中在顶部和中间位置，分区排布，这样的页面方便浏览者查找想要的信息。
缺点：页面的信息分布过于集中，无法让用户明确哪一种是重要的哪一种是次要的，所以秀容易让用户因找不以想要的信息而跳出。
3、“T”字型页面布局
“T”字型页面布局是将网页上边和左边栏相结合的页面布局，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这种布局类型是网页设计中用得的最广泛的一种布局方式。
优点：符合人的注意力游动情况，能够让用户以最大可能性方便的获取信息，页面结构清晰，主次分明、易于使用。
缺点：规矩呆板，如果细节色彩上不注意，很容易让人“看之无味”。
4、POP型页面布局
POP源自广告术语，这种类型指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类网站。
优点：页面漂亮，引人入胜。
缺点：由于页面上运用的大幅图片较多，导致页面的打开速度变慢。
第三，文字和图片的选择
手机网页中文字和图片的选择要适应手机的屏幕大小和人们的视觉习惯，这样可以让用户更舒适的浏览页面。文字和图片是网页排版时需要考虑的内容。在进行手机网页设计时可以按照下面的原则进行。
1、字间距不要太挤或太宽，
2、行距不要太小或太大，
3、段距不要太少或太多，
4、每行字数不要太多或太少。
更新时间：2016-10-10
