最近做一个移动端的项目，需要做到移动端适配。 曾经做过以下几种适配方案，但都不理想： 直接设置根元素字号，再用rem作单位。使用淘宝flexible.js。判断设备大小，再设置根元素字号大小，用rem作单位。以上三种方案原理，是利用rem以根元素(html)字体大小进行计算。随着浏览…

继上次交互体验说明之后，鸟姐今天给大家讲述下关于移动端的设计。移动端一般是指APP、PAD应用。 移动端设计主要介绍启动页、引导页、导航、输入框、弹窗、刷新、加载的设计模式。 首先讲述下启动页，启动页面实际上是完成客户端的首次预加载、这样可以…

前言 。css像素:代码中使用的逻辑像素，衡量页面，上的内容大小 。设备像素:即物理像素，控制设备显示的单位，与设备、硬件有关 。设备独立像素:与设备无关的逻辑像素，不同于设备像素(物理像素)，不是真实存…

在日常产品交互设计中，有时候总会对界面的排版和布局的选择上很纠结，界面的排版布局直接影响了用户体验，选择一个合适的排版是值得持续打磨的事情。 这里我画了几种移动端常见的页面布局和他们的各自特点： 1，列表式布局…

前言 在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路： 横向…

原标题：干货｜超全面的移动端UI 设计规范整理汇总(下) 来源：优秀网页设计 六、APP版式设计规范 版式设计又叫做版面编辑，即在有限的版面空间里，将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。一个优秀的排版要考虑到用户的阅读习惯和设计美感，在 UI设…

一、边距、间距 原则：边距(左右)要大于间距(上下)。 模块边距 10px、12px、15px、16px 15px 常用 10px 最小，要展示更多的内容才用 模块间距 8px、10px、15px、16px、20px 常用 10px 15px 20px 内容间距 5px 10px 15px 内容边距 5px 10px 15px 列表 最小高度 40px 单行 53px …

常见方案 响应式设计（Responsive Design）： 使用 CSS 媒体查询（Media Queries）来根据设备的特征（如屏幕宽度、高度、方向等）应用不同的样式。 通过设置百分比宽度、最大宽度或相对单位&#xff…