当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文
手机APP界面设计规范：如何定义视觉规范
常用的手机APP设计工具：
Sketch：常用来制作线框、界面，偶尔绘制图形。MAC电脑专用移动APP设计软件。也是一款快速设计APP界面的软件。
Illustrator & Photoshop：用作图标设计、图形绘制、照片编辑等。
墨刀、axure & After Effect：用来制作交互复杂的产品原型。
常见的手机APP视觉设计流程：
第一阶段：概念设计和原型设计
包括脑图设计、线框图的设计等等。
第二阶段：视觉定义阶段。
确定了使用哪些字体、颜色、布局、形状等元素。
也属于创意阶段，这个是定义手机APP视觉规范的第一个步骤。或者说是雏形阶段。
主要页面的布局与视觉风格需要反复尝试才能找出最适合目标用户，并且能从竞品中脱颖而出的一套。
第三阶段：界面产出阶段。
即产出数页的高精度视觉APP设计稿，即大家熟知的首页、设置、好友列表、个人资料、关注、启动页、引导页等等。
一旦手机APP视觉语言确认，我们就可以据此制作一个单独文档来搞定APP视觉规范！
第一步，设定颜色、主字体、图形、边距、留白。
第二步，开始设定更精细的原子：标题、文本字体、按钮和输入框。
最后，在故事板中制作基本的文本和图层：
然后通过右键给它们赋予预设的样式。
矩形会自动嵌套预设的风格样式，正如你手动编辑过该标签一样。通过设置边距，按钮会根据标签文本的长度自动适应，通过留白设置可以将故事板内部元素自动对齐。
我们还可以设置更复杂的组织（例如导航栏）来保持各处的一致性。
在此基础上可以添加更多功能，使得通过设置每个元素来自动生成页面、列表、卡片成为可能。改动设计设定会自动应用到所有元素上。这样能够很方便的测试不同的颜色、字体风格等等的效果。
制作界面模板套件将不费吹灰之力，通过预设原生组件就能实现。
下面就是详细的手机APP定义视觉规范案例：
查看完整版的《京东APP设计视觉规范》
本文标题：手机APP界面设计规范：如何定义视觉规范
本文地址：http://www.25xt.com/appdesign/9191.html
本文关键词： APP视觉规范 , 手机APP界面设计规范
除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，转载同时请务必保留原网站网址。
25学堂的QQ群联盟
【赞助群】全能UI设计师交流群：517802480
手机APP设计10群(229094715)
手机APP设计⑧群(239670258) APP界面设计⑨群(524775602)
APP设计交流⑦群(332303196)(已满) APP界面设计⑤群
(已满) APP界面设计②群 (已满)APP界面设计⑥群
(已满)APP设计资源③群 (已满) APP界面设计交流：232778150 (已满) APP界面设计 UI设计：229139408
APP设计外包群：293013468 上海地区APP设计群：425269385 APP设计资源大群： 543532464
官网客服QQ：840732664
Copyright@2010-2020 www.25xt.com All Rights Reserved ICP备案号：桂ICP备09005426号-2
本站声明所有资源均是网上搜集或网友上传提供，如有侵犯您的版权，请及时联系我们（guitop@163.com），我们将尽快处理。
9108
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
