哎哟,720×1280安卓切图这事儿真不难,咱直接上干货!
首先,屏幕高度1280px,得留好几块禁区:
? 状态栏:50px(顶上那条,时间信号那些)
? 导航栏/操作栏:96px(就是App顶部标题栏)
? 主菜单栏:也是96px(比如底部Tab栏)
? 虚拟键:96px(返回/主页/多任务那仨小横杠)
→ 所以内容区就只剩1038px(1280?50?96?96),设计别往上怼,不然一运行全被遮住!
图标怎么切?记住一句话:720p屏是mdpi,1dp=2px!
启动图标:48×48dp → 直接切 96×96px(别留白!)
操作栏图标:32×32dp(图本身24×24dp)→ 切 64×64px(图体48×48px)
小图标(比如列表里那种):16×16dp(图体12×12dp)→ 切 32×32px(图体24×24px)
通知图标:24×24dp(图体22×22dp)→ 切 48×48px(图体44×44px)
字体?别瞎调!sp转px按比例来,720p一般用:
正文:24 / 28 / 32 / 36px(越重要越大,别整太小看不清)
按钮和间距也别乱来:
并排按钮(比如登录+注册):最小 240×80px(开发那边对应120×40dp)
手指点起来舒服的最小尺寸:96px(也就是48dp)→ 别做太小,点不准!
元素之间空隙:16px(8dp),太挤显乱,太松像在划水
最后切图小贴士:
? 分层切!状态栏、导航栏、内容区各切各的,方便开发拼
? 图标给齐状态:normal / pressed / disabled 都要有
? 命名按规矩来:`btn_login_normal_240x80.png` 这种,开发一眼懂,不抓狂
搞定!照着来,不翻车~
首先,屏幕高度1280px,得留好几块禁区:
? 状态栏:50px(顶上那条,时间信号那些)
? 导航栏/操作栏:96px(就是App顶部标题栏)
? 主菜单栏:也是96px(比如底部Tab栏)
? 虚拟键:96px(返回/主页/多任务那仨小横杠)
→ 所以内容区就只剩1038px(1280?50?96?96),设计别往上怼,不然一运行全被遮住!
图标怎么切?记住一句话:720p屏是mdpi,1dp=2px!
启动图标:48×48dp → 直接切 96×96px(别留白!)
操作栏图标:32×32dp(图本身24×24dp)→ 切 64×64px(图体48×48px)
小图标(比如列表里那种):16×16dp(图体12×12dp)→ 切 32×32px(图体24×24px)
通知图标:24×24dp(图体22×22dp)→ 切 48×48px(图体44×44px)
字体?别瞎调!sp转px按比例来,720p一般用:
正文:24 / 28 / 32 / 36px(越重要越大,别整太小看不清)
按钮和间距也别乱来:
并排按钮(比如登录+注册):最小 240×80px(开发那边对应120×40dp)
手指点起来舒服的最小尺寸:96px(也就是48dp)→ 别做太小,点不准!
元素之间空隙:16px(8dp),太挤显乱,太松像在划水
最后切图小贴士:
? 分层切!状态栏、导航栏、内容区各切各的,方便开发拼
? 图标给齐状态:normal / pressed / disabled 都要有
? 命名按规矩来:`btn_login_normal_240x80.png` 这种,开发一眼懂,不抓狂
搞定!照着来,不翻车~
