App界面设计 － 设计规范 － 切图 － UI － IOS

Android切图尺寸规则&lt;br&gt;px（像素）是我们UI设计师在PS里使用的（不解释），同时也是手机屏幕上所显示的（也不解释）&lt;br&gt;dp是开发写layout的时候使用的尺寸单位，sp是开发写layout时关于字体的字号单位，且dp与sp总为1：1关系。&lt;br&gt;Android支持四种不同的dpi模式：ldpi mdpi hdpi xhdpi xxhdpi&lt;br&gt;一般地，手机分辨率与所运行的dpi模式是匹配的，例如hvga(320×480像素)的手机屏幕一般在3.5英寸左右，运行在mdpi模式下（也有例外，稍后解释）（这个是ROM控制的，app不能改变）。当运行在mdpi下时，1dp=1px：也就是说设计师在PS里定义一个item高48px，开发就会定义该item高48dp；Photoshop中14px大的字体，开发会定义为14sp。&lt;br&gt;对于一部wvga（480×800）手机（G7、N1、NS），一般是运行在hdpi模式下。当运行在hdpi模式下时，1dp=1.5px：也就是说设计师在PS里定义一个item高72px，开发就会定义该item高48dp；Photoshop中21px大的字体，开发会定义为14sp。&lt;br&gt;所以，当你的app需要适配多个dpi模式的时候（例如同时适配mdpi与hdpi），若你在wvga下做设计，你需要将你的各数值都为3的倍数，并在切图标注时将所有的数字除以3乘以2换算成dp，这样开发的同一套layout就能用在两个不同的dpi模式下，而不是写两套layout。&lt;br&gt;mdpi与hdpi是2：3的关系&lt;br&gt;mdpi与xhdpi是1：2的关系&lt;br&gt;ldpi与mdpi是3：4的关系&lt;br&gt;Galaxy Nexus 是720P屏幕，就是运行在xhdpi下的。&lt;br&gt;再补充一种例外，有些比较山寨的Pad有可能是7英寸屏幕，分辨率为wvga（480×800）运行在mdpi下，所以一部wvga手机是320x533dp，一部wvga平板是480x800dp，可以显示的内容会多很多。&lt;br&gt;从2013年开始ldpi mdpi hdpi相继退出了历史舞台！以1280*720的720P主要机型占据了主流，即xhd

01350f57d916300000012e7ef3efe0.png

6757909fa70a6w1hsld2mf3135.jpg

设计中提升效率的几点

01fe525e85b8b8a801216518566195.jpg

游戏美术教材

0146e25da09af0a80121b72213ef83.png

资料库——产品开发

0134ab5f2ffca1a80120a8211802a6.jpg

作品集

01266a57d90c3c0000018c1b5807c6.png

014beb5d833698a801211d538e5c55.jpg

电子白板书写软件UI

01b0595f1e4bd1a8012066217d3225.jpg

Choerodon UI

01814f5fb5cdfa11013fdcc7527779.png

B端公募基金投研系统标准版

OA管理系统交互设计原则与规范

01fafc5e1c2267a8012165180ea074.png

018dbe5b4de4dea8012036bed6ed62.JPG

绿色信号干扰器工业设计

01a1d25e1ff8d9a80120a895966644.jpg

017cf65e1ff8d4a801216518ecc447.jpg

iOS 8人机界面指南：UI元素与设计尺寸

站酷推荐设计师

01d9bd554247450000019ae9e9d32a.jpg

0105ee5befc087a801209252512139.jpg

360OSUIKIT&CPS

018f5b5f1c067ba8012066214e6591.jpg

企业画册

01126e5e1c19c1a80120a89588827b.png

【SD教程】常用云部署 保姆级教程 低配win、Mac救星

01qik4gkqewfpylrewta1l3532.png

010df45da09aeea80121b7226fd6c2.png

知群产品设计大赛：闲鱼站_国际渔民联盟队

01a7b75cf7a8f4a801205e4b0abecf.jpg

01yvw0k03kkefjxqxh1kjz3839.png

66a858e79dd12fgnnrpcsz9803.png

#2024青春答卷# AI的奥德赛