作为一名优秀的界面设计师，当接手一个项目时，浮现在脑海的肯定是更多的相关设计元素或看过到的优秀的页面碎片，更多的时候是先梳理流程，而不是急于动手去做设计。成都UI设计、终端界面设计的优秀设计师与大家分享下整体的构图速成法：

图标设计

图标通常是传达给用户的第一视觉感受，它可以体现出产品风格 、功能，甚至品质。iphone独特的桌面展示方式，引领了”豆腐块”图标趋势，即在一个圆角方形的区域内创造各种可能。 分析众多优秀应用图标发现，要设计一款精致醒目的图标，大概可以遵循以下几点：

a、图形元素尽可能不超过2个，并且不可平均分布，突出主视觉；

b、桌面极少使用浅色，因此配色尽量以明亮浅色为主，以免被背景吸收掉；

c、为了让图标更加自然融合其中，符合ios平台的透视标准，尽量使用正面垂直角度，光源自上而下。

引导页设计

终 端运用的新手引导，原本的出发点很简单，类似于一个简洁的产品说明书，其主要目的是为了向用户展示该APP的核心功能及用法。 一般出现在用户首次安装APP后打开的时候。欢迎界面一般为2 – 5屏的全屏静态图，左右滑动进行翻页，有跳过按钮；新功能指示及操作引导一般用蒙板加箭头指引的形式完成。

启动界面设计

欢迎界面（闪屏）像是应用的一道门，在使用前给用户一个预示，它通常包含图标、版本号、加载进度等信息。设计可以根据产品风格随意发挥，与图标呼应，强化产品的印象。

主界面设计（功能页面）

遵守IOS的交互习惯，功能界面的结构通常自上而下，分别是“状态栏、导航栏、标签栏、工具栏”

 

根据不同功能的界面、常见有以下几种设计方式：

列表视图——适合目录、导航等多层级的界面。将信息一级级的收起，最大化的展示分类信息。

分层的界面—— 利用iPhone本身独有的特性让其固定，或垂直、水平滚动，节省空间。

拟物化设计——适合实现独立功能的界面设计，界面的细节逼真写实。以现实的元素和操作唤起用户共鸣。

另外，当我们完成一系列辛苦的APP设计工作之后，为了让客户端开发人员完成我们设计出的效果。或者说要想准确传达自己的设计可以分三步来实施：

第一步：要实现快速可视化。

你可以选择任何用的顺手的工具，把自己的想法快速准确的呈现出来，就已经是成功的一半。

第二步：最大限度的还原使用场景。

如果是PC端，就在电脑上演示。如果是移动端，就在手机上演示。如果可操作，那最好做可交互的原型，当然，是在时间成本允许的条件下。

第三步：把设计参数化，尽可能减少让工程师凭感觉开发的情况。

相信我，如果你不希望工程师凭感觉调UI颜色，那么动效同理。一份精确的文档或者是高保真的原型效果图，是你专业性的体现。

总之：移动开发当中，app设计师要把设计稿做严格的标注，各个元素的尺寸 和之间的间距，字体大小，颜色，透明度等。
本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司！
成都网站建设,成都网站设计,成都网站制作,成都网页设计，成都网站建设公司 ,成都网站设计公司, 成都网站制作公司，成都网页设计公司，成都手机网站建设，手机网站建设，成都APP开发，APP开发，成都建网站，成都做网站，成都商城网站建设，集团网站建设,网站建设,高端网站建设,品牌网站建设,成都平台网站建设，成都响应式网站建设，成都微信网站建设，成都微商城网站建设，成都微信营销，成都网站优化，成都网络公司。

 

下一篇：成都网站设计：3种新的web设计趋势上一篇：网站设计方案对比法,成都网站设计分享