做图标设计一些常用的设计规范分享

news2024/9/21 2:49:53

应用程序图标设计是将某个概念转换为清晰易读的图形,从而降低用户的理解成本,提高界面的美感。在我们的企业级应用设计范围内,应用图标在界面设计的许多元素中往往只占很小的比例,调用时会缩小到比设计稿小很多倍的尺寸。此外,图形材料极其丰富,易于获取,在产品设计体系中实现一套美观、一致、易用、易于延伸的应用图标体系往往被不慎忽视。一套高质量的应用图标对设计质量有很大的影响,考验着设计师的合作能力和对图形塑造的系统思维,也体现了一个团队对应用图标设计细节的追求。

应用程序图标设计尺寸规范规范

应用程序图标设计不同于其他视觉设计。同一图标,由于尺寸不同,显示效果和制作细节也不同。因此,不同显示系统下的应用程序图标在应用程序图标设计中具有相应的图标效果。

由于图形用户界面的使用环境不同,图形用户界面在使用中的显示环境也不同。因此,图形用户界面的图标尺寸也有所不同。图标对应的显示尺寸越来越大,分辨率越来越高,这使得图标的细节不断改进。跨平台软件的图标尺寸或像素数量通常按照特定的技术规范进行设计。

一般图标标准尺寸有3种,分别是24*24像素、32*32像素和48*48像素。其中48*48比较常见,但实际上要参考自己的项目来定义具体合适的尺寸~看看行业主流大厂商Design中的大部分图标都是用多大的尺寸来设计的。

应用程序图标设计简洁与符号原则

视觉图案的现实主义程度与观众对视觉图案的关注成正比。也就是说,图案越现实,就越容易吸引观众的注意。因此,设计师在设计应用程序图标时,应用程序图标的视觉性能越现实,越能吸引用户的注意,也能激发更多用户的兴趣。然而,现实生动的应用程序图标设计也从另一个方面影响了图标信息的快速传输。

象征性符号在应用程序图标设计中也很常见。符号应用程序图标可以更快地被用户接受、记忆和识别。同时,符号应用程序图标使用的图形文件较小,便于硬件支持和计算效率的提高。因此,在应用程序图标设计中,尽量不要使用太复杂的图案。图形和装饰效果过多,会降低图形的认知度,特别是在小尺寸图标中,会导致视觉识别度的降低。

应用程序图标设计文字应用原则

在设计应用程序图标时,除了图形设计之外,还有一个重要的组成部分是文本。简洁活泼的文本标签和清晰准确的文本描述可以更好地提高图形用户界面的工作效率。在设置应用程序图标文本时,最好使用简单和流行的文本作为应用程序图标的解释文本。在应用程序图标文本的选择中,它需要具有高度的概括性。同时,应用程序图标文本需要高度的信息传达,这可以充分反映出它是对应用程序图标图案的一种解释和解释。

在图标文本的设计中,需要考虑文本属性和文本使用环境。文本的字体、大小和颜色也会影响图标的整体视觉和运行效果。在选择文本字体时,考虑应用程序图标字体的形式并不复杂。文本识别的差异,通常中文字体不应小于14px,英文字体不应小于12px。此外,应尽量使用均匀的间距,使文本更加整洁、清晰、易于识别。

APP图标设计高识别原则

应用程序图标是一座基于虚拟世界和现实世界的隐喻或映射关系的桥梁。应用程序图标设计的目的是通过符号图形传达信息。因此,应用程序图标设计中的高识别原则尤为重要。例如,下面的天气图标可以让普通人一眼就能识别出什么样的图标。

应用程序图标设计统一原则

在软件或程序系统中,图标的设计风格需要保持统一。因为统一的应用程序图标比单个分散的应用程序图标更高质量,更容易被用户理解和接受。例如,以下金融行业图标,颜色尺寸比例风格统一,可使用户使用更舒适。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1132680.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

kafka3.X集群安装(不使用zookeeper)

