手机页面排版设计

PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的AE：AE软件在UI设计工作中主要用来做动效设计的XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。C4D：C4D软件在UI设计工作中主要用来做建模的蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。

手机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编码。