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

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

　　　一、UI设计

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

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

　　（图片来自网络）

　　二、app ui设计规范

　　1、Android篇

　　标注规范：

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

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

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

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

　　切图：

　　统一采用Png格式

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

　　图片优化：

　　图片压缩优化

　　ICON 可采用PNG 8

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

　　需要高清的可采用 PND24/32

　　切图命名:

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

　　依图片性质命名。例如 bg_xxx.png、btn_xxx.png、img_xxx.png、tab_xxx.png等。

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

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

　　2、iOS篇

　　标注规范：

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

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

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

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

　　切图：

　　统一采用Png格式

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

　　图片优化：

　　图片压缩优化

　　ICON 可采用PNG 8

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

　　需要高清的可采用 PND24/32

　　（图片来自网络）

　　切图命名:

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

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

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

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

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

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

　　至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。

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