ui设计小程序商城尺寸最好是多少

UI即User Interface（用户界面）的简称。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。

IPAD现在UI的设计都是要用最大的尺寸，也就是现在IPAD3的20481536来设计的，因为现在苹果的规定必须是要用高清的，所以都是用这个尺寸来弄的，我就吃过亏！桌面图标一般是10241024，再需要多大就输出多大。

要根据不同手机不同的屏幕分辨率来规定尺寸。

一般做效果图主流都是做480800来测试，iphone4（或s)就用640960，但这个都只是效果图，真正开发还需要切图用点9来做屏幕适配。

常见手机显示屏分辨率：96x65，96x96，128x96，128x128，160x128，160x160，176x144，220x176，240x176，320x240，640x480，800x480

苹果4:960×640像素，35英寸

三星：480×800分辨率

小米：480×8544英寸TFT屏幕

android手机屏幕尺寸

1280×800854×480640×480480×800432×240400×240320×480320×512320×240

扩展资料：

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”，好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

随着手机移动设备不断普及，对手机设备的软件需求越来越多，手机移动操作系统厂商正在不约而同地建立手机设备应用程序市场，如Apple的AppStore、Google的AndroidMarket、Microsoft的WindowsPhone7Marketplace，给手机的终端用户带来巨量的应用软件。这些软件良莠不齐，界面各异，手机的终端用户在众多的应用使用中，最终会选择界面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使用。

参考资料：

手机UI设计百度百科

当我们做UI界面设计时，往往很纠结应该做什么尺寸，实在拿不定主意就找参考，别人怎么做，也跟着做，但是是什么原因并不知道。

其实设计也有他的比例，按照比例设计，不仅会让界面更统一，同时也方便后期维护。

根据不同产品属性不同，用到的比例也有所差距。我们常见的比例有2：3、3：4、1：1、16：9、16：10这几种。下面分别针对这几种比例进行分析。

比例2：3

2：3≈0666，较为靠近黄金比例，在相机拍照的全画幅尺寸比例即为2：3，其他尺寸均是通过裁切而成，因此在应用中看上去比较舒服。该比例多用于横图中，如商品列表、banner图中。

爱彼迎的界面体验模块和详情页面的，都是是使用2:3的比例

比例3：4

3：4的设计在界面中也很常见，相比于2：3，图像更为紧凑，多用于占比重较大的APP中，也多用于产品列表、banner中。

厨房故事相对于爱彼迎，美食需要更多的展示空间。

比例1：1

1：1也是正方形构图，这种构图占比比较大，因此多用于产品展示、头像、特写展示等场景的APP中，在电商设计中较为常见。

天猫也就是电商类的APP由于直接觉得用户的点击量，因此往往会采用1:1的这种可将展示最大化的方式。

比例16：9

16：9主要是中的常见构图，该构图给人视觉开阔的感受，多用于视频类APP中。

视频类APP大多使用这个比例，这是由于屏幕的尺寸比例，同时我们的设备大多也是这个比例。

黄金比例16：10

16：10=16是最接近黄金分割1：0618=1618的，因此现在一些设计也开始做16：10的设计。

打破常规比例

按照常规比例设计可以让我们设计更舒服，但是对于一些对设计把控比较好的，就算不按照比例设计也很出彩，因此我们在成长期可以遵循规则，在上升期也可以打破规则，如果规范得太死，所有界面都差不多了，毫无创意可言。

比如，IN他并没有按照我上面整理的比例进行设计但是界面照样统一舒服，因此我们需要灵活使用规则。

总结

1、根据产品自身特点选择对应比例。

2、界面设计中，不必拘泥于常规比例，有时候打破常规，会让界面更具创造力。

3、根据版面，结合其他设计原理，可将不同比例的搭配使用，这样会使界面更具节奏，让界面更活泼。

不以规矩，不能成方圆。社会上的各种规范约束着我们生活的方方面面，促使着我们的生活轨道能够正常运行，一旦失去了这些社会规范，我们的生活可能会变得一团糟，UI设计界也同样如此。UI设计规范是对整个UI设计的要求。

例如：视觉大小统一

在进行图标设计的时候，我们会使用栅格辅助线来帮助我们更加严格谨慎，但一定不要被辅助线困住，学会灵活运用，保持视觉上的大小统一

设计尺寸就是具体的大小尺寸数据。

例如：

目前主流的 iOS 设备主要有 iPhone SE（4英寸）、iPhone 6s/7/8（47英寸）、iPhone 6s/7/8 Plus（55英寸）、iPhone X（58英寸），它们都采用了 Retina 视网膜屏幕，其中 iPhone 6s/7/8 Plus 和 iPhone X 采用的是3倍率的分辨率，其他都是采用的2倍率的分辨率，无论是栏高度还是应用图标，设计师提供给开发人员的切片大小，前者始终是后者的15倍，并分别以@3x和@2x在文件名结尾命名，程序再根据不同分辨率自动加载@3x或者@2x的切片。