手机网页样式（手机网页页面设计）

　　1、什么是“手机网页样式”：“手机网页样式”，也称作移动网页样式，是指为移动设备设计的网页，它以响应式设计(responsive design)的形式来构建针对不同设备的不同宽度的网页。让移动设备用户获得更佳的浏览体验，进而促进了移动终端用户的APP声誉和营销效果。

　　2、手机网页样式的基本特点：

　　1)设计简单：移动网页样式追求简约大方的样式，避免出现复杂的布局。元素排列要简洁，色彩要不邪气、没有多少夸张，网页设计中一定要有一定的空间，这样比较简洁，有助于提高网页的阅读体验。

　　2)针对不同设备：要根据不同设备有不同的页面宽度，以实现多个设备只需要前端一次编辑，多个设备就可以方便地展示出合适的版本，从而普及对不同设备的无障碍访问。

　　3)跨平台：移动网页的设计要兼容性极高，只要是市面上有的移动设备，都要能兼容，包括IPhone，Android，Windows Phone，以及各类平板电脑等，这样子才能提升网站的适应性和可用性，从而获得更宽范围的移动用户。

　　3、手机网页样式的设计步骤：

　　1)对照统一视觉效果：首先要将基本版式，布局，文档流，字体，栏目统一大家手机版的视觉效果，以达到提高网站统一性的目的。

　　2)改进布局：在实现了跨平台的兼容性的基础上，要考虑移动设备的特殊性，改进原来的布局，改为更加简洁的布局，如以栅格对元素进行排版，以便移动设备成功加载网页，提高用户访问效率。

　　3)注意网页中的图像：网页中的图片要尽量少，图片尺寸要跟设备能够兼容，这样才能更好的节省设备网络存储空间，给用户更好的视觉体验。

　　4、手机网页样式的未来发展：

　　1)智能化：在移动设备的网页设计中，要更多的考虑响应式的智能化设计，它可以根据设备的属性与动态环境，智能的自由排版，充分发挥移动优势而改造网页，使移动端获得更佳的浏览体验，而不是本来的拷贝PC端的网站，只是把大小缩小而已。

　　2)开发新技术：像Html5等技术的发展，也使得移动端网页的设计更加可行了，跨平台也更加方便，从而推动着移动端网页样式的发展，手机网页的设计在未来的发展将会发现更多新的突破，更好的体验，更新的设计方案等等。

　　1、wap：wap是wireless application protocol的简称，它基于HTTP协议，主要服务于无线终端用户，它的表现形式通常是XHTML或WML—WF的手机网页样式，这种样式可以在各种手机网页浏览器上使用。

　　2、响应式设计：响应式开发是一种可以根据屏幕大小自动伸缩及调整网页内容、布局等的技术，从而更好地适应不同机型的屏幕，从而使用户在不同设备(如桌面电脑、手机、平板电脑)上都能更加便捷地浏览网页。

　　3、原生移动网页：原生移动网页是iOS和Android平台上采用原生语言(Objective-C、Java)开发的网页，用户对其的响应更加友好，而且界面更加友好，比如拥有原生的按钮和滑动条，使用起来会非常友好。

　　4、移动 web app：移动 Web App 指的是不必下载及安装，可以通过浏览器完成功能、布局及设计，具有和 Native App 同样交互性、体验感和流程的 web 应用程序。它们可以运行在浏览器中，更加便捷及安全。

　　5、全视屏网页：全视屏网页是一种能够适应任意大小和形状的屏幕的网页样式，它使用特殊的大段文字、图像及其他内容来渲染网页，是一种优雅的方式来实现适应不同的设备的网页设计。

　　6、精简网页：精简网页是一种相对简单的网页样式，它使用极少量的文字及图像来渲染网页，在有对网络宽带要求时使用，可以使网页更轻松地加载到移动设备上，而且可以减少许多不需要的内容，从而降低网页的文件大小。