1、H5页面的尺寸设计，在移动端上，主要有以下几点建议哦：常用尺寸：建议是640乘以960或者640乘以1008像素。这两个尺寸能适应大部分手机屏幕的显示需求。适配性考虑：虽然有了推荐的尺寸，但别忘了，用各种分辨率的手机查看H5页面时，还是可能会出现内容显示不全的问题哦。
2、标准尺寸：640乘以960像素和640乘以1008像素是两种常见的移动端H5页面尺寸建议。这些尺寸能够适配大多数移动设备的屏幕，确保内容在不同设备上都能良好显示。适配性问题：尽管采用了推荐的尺寸，但在不同分辨率的移动智能手机上查看H5页面时，仍可能出现内容显示不全的情况。
3、按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone4s，大一点的6plus也不会过于空旷。不过在切图的时候要注意，由于iPhone6plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。
4、移动端的H5页面尺寸建议为640乘以960或640乘以1008像素。以下是关于移动端H5页面尺寸的一些关键点：尺寸建议：为了确保H5页面在不同分辨率的移动智能手机上都能良好显示，建议设计时采用640乘以960或640乘以1008像素的尺寸。这两个尺寸在移动端较为常见，能够较好地适应大部分手机屏幕。
制定一份移动端设计规范移动效果页面设计，应包含以下核心内容移动效果页面设计：尺寸与设计稿版本：明确尺寸体系：确保所有设计元素在不同设备与屏幕尺寸下的适配性与一致性。设计稿版本管理：规定设计稿的版本，便于团队沟通和协作。布局规则：栅格系统：定义基本栅格系统，如采用4px的倍数，确保页面结构清晰。
移动端UI设计规范主要包括以下几个方面：边距和间距：模块边距和模块间距应遵循特定标准，如10px、12px、15px、16px。内容间距通常选择5px、10px、15px。列表的最小高度设定为40px，单行高度通常在53px、55px、66px之间。
竖屏思维：采用竖向阅读布局，适应移动端用户习惯，同时建议最小字体不小于18px以保证可读性。图标设计：优先使用图标传递信息，提高效率和记忆度，保持图标风格统一，避免混用不同类型图标。人物肖像处理：在呈现多个人像时，保持形象大小、方向、色调及眼睛高度一致，营造和谐画面。
端口类型：目前需设计的端口主要有：web端（即网页）、移动端（APP、小程序等移动设备）、IPAD（IPAD是一种移动设备，但也有自己特定的尺寸）、智能设备（例如智能电视、智能手表等等）。由于我更多接触的是web端和小程序端口，后面会以这两个为主。
一套APP应该有3-5种主题色和辅助色移动效果页面设计；5-10种不同变化的字体样式。
如果追求图片质量，愿意牺牲加载速度，那么可以按照最大的屏幕来设计。也就是iPhone 6 plus的尺寸，倍率3，逻辑像素414×736。总结 移动端的尺寸比PC端复杂，关键就在倍率。但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕。站在这条水平线的角度看，会发现它很好理解。
1、图标设计：优先使用图标传递信息，提高效率和记忆度，保持图标风格统一，避免混用不同类型图标。人物肖像处理：在呈现多个人像时，保持形象大小、方向、色调及眼睛高度一致，营造和谐画面。图形使用规范：避免人为拉伸圆形，保持图形设计的专业性。圆角矩形选择：推荐使用小圆角或半圆形状，营造大气简洁的视觉效果。
2、图形使用：避免人为拉伸圆形，以免造成设计不细心的观感。0 圆角矩形：推荐使用小圆角或半圆形状，比大圆角更显大气。0 投影效果：尝试使用黑色投影外加红色，以提升视觉干净度。0 按钮与搜索栏：设计按钮与搜索栏时，关注负空间与字体比例，以营造大气、精致的视觉效果。
3、移动端产品UI设计要聚焦简洁性、易用性和一致性。界面布局要清晰，操作直观，色彩搭配舒适，图标和文字简洁明了，同时保持整体风格统一，适应不同屏幕尺寸，确保用户在小屏幕上也能轻松使用。
4、Strava就是这样一个包含了大量有趣的小动画的应用，其中许多有趣的动画小到你可能会一不小心忽略掉。不同界面之间的切换会有有趣的过渡动效，比如上面的挑战页面就是。
