app ui设计规范有什么？ 让你快速的掌握住

相信家对于 ui设计非常的感兴趣吧。接下来就让们来看看app ui设计规范的相关的内容吧，相信家看完之后，将会有非常的收获的，家还在等什么呢？就让们全面的认识一下吧。

一、UI设计

UI设计(或称界面设计)指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计虚拟UI，UI即User Interface(用户界面)的简称。

好的UI设计不仅让软件变得有个性有品位，还要让软件的操作变得舒适简单、，充分体现软件的定位和特。

二、app ui设计规范

第 1 页 / 共 6 页

1、Android篇

标注规范：

画布小：以720 1280分辨率为准进行标注。

字体：按照像素标注，只使用 24 pt，28 pt，36 pt 和 44 pt 的字体，并pt 值除以 2 作为 sp 数值交给工程师。

颜色：按照实际的颜色值标注，Android颜色值取值为十六进制的值 比如一绿色的值， 给工程师的值为 5bc43e。

间距：每个主要的控件必须标注出来，各种边距必须标注清楚。所有尺寸的 p 值除以2作为 dp 数值交给工程师。

切图：

统一采用Png格式

部分需要适配的图片需要.9格式

图片优化：

图片压缩优化

第 2 页 / 共 6 页

ICON 可采用PNG 8

支持完全透明和完全不透明两种和256色

需要高清的可采用 PND24/32

切图命名:

每个页面按照设计高保真分目录：hdpi(480 800)hdpi(720 1080) dpi(1080 1920)。

依图片性质命名。例如 bg_.png、btn_.png、img_.png、tab_.png等。

设计图单位：像素72dpi。在设计的时候并不每个尺寸都要一套，尺寸按自己的来设计，比较方便预览，一般用0 1136或者750 1334的尺寸来设计，现在iPhone6和plus出来后有很多人会使用6的设计。

Ps：作图的时候确保都用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。

2、iOS篇

标注规范：

画布小：以@2图以0/750为宽度尺寸为基准标注。

第 3 页 / 共 6 页

字体：按照0/750宽尺寸中的像素进行标注。

颜色：按照实际的颜色值标注，iOS颜色值取 RGB各颜色的值比如某个色值，给予IOS程序员的色值为 R:12 G:34 B:56给出的值就 12,34,56(有时也要根据程序员的习惯，有时也用十六进制)。

间距：每个主要的控件必须标注出来，各种边距必须标注清楚。

切图：

统一采用Png格式

以0/750宽分辨率为@2输出三套尺寸：@1 @2 @3

图片优化：

图片压缩优化

ICON 可采用PNG 8

支持完全透明和完全不透明两种和256色

需要高清的可采用 PND24/32

第 4 页 / 共 6 页

切图命名:

每个页面按照设计高保真分目录：@1 @2 @3。

在文件名中需要区分几倍图，例如: @2.png。

状态栏(status bar)：就们经常说的信号、运营商、电量等显示状态的区域，其高度为：40p

导航栏(navigation)：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88p

第 5 页 / 共 6 页

主菜单栏(submenu，tab)：类似于页面的主菜单，整个应用的分类内容的快速跳转，其高度为：98p

内容区域(content)：展示应用的相应内容，整个应用中布局变更最为频繁，其高度为:734p

至于们经常说的iPhone5/5s的01136的尺寸，其实就中间的内容区域高度增加到910p。

app ui设计规范有什么？以上就们为各位朋友们整理的内容，想必家看完之后，都没有什么疑问了吧。总之，希望家可以参考上面的内容。

第 6 页 / 共 6 页