认识达内从这里开始

随着互联网的不断发展，我们在进行网页设计的时候除了需要考虑PC端的访问以外，移动端的访问也是需要重点关注的。下面我们就一起来了解一下，移动端ui设计都有哪些设计标准。

一、字体大小与网页大小的区别

1.web时代14px的字

在移动互联网前时代，也就是web时代。电脑的分辨率通常是72ppi，所以字体在电脑上显示的不是很大。通常14号字是网页端的起始字体，大一点的正文会用16号字体。

2.iPhone时代的20+px

在移动互联网时代，屏幕分辨率越来越高。如果设计过程中不注意字号大小，在多平台上，移动端会出现文字和内容偏小的情况，所以画面模块不能简单的缩小来适配移动端。

二、模块间距要有规律：48dp定律

1.稳准狠–元素间距不再随意调

品牌设计师或者运营设计师也会用到纵向网格系统，而到了移动端运营设计的时候，按钮大小、行间距、元素间距就更需要有恰当的规律和规范了。

2.稳准狠–按钮大下不再随意调

按钮在屏幕的物理尺寸下大于一定面积，防止误触的发生，48像素是个安全的界限。按钮的大小也可以设定一定的规律，为以后的设计做复用准备。

三、控制屏内容，露出完整的关键信息

1.拉新类专题

在设计移动端的专题页面时，一定要注意屏线的设置，如果交互设计没有给到位，需要和对方进行沟通，控制一屏内容的露出位置。

一屏线虽然不是评判交互好坏的标准，但在一定的场景下，都应该具备视觉引导或是交互引导——引导用户有兴趣向下滑动。

用户增长的设计中，页面每个模块放什么内容都是有数据支撑、交互原理、业务需求在里面的，不仅仅是简单的视觉设计。理解业务上游如何思考，做全链路设计师，是完成业务目标重要的一点。

四、格式塔原理：相似和接近

1.相似原理：避免和功能按钮相似的设计

人们在感知复杂对象的时候，会有意识或者无意识地将它们纳入到一个有组织的系统当中。这点在UI设计中运用非常多，可以利用相似原则组织好界面中的信息和层级关系，也可以利用相似性原理来规避一些设计错误。

2.接近原理：运用接近原理的反面，通过留白来代替线框

排列在彼此之间的邻近元素被认为比那些放置得更远的元素更相关，这样，不同的元素主要被看作是一个组，而不是单个的元素。那在设计中，我们也要不被潮流所淘汰。通过无边化设计，留白设计，来突出信息内容和模块间的区别。

五、建立规范：图片要有比例，方便维护

1.比例意味着可量化、可追查、可维护

我们在做运营长页的时候，为了保证长期项目中图片的一致性和可维护性：我们选取的图片好有一定的比例。

比较常用的图片比例，如：1:1、4:3、16:9、16:10等等，也可以根据实际情况打破常规比例，结合自身产品的特点，在自己的设计中合理的加以运用。

六、交互思维：按钮状态，操作反馈

1.按钮的状态要牢记

按钮是用于启动特定应用程序的组件。按钮作为页面中的主要行动点，引导用户进行响应操纵，应该有吸引用户的冲动。

按钮状态：默认、点击、禁用。有状态会更好的给用户回馈。

作者:汪先生

节选：优设

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!