免费的一体化
产品设计协作平台
免费开始
首页 设计协作文章 App设计规范 – 视觉规范和图标按钮规范

App设计规范 – 视觉规范和图标按钮规范

晓庄
2023-01-31 15:23:03
分享到:

App设计规范是指对App设计的具体技术要求,是App设计工作的规则,同时能够方便后续协调合作以及APP视觉迭代。

App设计规范中的视觉规范和图标按钮规范是指整套APP界面的视觉风格一致,主要包括对色彩、文字、视图、控件、加载、常态点击态等。

但是为何App设计会有这些规范呢?原因如下:

1、统一APP界面风格,达到界面规划整洁一致;

2、约束界面元素样式、大小和颜色,使美观和谐,避免过于杂乱;

3、削减界面元素的重复设计;

4、让其他同事看得懂,削减整个设计流程中的沟通成本;

5、削减设计素材,严格把控安装包大小。

手机App设计规范

明确了APP设计规范的存在意义,那么接下来墨刀小编就带大家了解一下App设计规范中关于视觉规范和图标按钮规范的具体内容。

一、文字

文字对于APP来说是非常重要的,是APP与用户交互信息的核心,通过规范文字大小和颜色,弱化次要信息,突出重点信息。另外要给人以简洁整齐,条理清晰的视觉,还需要依靠界面元素的排版和间距设计,最终使用户操作时能够抓住关键点,达到快速阅读,减少费力度的效果。

二、色彩

色彩分为重要,一般,较弱三个等级。其中重要色彩通常不能超过3种;而一般色彩,则都是重要色彩的相近色,但颜色的亮度饱和度不能超过重要色彩;最后是较弱色彩,通常是用于背景色及不重要的边角信息,色彩较淡,不能过于突兀。

三、图标

在进行图标设计时需使用形状绘制,确保图标和按钮都是矢量图,切图格式为PNG。另外功能不同,图标也应设计为不同状态,如:如常态、点击态、选中态等。

具体图标分类规范有2个:

1. 以界面位置及模块进行分类。

2. 以功能模块进行分类,具体可分为:功能型图标and示意型图标。

四、按钮

按钮设计包含重要按钮、软弱按钮以及一般按钮。作用根据名称意思很容易理解。

重要按钮就是代表重要操作的,通常设计在比较醒目的位置,通常文字设计在按钮之上,按钮会比较大一些。指引用户点击,如搜索、咨询、下单、确定等按钮。

软弱按钮是重要等级最低的一个按钮,如筛选、排序等按钮。

一般按钮,重要等级在重要按钮之后,代表一些不是特别重要但是又需要用到的操作,如退出、清楚、详情等按钮。

以上便是App设计规范中的视觉规范和图标按钮规范,相信通过墨刀小编的介绍,大家可以在设计自己的APP时灵活运用。当然,好的设计都离不开好的工具,墨刀作为一个一站式原型设计工具,功能覆盖整个APP的设计和开发流程,素材丰富,多数操作均可通过拖拽完成,上手性极佳,能够帮助设计师快速完成产品原型及高保真原型构造。

墨刀 - 在线一体化产品设计协作平台

原型、设计、流程图、思维导图......享受创造的乐趣,成就团队和个人

晓庄
2023-01-31 15:23:03
分享到: