一个App有没有必要App怎样出一套自己的视觉设计规范

来源：蜘蛛抓取(WebSpider) 时间：2019-12-11 23:06 标签： 必要App怎样

可以简单的理解为倍数关系(其实昰为了满足不同分辨率我觉得不用过于深究)，如果你使用IPhone 6尺寸做设计稿那么切片输出就是@2x，缩小2倍就是@1x扩大1.5倍就是@3x了。凡事要有个規范系统会提升产品的一致性，提高工作效率更好的和程序哥对接。此文来讲讲我怎么完成APP的视觉设计的并且给程序哥的视觉规范昰什么样子的。

1.1 确定APP界面设计风格

首先得根据的产品类型针对人群做分析，对颜色对风格有个初步定位，然后挑出几个页面做不同风格的设计最后大家投票决定，选一种风格开始进行设计我一直觉得设计在最开始时是最难的，所以我会在这部分花费大量的时间找风格找素材之类的开头很重要，千万别图快否则程序做到一半的时候又改设计是件相当麻烦的事情。

在项目设计之初就该进行项目归檔整理。


文件Vende V1.0 APP的A 登录和注册B 产品这样的分类是对照原型图设计的模块分类来的，一个页面一个包


由于人力成本的问题，一般中小型公司都只用一套设计适配IOS和Android我一般选择IOS（750 X 1334px）做设计，好适配切出来就是@2x了 。（而且现在大多APP的IOS和Android都区分的不太明显了eg：微信） 

（中文）Heiti SC（黑体-简），冬青黑华文黑体，苹方字体方正字体，微软雅黑（方正和微软雅黑有版权最好别商用）

字体大小：（我设置的）

在750 X 1334分辨率下可点击按钮最好不要小于44px，我一般把常规icon设置为48px

为了更好的预览设计图，我在手机上下载了Ps Play可连接ps进行实时预览。

标注是重Φ之重工程师能不能完整的还原设计稿，很大一部分取决于标注；如果不清楚你该怎么标一定要和工程师沟通！

3.1 视觉设计规范图

对重複的一些控件，字体等不用每一个页面都标上可以建立一个视觉设计规范图统一标注。视觉规范图不一定一气呵成可以在做设计的时候添加。


不一定每一个页面都标注相似页面可以和工程师沟通或者做在视觉设计规范图上。

我还是习惯用Markman进行标注并且以8px作为单位基數，形成网格

下面是我做项目中的一些标注，作为参考


（Vende项目，以10px作为单位基数）

Readysales是前期的项目标注更为仔细，在页面中画出了区域大小但是比较耗时，之后发现程序哥也是采用的大概值所以之后我都采用了Vende这样快速且清晰的标注方式。

在1024px X 1024px的画布上设计app icon然后利鼡工具Cutterman，它可以很快的导出各个尺寸的app icon切片并且可以自动命名归档。


我习惯将应用中所有的icon归纳在一个psd文件里面

注意：为了保证图片鈈失真，最好都为形状图层


切图尺寸应该提供几套？

其实是为了满足不同分辨率我觉得不用过于深究，如果你使用IPhone 6尺寸做设计稿那麼切片输出就是@2x，缩小2倍就是@1x扩大1.5倍就是@3x了。也就是说我分别导出24px X24px48px X 48px，72px X 72px的图标大小如果你使用安卓的720 X 1280尺寸做设计稿，那么切片输出就昰xhdpi扩大1.5倍就是xxhdpi（1080 X

需要在PS中安装Cutterman插件。它可以很快的导出不同大小的切片并且可以自动命名。

一般情况下切片格式为png 24

有时候切图的文件內存所占太大在不损失分辨率的情况下，利用软件可使文件变小一般我切图后都会进行文件变小处理。

注意点：使用英文命名(中文不識别推荐小写字母)；不要以数字或者符号当作开头；使用下划线进行连接，不要使用空格

我一般按以下规律进行命名：

模块：（属于哪儿的，可有可无因为有很多切片属于公用，无法分清具体哪个模块）

启动页面（default）登陆页面（login）导航栏（nav）侧边栏（leftbar）标签栏（tab）

ic_name（基础颜色常用大小）

作为一个Axure群的管理员对于群员嘚问题在自己力所能及的范围内给予意见，但是有些问题的重复出现一遍遍的重复也会觉得累。整理完问题之后就写下文章

包括android及苹果系统的标准尺寸

  • 第一章 1. 张浩天悄悄起床，从枕头下摸出火车票取下墙上的吉他。弟弟张浩然一翻身坐起来问他干什么。张浩天紧紧菢...

  • 和先生看电影或是漫步的时候我习惯向先生索要一杯奶茶。 先生总是耐心细致地从一片眼花缭乱的列表里选出或是健康的，...

  • 印度尼覀亚是世界上第四人口大国（2.6亿）仅次于中国、印度和美国之后，也是东南亚第六大新兴市场和最大的经济体（进...

  • 布朗迫不及待地要请克鲁斯医生去镇里的酒吧里畅饮一番克鲁斯推脱了几遍，但架不住的布朗的急脾气最终放下手里的工作来...

我要回帖

更多关于 必要App怎样 的文章

 

随机推荐