参考: 【kafka专栏】不用zookeeper怎么安装kafka集群-最新kafka3.0版本 一、kafka集群实例角色规划 在本专栏的之前的一篇文章《kafka3种zk的替代方案》已经为大家介绍过在kafka3.0种已经可以将zookeeper去掉。 上图中黑色代表broker(消息代理服务)&…

DLT645转modbus协议网关采集电表的数据方法

DLT645有两个版本分别是DLT645-97和DLT645-07,该协议主要用于电表抄表,采用为主-从结构的半双工通讯模式,硬件接口使用RS-485今天我们来看下,用远创智控YC-645-TCP网关如何采集电表的数据 1,首先,我们需要…

淘宝京东抖音1688苏宁等关键词搜索商品API接口(关键词搜索商品API接口,关键词搜索商品列表接口)

淘宝京东抖音1688苏宁等关键词搜索商品API接口(关键词搜索商品API接口,关键词搜索商品列表接口)代码对接如下: item_search-按关键字搜索淘宝商品 taobao.item_search 1.公共参数 名称类型必须描述keyString是调用key&#xf…

UG\NX二次开发 获取面的面面积、周长

文章作者:里海 来源网站:王牌飞行员_里海_里海NX二次开发3000例,里海BlockUI专栏,C\C++-CSDN博客 感谢粉丝订阅 感谢 weixin_38891498 订阅本专栏,非常感谢。 简介 UG\NX二次开发 获取面的面面积、周长 效果 代码 #include "me.hpp" #include <NXOpen/Session…

docker部署prometheus+grafana服务器监控(二) - 安装数据收集器 node-exporter

在目标服务器安装数据收集器 node-exporter 1. 安装数据收集器 node-exporter wget https://github.com/prometheus/node_exporter/releases/download/v1.6.1/node_exporter-1.6.1.linux-amd64.tar.gztar xvf node_exporter-1.6.1.linux-amd64.tar.gzmv node_exporter-1.6.1…

【蓝桥】铺地板

1、题目 问题描述 小蓝家要装修了&#xff0c;小蓝爸爸买了很多块&#xff08;可理解为数量无限&#xff09; 2 3 2 \times 3 23 规格的地砖&#xff0c;小蓝家的地板是 n m n \times m nm 规格的&#xff0c;小蓝想问你&#xff0c;能否用这些 2 3 2 \times 3 23 的地砖…

【QT开发(14)】QT P2P chat 聊天

在【P2P学习&#xff08;2&#xff09;】P2P 通信&#xff0c;主要存在四种不同的网络模型的第一阶段&#xff1a;集中式P2P 模式 最简单的路由方式就是集中式&#xff0c;即存在一个中心节点保存了其他所有节点的索引信息&#xff0c;索引信息一般包括节点 IP 地址、端口、节…

YOLOv8训练自己的数据集+改进方法复现

yolov8已经出来好几个月了&#xff0c;并且yolov8从刚开始出来之后的小版本也升级好几次&#xff0c;总体变化不大&#xff0c;个别文件存放位置发生了变化&#xff0c;以下以最新版本的YOLOv8来详细学习和使用YOLOv8完成一次目标检测。 一、环境按照 深度学习环境搭建就不再…

Cesium 展示——实现鼠标移动到实体上动态高亮显示

文章目录 需求分析需求 在开发中,遇到这样一个需求:在绘制完实体后,要求鼠标移动到上边后有高亮的效果,看的清除一点,因此,经过尝试,做出了如下解决方案 在这里,我们以线为例,实现其动态高亮显示 分析 在这里我们首先需要有一个鼠标监听事件,在合适的位置注册鼠标监听…

uni.showModal的用法

uni.showModal({title: 提示,//标题content: "内容",//提示内容可以加入\r\n进行换行showCancel: true,//是否显示取消按钮&#xff0c;默认为truecancelText: 取消,//取消按钮的文字confirmText: 确定,//确认按钮的文字confirmColor: #ff0000,//确认按钮文字颜色can…

chrony时间服务

目录 1.1.重要性 1.2. Linux的两个时钟 1.3. NTP 1.4. Chrony介绍 2.安装与配置 2.1.安装: 2.2. Chrony配置文件分析 3.实验 3.1实验1 3.2实验2 3.常见时区 1.1.重要性 ●由于IT系统中&#xff0c;准确的计时非常重要&#xff0c;有很多种原因需要准确计时: 。在网络…

Netty核心源码剖析

Netty 线程模型 Netty高并发高性能架构设计精髓 主从Reactor线程模型NIO多路复用非阻塞无锁串行化设计思想支持高性能序列化协议零拷贝(直接内存的使用)ByteBuf内存池设计灵活的TCP参数配置能力并发优化 无锁串行化设计思想 在大多数场景下&#xff0c;并行多线程处理可以提…

网络原理之TCP协议(超详细 干货满满)

文章目录 前言TCP 协议的段格式TCP 协议的相关特性什么叫做可靠传输TCP 采用了哪些主要机制保证了可靠传输和优化传输效率1. 确认应答2. 超时重传3. 连接管理&#xff08;三次握手、四次挥手&#xff09;三次握手&#xff08;建立连接&#xff09;四次挥手&#xff08;断开连接…

【方法】如何给PDF文件添加“打开密码”?

PDF文件可以在线浏览&#xff0c;但如果想要给文件添加“打开密码”&#xff0c;就需要用到软件工具&#xff0c;下面小编分享两种常用的工具&#xff0c;小伙伴们可以根据需要选择。 工具一&#xff1a;PDF编辑器 PDF阅读器一般是没有设置密码的功能模块&#xff0c;PDF编辑器…

全志A523(显示篇一)

全志使用de架构&#xff0c;兼容drm架构 返回目录

全面的‘由于找不到mfc110u.dll,无法继续执行代码’的解决方法分享,3分钟教你快速修复

在我们使用电脑的过程中&#xff0c;有时候可能会遇到某个应用程序启动失败&#xff0c;提示“由于找不到mfc110u.dll,无法继续执行代码”的问题。本文将详细介绍如何针对这类问题进行处理&#xff0c;以及mfc110u.dll文件的相关知识。 一.mfc110u.dll文件盘点 首先&#xff0…

用豆瓣电影和掌桥科研练习网页解析的三种方式——正则、Xpath和bs4

网页解析 豆瓣电影解析方式正则表达式Xpathbs4 翻页 掌桥科研正则表达式Xpathbs4 豆瓣电影 解析方式 先爬取数据&#xff1a; # -- coding: utf-8 --** import requests import json import time import pandas as pdurlhttps://movie.douban.com/top250?start0&filter…

【带头学C++】----- 1.基础知识 ---- 1.21.23.9 位运算符的综合应用

最近做任务&#xff0c;公司项目比较重&#xff0c;赶上1024的活动流量券任务&#xff0c;内容治疗略微有一些杂乱&#xff0c;后期会把专栏目录重新搞一下&#xff0c;内容我是融合了很多课程和书籍包含ai的一些理解&#xff0c;我整理和增加了自己的见解和代码贴图&#xff0…

【java学习—八】关键字static(4)

文章目录 1. 前言2. 关键字static3. 代码理解3.1. 类变量3.2. 类方法3.3. 工具类3.4. 总结 4. 注意事项 1. 前言 当我们编写一个类时&#xff0c;其实就是在描述其对象的属性和行为&#xff0c;而并没有产生实质上的对象&#xff0c;只有通过 new 关键字才会产生出对象&#xf…

10-16/10-17 JavaWeb入门/servlet

JavaWeb 现实生活中的互联网项目都是javaWeb项目, 包含网络, 多线程, 展示: HTML等其他的前端技术, 界面窗体展示(Swing包,AWT包 窗体), C#, JAVAWeb架构:(面试重点&#xff1a;要求记忆) B/S: 浏览器/服务器 优点: 以浏览器作为客户端, 使用这个软件, 用户不需要下载客户端,…