手机页面排版设计

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”，好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。　　最常用的Photoshop、Ai和一些3D软件是制作的常用工具，在最终输入时会需要一些模拟程序以及平台程序的支持，不过在GUI设计阶段可以暂不考虑　　尺寸： 建议选择240x320大小的屏幕尺寸进行设计，自由度和发挥空间会大一点　　概念： 设计的概念是设计中尤其重要的部分，敢于尝试新颖的交互模型和GUI视觉元素是设计的重要工作。

需要掌握的软件：PS、AI、flash、axure、fireworks 、xmind Dreamweaver 需要掌握的基础知识：图标设计与创作、配色美学、APP设计规范 、版面排版 界面标准制定 合格设计师核心技能：懂用户体验与交互设计拓展学习技能：M站网页设计、产品的运营、H5以上是技能部分，做设计还有一部是美感的培养和经验成长，这需要学习者不断的累积，在实际工作中不断的总结，多像前辈请教。

步骤：1、点击【文件】【新建文件】【常规】【HTML页面】【打开】2、如图所示，新建了一个空白的html页面，拆分视图3、设置页面body样式信息【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用户复制和保存图片,只支持iphone、ipad、android4、设置页面的宽度和高度【page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】5、【关键点】新建一个div标签，样式使用page-content6、在段落标记

里面输入文字信息，这里天使就不排版了，主要是教大家方法，然后保存网页。7、将网页上传到服务器目录下8、输入网站域名，在电脑上访问可以看见效果，只有左侧部分9、使用手机访问，得到如图所示效果，就不会像直接书写html代码一样文字很小手机网站网页设计应该注意什么问题：1、网页宽度不用像素表示，用百分比表示（如：width=100%）；2、左间距、上间距设为0；3、屏蔽图片显示；4、charset使用UTF-8编码（国际化编码），不使用gb2312编码。