App界面设计尺寸,关键看设备屏幕。安卓和苹果手机尺寸不同,具体如下:
安卓:
- 5.5寸屏:宽度约360px,高度约640px
- 6寸屏:宽度约411px,高度约731px
- 6.5寸屏:宽度约420px,高度约756px
苹果: - iPhone 6/6s/7/8:宽度约375px,高度约667px
- iPhone 6 Plus/7 Plus/8 Plus:宽度约414px,高度约736px
- iPhone X/Xs:宽度约375px,高度约812px
- iPhone XR:宽度约414px,高度约896px
- iPhone 11:宽度约414px,高度约896px
设计时,要根据目标用户群体常用设备来定尺寸。记得留白,保证操作方便。
那天,我坐在电脑前,对着新项目的界面设计图发愣。屏幕上那个图标,明明只有 48 像素,但在手机上看起来却那么小,几乎看不清。我随手拿出了手机,比对了一下,发现其实 72 像素就足够了。这让我突然想到,记得以前有个项目,当时设计师因为没有严格遵循尺寸规范,导致产品在多种设备上显示效果参差不齐,用户反馈差到不行。那是一个什么时间呢?好像是大前年吧,地点是公司的一个小型会议室。等等,还有个事,我那时候还特地去查了相关的规范,发现不同设备的分辨率和屏幕尺寸差异很大,真是个头疼的问题。现在回想起来,如果当时就严格按照规范来,估计那些麻烦就能避免了吧。不过,现在的设计工具好像越来越智能了,能自动适配不同尺寸,这也算是个进步吧。说到底,规范这东西,还是得重视啊。
说起来这app界面设计尺寸规范,那可真是门学问。我混迹问答论坛行业十年了,见过不少关于这个的话题。
说实话,这尺寸规范啊,最早是从2010年左右开始火的。那时候,智能手机刚兴起,苹果发布了第一代iPhone 4,屏幕尺寸是3.5英寸。那时候啊,设计界就开始讨论app界面尺寸了。
我记得当时有个标准是,app的界面宽度最好是320像素,高度嘛,根据不同机型会有所不同。比如iPhone 4,高度大概是480像素。这个标准在当时挺火的,很多设计师都按照这个来做。
后来啊,随着屏幕尺寸越来越大,这个标准也跟着变了。比如到了2014年,iPhone 6出来了,屏幕尺寸变成了4.7英寸。这时候,界面设计尺寸就得考虑更大的屏幕了,宽度得做到360像素左右,高度也得相应增加。
再后来,2016年iPhone 7出来了,屏幕尺寸更大了,达到了5.5英寸。这时候,app界面设计尺寸规范就更加细化了,得根据不同的屏幕尺寸和分辨率来设计了。
现在啊,像苹果、安卓这些主流的操作系统,都有自己的设计规范。比如苹果的Human Interface Guidelines,安卓的Material Design,都有详细的尺寸规范。
说实话,我当时也没想明白,为什么这些规范要这么严格。后来想想,可能是为了用户体验吧。尺寸太大了,操作不方便;太小了,看着不舒服。所以啊,这些规范其实都是为了咱们这些用户好。
总之,app界面设计尺寸规范这个事儿,得根据不同的设备和操作系统来定。用的人多了,自然就有了一套标准。咱们做设计的,就是要跟着这个标准来,保证用户体验嘛。