APP界面设计规范：如何定义视觉规范
时间 2015-09-10 16:38:34 DevStore
原文 http://www.devstore.cn/essay/essayInfo/2475.html
主题 APP 设计
常用的手机APP设计工具：
Sketch：常用来制作线框、界面，偶尔绘制图形。MAC电脑专用移动APP设计软件。也是一款快速设计APP界面的软件。
Adobe lllustrator & Photoshop：用作图标设计、图形绘制、照片编辑等。
墨刀、axure & After Effect：用来制作交互复杂的产品原型。
常见的手机APP视觉设计流程：
第一阶段：概念设计和原型设计
包括脑图设计、线框图的设计等等。
第二阶段：视觉定义阶段。
确定了使用哪些字体、颜色、布局、形状等元素。
也属于创意阶段，这个是定义手机APP视觉规范的第一个步骤。或者说是雏形阶段。
主要页面的布局与视觉风格需要反复尝试才能找出最适合目标用户，并且能从竞品中脱颖而出的一套。
第三阶段：界面产出阶段。
即产出数页的高精度视觉APP设计稿，即大家熟知的首页、设置、好友列表、个人资料、关注、启动页、引导页等等。
一旦手机APP视觉语言确认，我们就可以据此制作一个单独文档来搞定APP视觉规范！
第一步，设定颜色、主字体、图形、边距、留白。
第二步，开始设定更精细的原子：标题、文本字体、按钮和输入框。
最后，在故事板中制作基本的文本和图层：
然后通过右键给它们赋予预设的样式。
矩形会自动嵌套预设的风格样式，正如你手动编辑过该标签一样。通过设置边距，按钮会根据标签文本的长度自动适应，通过留白设置可以将故事板内部元素自动对齐。
我们还可以设置更复杂的组织（例如导航栏）来保持各处的一致性。
在此基础上可以添加更多功能，使得通过设置每个元素来自动生成页面、列表、卡片成为可能。改动设计设定会自动应用到所有元素上。这样能够很方便的测试不同的颜色、字体风格等等的效果。
制作界面模板套件将不费吹灰之力，通过预设原生组件就能实现。
下面就是详细的手机APP定义视觉规范案例：
本文来源：25学堂
APP界面设计规范：如何定义视觉规范相关推荐
- 手机APP界面设计规范：如何定义视觉规范
25学堂|APP设计|网页设计师加油站 首页 APP界面设计 APP设计模板 APP产品秀 UI设计干货 APP图标 Html5CSS3 APP设计教程 优秀设计 APP创业 当前位置: 首页 > ...
- iOS和Android的app界面设计规范
最近从一个程序猿变成产品汪了!人生职场的一次转变吧!从开发人员转产品,也需要很多基本工具和规范需要学习: 以下是自己对APP设计过程中一些自己写学习和总结,难免有错,欢迎指正: 在产品道路成长中,记录 ...
- IOS与Android APP界面设计规范要点
信很多人都在开发设计APP时会遇到很多界面上的问题,要以多大尺寸来设计?分辨率是多少?该怎么切图给开发等等 下面的文字就给出一点点技巧总结,但也要给合团队在开发时的习惯.每个工程师们所使用的控件,书写 ...
- 什么是手机App界面设计规范？
App规范指对App界面进行风格统一,对界面元素的样 .颜色和大小设定统一的规范和使用原则.与设计 .前段约定好统一的设计规范很重要,约定设计规范可以减少产品 . 设计 .前段的沟通成本:可以使界面设 ...
- iOS app界面设计规范
原文地址: http://www.jianshu.com/p/67ab63723e54 记录一下iOS和Andoird的界面设计规范,方便进行标准的产品设计,并与设计师顺畅沟通 iOS篇 界面尺寸 设 ...
- Android的app界面设计规范
Android界面设计规范 界面尺寸 android的尺寸众多,建议使用分辨率为720x1280 的尺寸设计.这个尺寸 720x1280中显示完美,在 1080x1920 中看起来也比较清晰:切图后的 ...
- App界面设计规范-字体规范
通过对不同类型的app进行总结,总结出app的字体规范. 一.字体选择 1.IOS:苹果ios 9系统开始,系统最新的默认中文字体是:苹方.英文字体是: San Francisco 2.Android ...
- APP界面设计规范一（ios版）
转 草莓部落 :https://www.ui.cn/detail/297025.html 好东西不能藏着.掖着,一定要告诉大家,与大家一起分享.本文纯属个人收藏整理加之经验之谈,不足之处希望大家指出 ...
- app界面设计规范(整理)
之前一直没有接触过移动端设计,公司马上就要着手做移动端,前期做好准备也好快速上手.看过一些资料后,把一些重要的东西整理了一下: IOS界面尺寸: IOS图标尺寸: iPad设计尺寸: iPad图标尺寸 ...
- app界面设计规范--iOS系统
做了一段UI设计,遇到了一些关于屏幕适配问题,自己通过查找和个人理解做了一些总结(有问的) iOS界面尺寸 设备 分辨率 状态栏高度 导航栏高度 标签栏高 ...
最新文章
- 在一个执行力极差的团队工作是一种怎样的体验？
- 在Android中实现监听 返回键，主键，菜单键
- 队列的C语言实现（通过内核链表）
- BeetleX.WebFamily针对Web SPA应用的改进
- 【SAS BASE】SAS函数
- gitlab 报错500问题
- Arduino--土壤湿度传感器使用（电阻式）
- ps怎么撤销参考线_PS怎么拉辅助线和清除、移动参考线——视频教程十
- 经典佳句（500）言
- 水果店做生意不好怎么办，水果店生意不好如何做好
- java 设计模式之设计原则篇
- CorelDRAW 学习笔记（一）
- Java使用openOffice转PDF以及PDF文件预览乱码问题
- C++接口实现汉字拼音转换
- 【计算机网络】ARP协议工作原理
- clear:both的理解
- JQuery滚动条及位置相关方法
- 【工作日记】这一年来完全用Linux工作的感受
- JVM中的对象探秘（三）- 对象的实例数据与对齐填充
- Android系统铃声音乐文件夹