移动端页面设计推荐，优秀的移动端界面设计案例

摘要： 移动端UI设计尺寸规范整理对于iPhone X，设计尺寸通常为750*1624（2x），高度比iPhone 7增加290px，状态栏高度变为88px，底部预留68px的主页指示器...

移动端UI设计尺寸规范整理

对于iPhone X，设计尺寸通常为750*1624（2x），高度比iPhone 7增加290px，状态栏高度变为88px，底部预留68px的主页指示器位置。其他设备的设计尺寸根据具体屏幕尺寸和分辨率进行设置。栏高度 状态栏：通常为20px（iPhone 6s/7/8）或44px（包括状态栏和刘海的iPhone X）。

边距、间距 原则：边距（左右）要大于间距（上下）。模块边距：常用值为15px，10px为最小值，适用于需要展示更多内容的场景。其他可选值包括10px、12px、16px。模块间距：常用值为10px、15px、20px，这些值用于模块之间的垂直间距，以确保页面布局清晰且不过于拥挤。

iPad屏幕尺寸概述iPad作为苹果公司推出的平板电脑系列，拥有多种屏幕尺寸和分辨率。常见的iPad屏幕尺寸包括7英寸、2英寸、5英寸、11英寸以及19英寸等。每种屏幕尺寸对应不同的分辨率和像素密度，因此在进行UI设计时，需要针对具体的iPad型号进行尺寸适配。

状态栏和导航栏 状态栏（Status Bars）状态栏位于iPhone屏幕最上方，用于显示时间、运营商信息、电池电量等。在iPhone6/7/8设计中，状态栏的高度为20pt（40px）。导航栏（Navigation Bars）导航栏位于状态栏之下，通常包含页面标题和左右功能图标。

APP界面设计用什么软件?推荐这10款

1、proto.io 概述：一款希望通过合并原型和设计模板来简化APP页面设计过程的软件。功能特点：适合新手，无需编码。可在Sketch或photoshop中导入设计方案。提供数千个SVG标志作为图标库，以及web字体样式。 Framer.JS 概述：一款应用灵活多变的APP界面设计软件。

2、Sketch：以矢量图形为特色，新手友好，尤其适合macOS用户，但仅支持macOS系统。InVision：交互原型的首选，兼容主流浏览器，支持设计制作互动模型，便于团队协作和实时分享设计。BuildFire：简化APP设计过程，适合设计新手，自定义查看功能帮助设计师预览真实用户在手机上的体验。

3、软件UI设计常用的软件有Pixso、墨刀、Sketch、Figma、Adobe XD、InVisionapp和Zeplin。Pixso是一款专业的在线协同UI设计软件，它涵盖了从原型设计到交付管理的全流程，拥有强大的产品性能和流畅的体验。Pixso特别适合中国设计师使用，因为它采用全中文界面设计，并提供了海量的中文资源素材和多款中文字体。

4、UI设计使用的软件有很多，以下是13款推荐的UI设计软件： 即时设计 简介：新一代协同在线UI设计软件，全中文界面，适合中国用户。特点：上手难度低：拥有完整的中文界面和帮助文档。迁移无门槛：支持XD导入及Sketch文件导入导出。一站式工作：集成资源、原型、设计创作等功能。

10个大厂设计师常用的设计网站推荐

1、简介：DesignTaxi是由设计爱好者于2003年创立的设计网站，提供来自世界各地的设计新闻和信息。它每天都会发布关于平面设计、摄影艺术、视频广告、建筑美学等方面的最新信息。

2、Ambalaj：专注于产品包装设计，适合对工艺感兴趣的设计师，同时提供其他设计资源。DesignTaxi：每日更新设计资讯，涵盖广告、建筑等多领域，帮助设计师拓宽视野。ThePudding：关注数据可视化，提供深入研究和设计文章，适合对数据可视化感兴趣的设计师。

3、简介：tinypng是一个免费在线图片压缩网站，支持批量拖入和批量导出。压缩后的图片质量依然很高，非常适合设计师使用。logobook-LOGO设计灵感网站 网址：http：// 简介：设计师难免需要设计LOGO，Logobook网站提供了丰富的LOGO设计灵感，可以帮助设计师快速找到设计思路。

4、Creativeboom作为艺术设计界的热门网站，提供行业新闻和专业见解，深入访谈有助于设计师技能提升。EyeonDesign则为aiGA会员提供每日全球优秀作品，是灵感源泉。Ambalaj聚焦产品包装设计，适合对工艺感兴趣的设计师，同时提供其他设计资源。DesignTaxi每日更新设计资讯，涵盖广告、建筑等多领域。

5、UI设计师必备！10个免费的UI素材网站推荐：Pixso资源社区 简介：Pixso资源社区是在线协同设计软件Pixso推出的设计社区，提供高质量的UI设计素材和模板，且完全免费。素材内容：包括矢量图标、插画素材、emoji表情、3D图标、样机素材等。