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

1、第 1 页 / 共 5 页相信家对于 ui 设计非常的感兴趣吧。接下来就让们来看看app ui 设计规范的相关的内容吧，相信家看完之后，将会有非常的收获的，家还在等什么呢？就让们全面的认识一下吧。一、ui 设计ui 设计(或称界面设计 )指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。 ui 设计分为实体 ui 和虚拟 ui，互联网说的 ui 设计虚拟 ui，ui 即 user interface( 用户界面 )的简称。好的 ui 设计不仅让软件变得有个性有品位，还要让软件的操作变得舒适简单、，充分体现软件的定位和特。二、app ui 设计规范1、android 篇标注规范：画

2、布小：以 720 1280 分辨率为准进行标注。第 2 页 / 共 5 页字体：按照像素标注，只使用 24 pt，28 pt，36 pt 和 44 pt 的字体，并 pt 值除以 2 作为 sp 数值交给工程师。颜色：按照实际的颜色值标注，android 颜色值取值为十六进制的值比如一绿色的值， 给工程师的值为 5bc43e。间距：每个主要的控件必须标注出来，各种边距必须标注清楚。所有尺寸的 p 值除以 2 作为 dp 数值交给工程师。切图：统一采用 png 格式部分需要适配的图片需要 .9 格式图片优化：图片压缩优化icon 可采用 png 8 支持完全透明和完全不透明两种和256 色需要高

3、清的可采用 pnd24/32 切图命名 : 每个页面按照设计高保真分目录：hdpi(480 800)hdpi(720 1080) dpi(1080 1920) 。依图片性质命名。例如 bg_.png、btn_.png、img_.png、tab_.png 等。设计图单位：像素72dpi 。在设计的时候并不每个尺寸都要一套，尺寸按自己的来设计，比较方便预览，一般用640 1136 或者 750 1334 的尺寸来设计，现在iphone6 和 plus 出来后有很多人会使用6 的设计。第 3 页 / 共 5 页ps：作图的时候确保都用形状工具(快捷键： u)画的，这样更方便后期的切图或者尺寸变更。2

4、、ios 篇标注规范：画布小：以 2 图以 640/750 为宽度尺寸为基准标注。字体：按照 640/750 宽尺寸中的像素进行标注。颜色：按照实际的颜色值标注，ios 颜色值取rgb 各颜色的值比如某个色值，给予 ios 程序员的色值为 r:12 g:34 b:56 给出的值就 12,34,56(有时也要根据程序员的习惯，有时也用十六进制)。间距：每个主要的控件必须标注出来，各种边距必须标注清楚。切图：统一采用 png 格式以 640/750 宽分辨率为 2 输出三套尺寸： 1 2 3 图片优化：图片压缩优化icon 可采用 png 8 支持完全透明和完全不透明两种和256 色需要高清的可采

5、用 pnd24/32 第 4 页 / 共 5 页切图命名 : 每个页面按照设计高保真分目录：1 2 3 。在文件名中需要区分几倍图，例如: 2.png。状态栏 (status bar) ：就们经常说的信号、运营商、电量等显示状态的区域，其高度为： 40p 导航栏 (navigation) ：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为： 88p 主菜单栏 (submenu ，tab)：类似于页面的主菜单，整个应用的分类内容的快速跳转，其高度为： 98p 内容区域 (content) ：展示应用的相应内容，整个应用中布局变更最为频繁，其高度为 :734p 第 5 页 / 共 5 页至于们经常说的 iphone5/5s 的 6401136 的尺寸，其实就中间