为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有国际标准规范 全尺寸banner为468*60px， 半尺寸banner为234*60px， 小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 由于
转载
2024-07-23 20:28:25
93阅读
Android应用Icon大小在不同分辨率下定义作者: Android开发网原创 时间: 2010-10-09 对于Android平台来说，不同分辨率下Icon的大小设计有着不同的要求，对于目前主流的HDPI即WVGA级别来说，通常hdpi的应用icon大小为72x72，而标准的mdpi即hvga为48x48，对于目前HTC和Motorola推出的一些QVGA的使
转载
2023-08-16 14:57:40
136阅读
在运行时，程序为最佳显示效果提供了三种方法：1.图片缩放基于当前屏幕的精度，平台自动加载任何未经缩放的限定尺寸和精度的图片。如果图片不匹配，平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求。例如， 当前为高精度屏幕，平台会加载高精度资源(如图片)，如果没有，平台会将中精度资源缩放至高精度。2.自动定义像素尺寸和位置如果程序不支持多种精度屏幕，平台会自动 定义像素绝对位置和尺寸值等
转载
2023-06-30 19:06:48
69阅读
LOGO的国际标准规范 为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有三种规格： 1.88*31 这是互联网上最普遍的LOGO规格。 2.120*60 这种规格用于一般大小的LOGO。 3.120*90 这种规格用于大型LOGO。 LOGO的国际标准规范 为了便于INTERNET上信息的传播，一个
转载
2023-12-23 13:25:49
201阅读
Android平台根据分辨率计算屏幕尺寸，基于物理尺寸来验证手机和平板应用合并的可行性 出发点：Android系统本身是支持多种分辨率的，如图1所示，一般情况下要适配不同尺寸的设备只需要做两件事，1. 根据4种不同的屏幕尺寸提供4套UI布局（layout)。 2. 根据4种不同屏幕像素密度（单位英寸的像素值）提供4套界面元素的图片。图1&n
第二章 APP常用元素制作
2.1 图形制作
2.1.1 圆形、椭圆 page 134
2.1.2 正方形、长方形 page 137
2.1.3 圆角 &
App Shortcut功能最近手机在升级Android 7.1之后，长按某些APP图标就会弹出菜单，类似于IOS的3D touch功能，如下图：看了系统更新的文档才知道该功能叫做App Shortcut，目前只有少部分的应用支持这个功能，之后随着Android版本的更新，将会有大批APP适配该功能。实现App Shortcuts有两种形式：动态形式：在运行时，通过ShortcutManager
转载
2024-09-13 20:26:14
142阅读
# 在Android中设置Shortcut图标尺寸的完整指导
你好，作为一名新入行的开发者，了解如何设置Android Shortcut图标的尺寸是一个很重要的技能。本文将为你详细介绍整个流程，并提供各步骤的具体代码示例以及注释，以便你理解每一步的含义。
## 整体流程
首先，我们通过表格的形式来展示整个过程的步骤：
| 步骤 | 描述
原创
2024-10-11 08:39:21
557阅读
来源：壹念视觉字 体Typography中文字体：Source Han Sans / Noto英文字体：Roboto元 素字 重字 号行 距字间距App barMedium20sp--ButtonsMedium15sp-10HeadlineRegular24sp34dp0TitleMedium21sp-5SubheadingReg
转载
2023-07-07 09:06:05
272阅读
# Android 通知 icon 的尺寸
在 Android 应用程序中，通知是一种重要的方式来向用户传达信息。其中，通知 icon 是用户在通知栏中看到的小图标，用于表示通知的来源或类型。在设计和开发 Android 应用程序时，合适的通知 icon 尺寸是至关重要的。本文将介绍 Android 通知 icon 的尺寸规范，并提供代码示例来帮助开发者更好地处理通知 icon。
## And
原创
2024-05-12 07:04:02
440阅读
在背景层上拉一个径向渐变，颜色如图所示~~新建一层，D键把前景背景改为默认，填充白色，选择滤镜-杂色-添加杂色，平均分布，数量50%，勾选淡色，如图所示确定后把混合模式改为柔光，透明度30%新建一个圆角矩形，如图所示，调整好圆角，填充颜色随便。Ctrl+a 选择水平居中，垂直居z中，Ctrl+d取消选择双击圆角矩形添加图层样式~，数值如下还有内阴影，颜色叠加、颜色数值如图所示：新建一层
以下内容都是我在做App时通过自己的经验和精品的分析得来的，希望会帮助到你。但是有时个别情况也要个别分析，要活学活用。一. App Icon在设计iOS App Icon时，设计师不需要切圆角，直接矩形就可以。下面是App Icon需要的尺寸和命名（尺寸和命名不做解释）：尺寸
转载
2023-09-13 20:00:40
524阅读
图标（ICON）是任何设计系统中都不可或缺的一部分。使用图标的主要原因就在于它可以帮助用户快速解释想法、快速导肮、解决语言障碍等问题，以此让用户旅程变得可用且愉快。ICON作为一种设计工具，在UI/UX设计师之间最受欢迎。它对每个人来说都是简单易懂的，同时图标所具有的这些特性也赋予了它们通用数字语言的地位。今天，我们就给大家来分享几个ICON设计的最佳原则，来帮助大家在UI/UX中设计出完美的图标
转载
2023-07-14 15:28:20
662阅读
如图所示：各种尺寸
原创
2023-05-08 19:33:43
104阅读
APP尺寸是很多UI设计师头疼的事情，很多新手设计师在不了解尺寸的情况下直接上手做，结果在对接前端的时候，会遇到很多事情。有一个真实的案例，就发生在我身边，有一次我们公司新招了一个UI设计师，由于工作经验不足，设计不够仔细，页面中有很多地方都没有对齐，字号不统一，尺寸不统一。在项目交接会上，前端直接发飙把UI当场骂了一顿，当然那个UI也是离开公司了。其实这种情况很常见，在设计Android或者AP
转载
2024-08-20 16:26:16
65阅读
度 导航栏高度
原创
2022-11-28 16:55:28
237阅读
作者介绍: 顾轶灵，百度商业平台研发部资深研发工程师导语在产品中适当使用图标，可以让产品更生动，也更简洁。在前端项目中，处理和引入图标都是必不可少的环节。在 Web 产品中引入图标，大致经历过如下几个阶段：使用独立的图片来引入图标使用 CSS sprites 技术使用字体图标(font icons)使用 SVG(inline SVG/SVG sprites)在前端视图层框架中封装组件本文将简单梳理
原因分析分析客户端眼中的行高首先我们要知道文字的几个属性，一般有以下几个• ascent:基准线到文字最高处的推荐距离• desent:基准线到文字最低处的推荐距离• baseline：基准线• top：基准线到文字最高处的最大距离• bottom：基准线到文字最低处的最大距离• leading：2行文字的assent与desent的距离如图：image.png所以，可以有这些属性得知：image
转载
2024-01-27 17:08:42
47阅读
说明：1.对象为UI设计师和Android工程师等开发人员。2.方法有千种，开发工程师有万个，仅供参考，不喜就拿着你的建议留言，勿喷。3.文档的本质是备份与查看，对外方便协作与对内提升效率。4.文档不是万能的，如果文档查看对象看不懂，就没任何意义。我喜欢当面沟通，因为能避免大部分文档的局限性5.感谢Android开发工程师高鹏的指正与指导。Android规范一：手机尺寸Android是必须要讲下手
转载
2023-06-28 23:25:04
122阅读
1.定义准确形象 icon也是一种交互模块，只不过通常以分割突出界面和互动的形式来呈现的。其中以交互式为主要运用手段。而icon对于一般起是充当指示、提醒、概括、表述等作用，所以在icon定义的时候一定要准确，非但不能模糊反而比logo的定义还要清晰。 比如：新建，添加，删除，搜索等都要遵循简洁通用这个一个基本的原则。否则用户辨识度上会导致操作成本上升的结果。通常也会造成阅读和操作的障碍。 如
转载
2023-09-25 14:09:57
201阅读
