常用全局边距有32px30px24px20px等，数值通常为偶数不同产品根据气质采用不同的边距，如iOS原生态页面使用30px边距，微信使用20px边距，支付宝使用24px边距最小边距建议不低于20px，以避免界面内容过于拥挤卡片间距 卡片式布局在移动端页面中非常常见，卡片间距的设置需根据界面风格和卡片承载信息量来。

在设计微信H5页面时，建议的尺寸为1080像素宽，1698像素高这样的尺寸设定，是为了兼容主流大屏手机的屏幕分辨率，同时确保在不同设备上都能获得良好的显示效果宽度设定为1080像素，是考虑到当前大部分手机屏幕尺寸，能够适配大多数的手机设备在设计页面的高度时，需要考虑的因素更为复杂除了需要容纳页。

设计尺寸建议在设计小程序时，可以默认按照iphone6的尺寸375*667pt进行设计，以确保在不同设备上都能获得良好的显示效果二组件规范 小程序在组件使用方面也有一些特定的规范，以确保用户界面的一致性和良好的用户体验官方小程序菜单微信会在小程序的右上角放置官方小程序菜单，开发者无法自。

一电商平台设计尺寸 PC端淘宝天猫京东主图800*800px淘宝京东详情页宽750px，高度不限店铺介绍600*450px旺旺名片头像120*120px，小于100k宝贝图片500*500px，小于120k天猫详情页宽790px，高度不限京东PC首页990px宽度，790px150px侧边栏APP购物淘宝天猫京东首页640px。

经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了 这是一个历史遗留问题，这里提到的屏宽，更确切的说，是将viewport设置为width=devicewidth时的宽度，习惯称这个宽度为屏宽，也就是设备独立像素的宽度笔者从。

广告设计尺寸 开屏23比例px，20px或916比例0px，20px 信息流169px，0px或21640*320px 组图信息流480*320px 视频信息流169，1280*720px 插屏px，px banner640*100px 三私域电商物料 微信公众号 长方形大。

如三折页 广告设计 开屏广告23或916比例，常见尺寸如640px x 960px或1080px x 1920px 信息流广告169或21比例，如640px x 360px或1280px x 720px 三私域电商物料尺寸 微信公众号 封面900px x 383px和200px x 200px 其他平台各有特定尺寸，需根据具体平台要求。

一公众号封面设计技巧 封面尺寸 公众号推送封面图的尺寸需保持一致，以确保整体推送的美观性长方形大封面尺寸为900px383px2351，正方形小封面尺寸为200px200px11使用设计工具时，可以直接选择公众号模板或自定义尺寸，以确保封面图的尺寸准确无误封面风格 封面风格应与公众号调性。

UI设计规范不一样比如现在通常设计的尺寸对比如下iOS 750*1334 或者 1242*2208android720*1280 或者 1080*1920单条item的操作iOS单条item的操作有两种，点击和滑动，点击一般进入一个新的页面，滑动会出现对这条item的一些常用操作，如微信里滑动一条对话，会出现标记未读和删除Android中，单条item。

iOS和安卓的UI区别六浮窗设计元素不一样 安卓里可以看到各种浮窗，流量，清理内存等等iOS暂时还不支持这样的浮窗越狱的貌似可以iOS和安卓的UI区别七图标尺寸和命名规范不一样 1iOS和安卓手机的APP图标尺寸规范和图标命名规范 2对比PCiOSAndroid等终端APP的交互设计的差异化。

如640px x 360px或1280px x 720px其他如插屏banner尺寸三私域电商物料尺寸私域电商设计需求同样多样，涵盖微信小红书抖音等平台微信公众号封面900px x 383px2351和200px x 200px11其他如二维码名片内容引导图其他平台如视频号小红书抖音微博B站知乎等各有。

其实小程序和APP各有各的特点优势，至于小程序和APP两者区别有以下几点1功能目标 小程序 微信对小程序的功能有约束的，只能实现APP的部分功能，可以认为是轻巧便利型的APPAPP APP的功能设置，有运营者决定在线支付，直播，IM聊天电商等等都可以实现 2使用方式 小程序通过微信扫一扫或者。

使用设备不同微信网页版主要在电脑上使用，通过网页浏览器访问手机版在手机或平板等移动设备上使用，通过专用的微信APP进行操作界面布局差异微信网页版通讯录和聊天记录通常显示在同一个界面，布局相对简洁手机版通讯录和聊天记录分别在不同的界面或标签页中，界面设计更加适应手机屏幕尺寸。

保存设计提供截屏功能，并支持长图截取，方便保存设计稿手机传送同样支持将手机上的图片素材一键传送到PSSketch上三连接方式 Design Play支持Wifi和扫码两种连接模式，连接速度快，响应迅速Wifi连接将PS和手机连接到相同的Wifi下，打开APP即可快速预览扫码连接使用微信扫一扫二维码，方便。

手机版专门设计用于手机等移动设备，用户可以通过手机自带的应用商店下载并安装微信APP来使用界面布局差异微信网页版通讯录和聊天记录通常显示在同一个界面，这种设计便于在电脑上进行快速浏览和操作手机版通讯录和聊天记录是分开的，用户可以更方便地在不同的功能模块间切换，适应手机屏幕较小的。

这降低了开发门槛，加快了开发速度，提高了开发灵活性uniapp还支持多种平台发布，包括微信小程序H5App等，使得开发者能够轻松实现跨平台开发四Sketch Sketch是一款专业的设计软件，以其强大的界面设计功能和丰富的插件生态在小程序开发中占有一席之地它提供了灵活的布局工具和精确的尺寸控制。