手机界面设计排版

什么是手机端UI设计？简单来说手机端UI设计就是手持设备的图形用户界面设计，狭义上来看是手机和PPC，广义上可以推广至手机，移动电视，车载系统，手持游戏机，MP3，GPS等一切手持移动设备的界面UI设计。MOBILE 界面UI设计基于对手持设备产品的使用特性的理解，对用户的研究和对界面使用情景的深入研究。界面UI设计分为平台内置和主题设计部分，前者需要专业的DESIGN HOUSE根据厂家的实际产品进行界面UI设计分析后进行整体设计，后者则可以经由任何用户进行自主设计，当然后者的设计限制和平台限制都比较大。目前索爱和三星以及NOKIA的S60平台支持用户的THEME自定义设计。界面UI设计研究的流程为： 产品特性 -- 用户心理 -- 市场背景 -- 图形设计策略 -- 设计检验 -- 实际设计投放手机界面层级： idle(待机界面) -- mainmenu(主菜单) -- submenu(二级菜单) -- third level menu(三级菜单) 界面除了包括图标和文字外，比较重要的还有function animation(呼叫，发送信息等) 以及 function interface(计算器，日历界面等)明确意义的界面UI设计图标，风格鲜明的版面设计是手机界面UI设计的重要工作，目前较为流行的是以MOTOROLA，NOKIA等为代表的欧洲简单风格，以及韩国的时尚绚丽的风在更新颖的交互操作和与手机ID设计的整体结合上，韩系手机做的比较好，而在可用性和体验难度上，欧系手机则比较优秀。

从设计方面来看，做手机界面设计的尺寸一般分为iPhone和Android两种设备。如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。如果以Android为设备进行设计，尺寸一般使用720x1280，1080x1920进行设计第一种是2倍图，第二种是3倍图。设计注意事项：尺寸问题： 480X800，540X960，720X1280，1080X1920象素尺寸是较常见的手机屏幕尺寸，在设计时可以根据实际产品要求进行设计，更大的屏幕可以有更多的交互表现和视觉元素的支持，较为自由。色彩问题： 由于手机lcd本身的限制，在色彩的还原程度上没有pc如此完善，因此在选用色彩时要根据使用的屏幕进行调节。可实现性问题： 受到硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于复杂的效果将很难进行实现，与程序工程师和ui工程师，硬件工程师的沟通显得尤为重要。想要了解更多关于手机界面设计的相关信息推荐选择Pixso协同设计。Pixso可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。Pixso不仅是一站式产品设计协作工具，更是一款专业的UI/UX设计工具，更多矢量网格、布尔运算、样式创建、智能排版等高阶功能，使设计师真正专注于创造本身。

Sketch (MAC端，针对于App设计的MAC端主要利器，便捷，效率高，要会)PhotoShop （不解释，强大，必须会）illustrator（矢量图形状，必须会）Axure（原型设计，要会）一般注意好设规范，会一两个软件就行了，都是相通的，只是效率高低的问题。另外还有一些软件也可以进行设计如Fireworks（这个不推荐，因为Adobe不更新功能了，随着时间的推移会渐渐没落），其他的可以稍微掌握的有AE Flash，因为开发的时候可以便于沟通，为你个人加分（当然，你说我就是不学，也是可以的），总之一句话，工具都是其次，要的是能力和方法，毕竟用一个软件行天下的也是大有人在的。

这个得根据屏幕的分辨率和大小来决定 没有唯一的标准 只有一些常用的尺寸。

作为一个设计，尺寸是依照当前主流机型来设计的，而iphone3，4基本已经从主流市场退出啦。近几年手机屏幕已经趋向更大更清晰，但是也是有个限制的，对于设计来讲，资源也比较大，不易于加载，有一定的资源浪费。详细的信息网上一大把，手机H5，公众号等界面尺寸一般以：640x1136px 和 750x1334px为主，如果是原生app，不知道你是用什么做，如果是sketch的话建议750x1334px，网上有介绍过这个尺寸对原生app切图的优点，我就不细说啦，如果是ps就看你打算适应几个尺寸的手机，一般苹果和安卓图标都要有两三个不同规格的切图，希望能帮到你，有问题可追问。

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上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。