012d135b35f02aa80120b959713158.jpg

UI设计规范最新版

一、 切图命名英文缩写的3个原则 1. 较短的单词可通过去掉“元音”形成缩写 2. 较长的单词可取单词的头部几个字母形成缩写 3. 还有一些约定俗成的英文单词缩写 二、命名规则 模块_类别_功能_状态.png U妹举个栗子：nav_button_search_default.png 释义为：导航_按钮_搜索_默认.png 启动界面: 启动图片 default.png 启动logo default_logo.png 如：default.png\defoult@2x.png\defauLt-568@2x.png 登录界面（login） 登录背景 login_bg.png 登录logo login_logo.png 输入框 login_input.png 输入框选中状态 login_input_pre.png 登录按钮 Login_btn.png 登录按钮选中状态 Login_btn_pre.png 导航栏按钮 (nav) 命名 nav_功能描述.png 如：nav_menu.png\nav_menu_pre.png（同按钮选中前后两种状态命名 ） 按钮命名（btn可重复使用按钮) 一般 normal btn_xxx_normal.png 点击 highlight btn_xxx_highlight.png 不能点击 disabled btn_xxx_disable.png 按下 pressed btn_xxx_pressed.png 选中 selected btn_xxx_selected.png 做为复数选择出现机会不高

010af85acc8e1ba801204029ec665d.png

设计规范+切图命名

01a88d55a3549432f8758bed091e4a.jpg

最全设计规范

01335c57e9e5d40000018c1bec61e6.jpg

iPhone/iPad/Android UI尺寸规范

01bd4e5b35f035a80121b994eeb709.jpg

总结的一些app规范，跟大家分享

01da8d56cab31532f875520fe4215a.png

app规范整理

01fd65578b65b50000018c1bad9b4d.png

图标设计规范

01246058747be3a801219c777af545.jpg

iOS设计规范一览

ios及Android字体尺寸规范（根据网上资料整理）

0183b157737d7f0000018c1bef3e56.jpg

012073587467e2a8012060c81ba500.png

袁宝部分作品

019baf573967ce6ac72580edfcdb32.jpg

设计尺寸规范

01936957217ffb6ac72538125808cd.jpg

移动UI设计师必备的尺寸规范

01bb9455e9b18e6ac7251df88a2d55.jpg

GUI设计师必杀技

【热卖】二代腕投手表APP  实体屏+投影屏

01a8345ac358f0a8012062e3e501b9.png

012ccb5680ab3432f8759f041d9387.jpg

web端设计规范

01eb82570ca6096ac7251f052b9793.png

设计上规范

01dd0c5628977932f87557015cca74.jpg

规范

0142a356975cee32f87574bed9a59f.jpg

有吧设计

01a4495b6d8c92a801215c8f729c5f.png

设计规范

014609582bb421a84a0e282bac8553.png

ui设计标准及相关尺寸

史上最全设计流程图（附 APP 设计规范）

01f8895d52135aa80120695c899932.jpg

012a2859affa7ca801211d257a8a3c.png

01e6835c988ff0a80121416849abab.png

Android & iOS设计尺寸规范

015e5d55efa6ba32f875a132549fdd.png

UI设计

013405592fbf5ba8012193a326299a.jpg

移动端设计尺寸规范篇

「知群X知乎 中国产品设计大赛」打造知乎特色改版设计

013c1d5e7d6c68a801216518c5f425.png

010b755a090e1ca80121985c01dbe4.jpg

IOS/设计规范

01819a5d48e1e9a80120695cec085a.png

APP规范

0134e45ae3ce34a801214a619e5503.jpg

01316956014a2f32f875a132321ac5.png