移动UI设计教程

1锁屏页： 锁屏可以防止用户因误操作开启手机，且在配合密码锁等功能时还能有效保护用户隐私。设计锁屏页时，除了系统默认的时间插件外，设计师还可在锁屏页中加入天气和日历等元素，这样既可达到装饰页面的目的，

常见APP组件 控制元素是指页面中可与用户交互、向APP发出指令的设计组件，如音乐播放器中调整音乐音量的滑动器；设置页面中控制程序启动的开关；购物车中控制数量的步进器等都属于控制元素。 筛选器 筛选器

此处的导航区别于前面所说的导航栏，它是对页面中各元素的整合设计。优秀的导航设计能更好地引导和帮助用户使用APP 的各项功能。 卡片式导航 通过卡片对信息进行归纳，可以增加页面的层次感，让信息有更明显和

基础的APP 页面由栏和内容视图两大部分构成，而栏又由状态栏、导航栏和标签栏3部分构成，如下图所示 状态栏：位于页面顶部，高为 40 像素，用来显示通知、时间、信号和电量等常规信息。无论是iOS 系统

桌面型图标可以说是APP 的门面，它给用户的第一印象非常重要，用户可以此初步评判 APP 的品质、作用和可靠性等。设计桌面型图标时应注意以下几点。 避免使用照片： 将照片作为主体直接出现在图标中，会给

共性是保证一个APP 风格统一的关键。除了要风格统一外，还可为图标添加相同的细节，如统一为图标作断线或圆角处理。 识别性是图标设计的关键。选择合适的隐喻，会让图标更容易被用户接受。 原创性是 APP

移动UI设计的图标风格有哪些，下面给大家简单介绍下： 多为单色渐变，颜色过渡清新自然，是目前的主流设计风格之一， 如下图所示。除用于图标外，渐变风格可使用的场景非常多，如APP中的背景图、按钮等 特点

1，功能型图标 应用于APP界面内，分为功能图标和分类图标。 功能图标常用于页面中的标签栏和导航栏，它们参与用户的交互，是页面不可或缺的组成部分。 分类图标位于页面的内容区域，是APP 分类页面的入口

1，常见图片长宽比例 1 比 1： 是比较常见的图片设计比例，相同的长宽比例将构图变得简单而规范， 常用于产品、头像、特写等展示模块。 4 比 3 是常用图片比例之一，通常该比例的图片会作为界面的主体

移动UI 设计中的文字规范主要有哪些呢，其实主要分三类，他们分别是----- 1．iOS 系统字体 iOS 8 系统使用的中文字体是华文黑体，英文和数字字体是 Helvetica Neue；在系统升级

移动设计中文字也是很重要的一部分，因此关于文字的运用也是有一些门道的，下面给大家分享一下 1．衬线体 衬线体在笔画的始末位置有额外的装饰，且粗细会因笔画的不同而有所区别，强调笔画的走势及前后联系，这使

移动UI设计师要善于发现美，积极主动地浏览国内外的优秀设计作品，提高自身审美， 并且还要善于积累，养成收集灵感的习惯 1．设计交流网站 全球最大的综合性设计网站之一 http://www.behanc

1．同类色搭配 色环上相距0°的色彩为同类色，如蓝与浅蓝，红与粉红等。同类色搭配视觉效果统一、清新、含蓄，如下图 所示。 2．互补色搭配 色环中相对的两种色彩互为补色，互补色对比强烈，能传达能量、活力

黑色：黑色象征深沉、庄重、严肃、高雅、权威。常用于奢侈品或具有权威特点的APP 中，国家地理APP 就采用了黑色作为界面主色，如下图。 注意：在西方，黑色也有邪恶和死亡的意味，因此涉及医疗健康的APP

界面由各种色彩搭配而成，色彩所占的比例决定了色彩的级别，一般界面的色彩可分为主色、辅助色和点睛色3 个级别。它们的作用不同，应用位置也各有讲究。如图所示。 主色： 决定界面色彩基调，能直接影响视觉传达