打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
运营设计师要知道的UI设计!!!

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

1. web时代14px的字

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

2. iPhone时代的20 px

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

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

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

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

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

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

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

1. 拉新类专题

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

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

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

四、格式塔原理:

1. 简单

开头就讲过,人脑有化繁为简的能力,设计的构图越复杂用户理解起来越费劲。

简单原理适用于设计中的三角形构图,均衡构图,对称构图,向心构图,摄影中的对角线,X型构图等。这些构图方式都是为了把复杂的信息元素通过简单的方式让观者易于理解。

熟练运用这几种构图技巧,就可以牢牢抓住观者的眼球,做出为人称道的好设计&摄影&插画,让画面更具视觉冲击力和感染力。

2. 相似

我们的眼睛很容易关注那些复杂环境中外表相似的东西,这点在 UI设计中运用非常多,因为 UI界面中的元素非常多,可以利用相似原则组织好界面中的信息和层级关系。

案例:

3. 接近

简单来说就是接近的元素更容易被看成一个整体,或者同一组信息。这个原则比较简单,来看一个比较典型的表格案例:

4. 闭合

简单来说就是脑补,这也是格式塔被叫做完形心理学的一个原因之一,后面我会讲到比较夸张的经验闭合,这在日常生活中也非常常见。

5. 连续

人的视觉有追随一个方向上的连续性,以便把不关联的元素联系到一起,连续与闭合并存的情况很多,为了好区分,放一个闭合的例子做比较。

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

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

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

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

六、交互思维:按钮状态,操作反馈

1. 按钮的状态要牢记

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

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


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
五条法则,帮你打造典型扁平化产品
UI设计师要掌握的七大交互设计定律,学设计必懂!你了解几个?
成为优秀UI设计师,必须了解的UI设计规范
文字如何实现完美UI?文本排版设计告诉你
【交互设计】Apple Watch界面设计规范之UI设计基础
想要App做得美,这些UI/UX设计趋势你要知道啊
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服