1、app
UI 设计选择哪种尺寸,主要还是取决于最终呈现 App 的手机屏幕,苹果手机的产品线比较固定,在确定设计尺寸时比较方便,相比之下,安卓手机的屏幕尺寸就非常多了,在设计时要结合市场上现有分辨率占比数据,优先采用高占比分辨率相对应的设计尺寸。
在多数设计工具中,可以用线设计工具 Pixso,提供了常见的手机型号及对应的设计尺寸,这些现成的预设,可以完美地解决题主遇到的问题,在刚创建文件时,不需要去网上搜索不同手机的设计尺寸。
2、web端
考虑到web端和移动端的交互方式有所区别,且不同段位的前端小哥哥执行力也不同,为了确保不出现特别大的差异,可以设计以下两套基准尺寸,再给到前端进行全站响应。
web端基准尺寸:1920*1080px这里在设计时又分两种形式,一种是以1920px全宽尺寸进行设计(常见于个性化网页设计),一种是内容控制在以1200px为宽度尺寸的安全范围内进行设计。具体用那种形式,可根据实际项目情况而定,两种形式仅仅是视觉效果不同。移动端基准尺寸:750*1334px(375*667px @1)
更多ui技能学习,行业动态以及教程可以了解下
https://www.aaa-cg.com.cn/zt/uiue/?gxl