• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • 办公软件
  • 多媒体
  • 图形图像
  • 系统工具
  • 安全杀毒
  • 聊天工具
  • 电脑学习
  • 应用软件
  • 网络软件
  • 课件工具
  • 浏览器
  • 手机软件
您的位置:首页 > 软件教程 >手机软件 > 手机APP设计规范整理:图标和按钮视觉设计规范

手机APP设计规范整理:图标和按钮视觉设计规范

作者:佚名 字体:[增加 减小] 来源:互联网

本文主要包含app图标设计规范,app视觉规范,app图标规范等软件教程,佚名希望在学习及工作中可以帮助到您

手机APP设计规范指对整套APP界面进行视觉设计UI风格的统一,对界面元素的样式、颜色、图标按钮和大小设定统一的规范和使用原则。方便以后协调合作和APP视觉迭代。

第一部分:APP界面里面的图标(iCON)设计规范

我们在绘制APP UI界面设计里面的图标,在PS里面尽可能用形状来绘制。保证图标和按钮是矢量图。切图的时候的格式都是PNG。而且是图标和按钮的尺寸大小必须为偶数。

App 里的图标还应该根据不同的功能需求设计不同的状态:如常态、选中态、点击态等。而且每一个图标除了英文的命名以为,还需要一个中文名字的备注下图标所代表的含义。让开发和其他同事看得懂。这也是我们做APP视觉规范的最终目的。

每一个手机APP设计师的整理自己的APP图标视觉规范是不一样的。25学堂就跟大家推荐2种图标视觉设计规范分类方法。

1、按照界面位置和模块来分类。如下图:

2、按照功能模块来分类:分为功能型图标和示意型图标。如下图

当然你也可以有自己的APP图标视觉规范规则。只要你们自己可以看得明白就行。

以上2种APP界面里面的图标(iCON)设计规范分类方式,仅供参考。

第二部分:APP界面里面的按钮(Button)设计规范

App 里的按钮拥有 4 种属性:分別为一般、点击、不能点击、选中

按钮规范因不同功能和场景需要,设计不同的样式和颜色,在尺寸上也分有:长、中、短;而且按不同手机平台长中短尺寸也注意有所不同。

按钮切图一般以.9.png切图为最佳,无论是ios和andorid平台。切记

常见的图标和按钮视觉设计规范信息图如下:


APP里面的按钮也分为:重要按钮、一般按钮和软弱按钮

重要按钮:一般是指在整个界面当中比较大,醒目的位置,通常是指执行重要操作以及吸附在底部的按钮。比如下单、搜索、确定、提交等等操作。

一般按钮:不是特别重要操作的按钮。比如清空、退出、说明性的等按钮。

重要按钮和一般按钮都是文字是在按钮上的,而且占的面积比较大。

软弱按钮:这里指优先级最低的一种按钮,这类案例主要是文字和图标一起搭配出现的。比如筛选、排序等按钮。

好了,到此为止今天就跟大家分享这些,应该说APP界面设计当中应用到的图标和按钮基本都说了下,大家也可以借鉴上面的这些案例来定义自己的app视觉规范和app功能模块需求文档。

您可能想查找下面的文章:

  • 手机APP设计规范整理:图标和按钮视觉设计规范

相关文章

  • 同步助手无法读取安卓手机的微信数据怎么解决?
  • 支付宝怎么设置扫码登陆?扫码登陆的使用教程
  • 安卓版Chrome浏览器新版发布:增加新功能且减少内存占用
  • 微信电话本是什么意思?微信电话本有什么用途?
  • wp手机怎样安装应用程序图文教程
  • 微信指付通是什么?如何使用微信指纹支付安全吗?
  • 微信漏洞是怎么回事? 微信5.0出现视频安全漏洞介绍
  • 12308汽车票怎么添加常用乘车人信息?
  • 抢票提醒怎么设置?联想日历么查看春运抢票日期的方法
  • 宝宝树怎么关注好友?宝宝树时光关注好友的方法

文章分类

  • 办公软件
  • 多媒体
  • 图形图像
  • 系统工具
  • 安全杀毒
  • 聊天工具
  • 电脑学习
  • 应用软件
  • 网络软件
  • 课件工具
  • 浏览器
  • 手机软件

最近更新的内容

    • 我查查如何取消修改我的订单如何跟踪我的订单
    • 频繁输入密码太危险 手机和包开启小额免密支付的方法
    • 想要获得触宝电话邀请码有哪些途径呢
    • daniu大牛app提示核心功能启动中是怎么回事?daniu大牛常见问题解答
    • 微信公众号怎么生成带参数的二维码?
    • 支付宝借呗是什么?支付宝借呗在哪?
    • 苏宁170手机号资费标准公布 苏宁170号段资费情况介绍
    • 甜椒刷机助手如何使用 甜椒刷机助手刷机详细教程
    • 优步uber取消订单扣钱怎么办?
    • 嘀嘀打车怎么取消订约? 滴滴打车取消预约订单办法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有