1打开手机里的设置，在页面里点开显示，如下图 2在显示页面里找到并打开壁纸，如下图 3打开壁纸页面后，点开设置壁纸，如下图 4然后转到设置壁纸页面，不用系统本身的背景图，我们选择图库里的图，如下图 5进入到图库，选择一张横向图片，如下图 6打开图片上传后，整个图片就会自动适用屏幕大小。

1基于HTML5的工具网站功能较强大，单页面的操作性较强，可完成各种页面交互效果但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等原因你懂得~ 2手机工具APP相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷但是拘泥于现有的模板，使得单页面不会有较大的可操作空间。

在开始前，我们先创建原型设计使用的屏幕尺寸参考线iPhone和Android使用的是典型的320宽度在本案例中，将参考线高度设置为360，做为iPhone导航可见时的屏幕可浏览区域点击线框图窗口处的标尺，拖出参考线到线框图中步骤2添加视图接口标记 在原型中设置视图接口标记，可以让手机浏览时自适应原型。

常用的APP原型图工具移动APP原型设计神器POPaxureForeui等 第三点APP视觉设计与设计要点 1大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等 一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

1点击文件新建文件常规HTML页面打开2如图所示，新建了一个空白的html页面，拆分视图 3设置页面body样式信息 webkittouchcallout webkittextsizeadjust 是防止用户复制和保存图片，只支持iphoneipadandroid 4设置页面的宽度和高度 page。

五手机网站图片要适配设置从手机上浏览网站必然没有那么方便，操作也不如PC端灵活自如，前面也说到了使用网站设计技术可以解决网站适应屏幕的问题，网站图片也不例外，但为了用户能将页面使用图片的地方看得更加清晰，可采用整站缩放的模式，而不是用户点击单张图片的缩放模式，当然，手机网站能少用图片。

设计要针对显示设备的实际情况来具体设计手机网页设计，要针对手机屏幕小，竖屏观看，手指操作，网速慢这3个特点进行优化设计1针对手机屏幕小 因为屏幕小，所以要合理优化页面内容，把重点内容优先显示，不浪费用户时间查找他要的内容2竖屏观看 手机基本上都是竖屏观看的，所以内容排版尽量竖着排版。

对于企业的新产品，也可以适当的加以介绍，必要时可以采用图文并茂的方式，但图片的体积应尽量小以上是在手机网站制作中需要注意的几个方面，手机网站页面设计需要符合用户体验，以方便用户操作为准则，能够为用户带来切实的帮助，这是手机网站制作上的基本要求，也是满足用户需求的基本原则。

要做好移动页面设计，首先要了解移动端设计的难点移动端产品最难的地方就是在很小的屏幕上展示出所有的业务有了屏幕的限制，加上移动端的客户碎片化阅读的习惯和高流失率特别是电商类移动页面，更难展示出来所以才有了像列表式小ICON展示方式电商的标准配置的首页都会将banner保留下来了，作为运营推广最重要的。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来。

受手机流量的影响，页面做的越复杂，用户在浏览时就要支付更多的流量对于这种情况就会限制一些流量较少的用户使用，从而减少网站的浏览量2网站页面要方便而快捷很多人在浏览手机网站时会遇到一个问题，那就是有的手机网站设计的不够方便，比如说在网页搜索时，一些设计不能让用户快速的找到搜索栏。

但是断点功能不仅仅是保证网站访问流畅，断点技术研究，还在进一步讨论，例如，在一个移动设备上显示一个好的网站，但反过来与电脑显示障碍，特别关注移动网站，也意识到传统的网站，只要这样的所有兼容的设计，以满足未来的发展方向的网站需要设置好网站的最大和最小值，最大值和最小值有一些觉得很奇怪，这两个。

要明白手机网站与电脑版的网站制作是不同的 手机网站页面制作的技巧 手机网站不同于电脑网站，大多数人用手机浏览网站是在闲暇时间，用来消磨时间的所以，手机网站的页面要简洁，保留用户浏览网站时最想了解的内容，比如企业简介产品信息联系方式等，一些不必要的内容就可以放在下面或者省略，突出网站的。

12做数据时能运用到，特效，产生不一样的视觉效果，所有的页面设计完成后可点击预览和设置在预览和设置中预览最终的h5页面的手机端效果，可上下翻页点击设置更换标题描述封面点击确定发布H5页面怎么制作及发布H5页面怎么制作及发布下面我们就来看一下如何制作H5页面吧，希望能够帮助到大家01。

1网页界面布局 手机网站网页界面布局的设计，由于考虑到手机屏幕尺寸较小，字体受限制，为了让用户能更好的阅读，会控制单个页面的信息量，在精简文字的同时将冗长的信息内容划分为多重页面，也会采用垂直滚动的方式便于用户浏览且重点突出视觉元素，避免网页界面杂乱同时在设计网页界面时会注意按钮的尺寸。

网站设计尺寸标准 1800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定21024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612615之间就不会出现水平滚动条和垂直滚动条在dw里面有设定好的标准值， 1024*768页面的标准大小是955*600，照着它的。