http://blog.ubooksapp.com/标签(空格分隔): app photoshop dpi 明明是程序猿,但我有一颗成为设计师的心。(~不打扰~)图标效果图: 图标为圆角,中间为一颗发芽的豆子,然后是阴影, so simple准备: 主题色(#64a652), icon() ps: 之前学过ps画图,但是手抖得不是一般厉害,只能网上找icon替代了。另推荐上阿里巴巴矢量图标
转载 2023-07-07 22:17:10
192阅读
Roman Jusdado 向我们展示通过PS的图层样式从草图阶段到最终达到真实效果的IOS图标制作过程。在教程中,我将解释,通过发光和投影来制作真实的效果,也就是一个留声机的app图标。使用PS强大的图层样式,我将告诉你怎样在短时间内完成这强大的效果。我们也将使用一种方式来快速改变纹理的颜色,并且我将分享在打造真实效果过程中的一些经验。01  首先画出标志
Spline是一个新出的轻量级3D软件,可以轻松创建和发布3D Web体验。快速构建和迭代,并可直接导出可开发的文件。1. 新建Spline文件打开spline软件,新建一个文件。这时默认会创建一个320✖️320px的白色背景,为了更好得显示,我们将背景放大至800✖️800,然后点左上角的锁定按钮,将白色背景固定住。2. Figma图标的构成从Figma官网上可以看到,Figma图标包含红、浅
前言“不务正业”的小凡又来了!(*^▽^*) 今天,我来跟大家分享一个漂浮的地标图标动效,做出来的效果就像一个?一样,在页面中飘飘忽忽的,很显眼的,放到页面中大概率能启到吸引人们注意的目的。一起来看一下,它是如何实现的吧!(* ̄︶ ̄)一、效果展示及思路分析1.效果展示 这是地标图标的样子,漂浮?嗯......O(∩_∩)O 嘿嘿,就让小凡我偷懒一次吧,(*^▽^*) 大家可以做出来自己看
# Android 图标上的提示信息 (Tooltip) 的实现 在Android开发中,用户体验至关重要。用户界面(UI)的良好交互必然能够提升用户的满意度和应用的可用性。为了帮助用户更好地理解界面上的功能,工具提示(Tooltip)作为一种轻量级的信息展示方式,被广泛应用于Android应用中。 本文将介绍如何在Android应用中实现图标上的提示,包括基本概念、实现步骤以及代码示例。
原创 2024-09-25 08:55:42
168阅读
之前在dribbble看到一个很好看的动画效果,很想要,遂仿之。也为了练一下自定义控件,有段时间了,现在整理出来 思路拆解一下,还是比较简单,需要绘制的有:圆形背景太阳(圆形)山(三角形)云朵(圆角矩形 + 三个圆)需要进行的动画:太阳 - 旋转动画山 - 上下平移动画云朵 - 左右平移动画不必绘制圆角外框,因为各个手机厂商的应用icon的圆角不一样,我们可以在Android Studi
在UI设计中,动效可以有更好的变现力,也更便于接受。但就目前而言,UI动效对于很多人来说还相对陌生,那如何才能构建隔离的UI动效让产品能为用户带来更好的体验呢?下面,就分享三个方法帮助你构建合理的UI动效。1、哪里开始动效主要是通过UI元素之间关系过渡来帮助用户浏览App。当然还可以通过使用图标、勋章以及插画动效来为App增色,但是建立产品可用性应该优先于增加动效表现力。在展示你的动效设计技巧之前
转载 2024-04-12 10:36:22
174阅读
在过去,Android应用程序的图标都是应该放到相应的分辨率的mipmap目录下,不过从Android8.0开始,Google已经不再建议使用单一的一张图片来作为应用程序的图标,而是应该使用前景和背景分离的图标设计方式。具体来讲,应用程序的图标应该被分为两层:前景层和背景层。前景层用来展示应用图标的Logo,背景层用来衬托应用图标的Logo。需要注意的是,背景层在设计的时候只允许定义颜色和纹理,不
在网站的导航资源里看到了一个非常好用的东西:Android Asset Studio,可以在线生成各种图标。之前一直在用一个叫做Android Icon Creator的插件,可以直接在Android Studio的插件里搜索,这个工具的优点是可以生成适应各种分辨率的一套图标,有好几种风格的图标资源,遗憾的是虽然有很多套图标风格,毕竟是有限的。Android Asset Studio可以自己选择其
bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可。 使用图标只需要加入一个span,class属性设置为对应的图标属性即可。图标对应的class属性可以参考菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-gl
IT
原创 2021-07-15 17:16:34
842阅读
通知剖析通知的设计由系统模板决定,您的应用只需要定义模板中各个部分的内容即可。通知的部分详情仅在展开后的视图中显示。图 7. 包含基本详情的通知图 7 展示了通知最常见的部分,具体如下所示:小图标:必须提供,通过 setSmallIcon() 进行设置。应用名称:由系统提供。时间戳:由系统提供,但您可以使用 setWhen() 替换它或者使用&nb
转载 2023-08-29 14:04:47
200阅读
快捷键 为了提高对选项菜单的操作速度,你可以在具有物理按键的设备上为菜单增加快捷键.快捷键可以对应键盘上的字母或数字.你需要做的是为<item>元素指定属性android:alphabeticShortcut 和android:numericShortcut 的值.你也可以在代码中使用方法setAlphabeticShortcut(char) 和setNumericShortcut(c
近日,华为向大批华为手机用户推送了鸿蒙OS2.0的内测系统,因为审核时间比较长,所以我们的Mate 40 Pro还没有通过,这里可以通过网上的消息给大家做个介绍。未来如果升级了的话,我也会第一时间给大家做上手。首先就是开机,华为手机升级为鸿蒙系统后,开机界面会有明显的不同,一开始是华为logo,接着就是HarmonyOS界面,没有再出现“Android”字样了。这也标志着华为手机正式脱离了安卓,开
Ⅷ. AnimatedVectorDrawable / 矢量图动画要想彻底搞明白 Android 中的矢量动画,先理解一下关于 SVG 的相关知识还是很有必要的:可以点击 SVG 讲解或 Wiki 查看。我们在这里只讲解 Android SVG 动画 相关的内容。相信大家一定看到过下图这个矢量动画:Android SVG 动画AnimatedVectorDrawable 类使用 ObjectAni
1. Icon finder 这个网站的界面非常干净,它只有一个目的:为你的web项目找到合适的图标。在搜索框中输入关键字,你便会得到一组自动滚动加载的图标。 网站也提供方便的工具。比如改变颜色、像素尺寸,这些选项都会帮助你找到最佳的图标。提供 png格式 。 2.Find Icons 该网站可以找到从黑白图标到3D彩色图标的各类品种,无论你是
转载 2024-01-09 20:21:47
28阅读
最近数码圈新机发布的少,但操作系统却打的火热。这边鸿蒙OS2.0刚刚公测,那边Android 12系统就正式登场了。谷歌正式发布Android 12(1)开放的系统风格与操作界面这么多年以来,国产手机用的基本上都是安卓系统,虽然它们在此基础上设计出了不同的UI界面,但无一例外都需要先得到谷歌的授权,否则就不能正常使用。而这次,谷歌将设计权交给用户。用户可以使用调色板、调线器等调整图标、线条、颜色的
本来打算接着上篇继续属性动画的总结,由于比较忙,这部分内容会在后面补充分享。Android 8.0 引入了自适应应用启动图标,可在不同的设备中显示不同的图标,如自适应图标可以在一台设备上显示为圆形,在另一台设备上显示为方形,每个 OEM 厂商都会提供一个 mask,系统会自动将自适应图标渲染成相同的形状,自适应图标也可以使用到设置、分享等想保持统一图标风格的位置,下面是一张官方的启动图标说明图如下
  Toolbar也是在一个 Material Design 风格的导航控件 ,以此来取代之前的 Actionbar 。与 Actionbar 相比, Toolbar 明显要灵活的多,可以添加导航栏图标 、 App的logo 、 标题和子标题 、 自定义控件 、以及 ActionMenu等,效果图如下: 那么我们就来学习一下如何使用它吧。一、按照惯例,先创建项目,然后添加v7的依赖包co
转载 2024-08-08 13:15:08
47阅读
android可以直接使用单个icon(svg,png)。也可以直接引入字体应用: 第一步:从iconfont平台选择要使用到的图标,并下载至本地;复制字体文件到项目 assets 目录 第二步:打开从iconfont平台下载下来的文件,并在目录中打开demo.html,找到图标相对应的 HTML 实体字符码; 第三步:打开 res/values/strings.xml,添加 string
转载 2023-05-24 15:43:20
339阅读
文章目录一、如何更换1.icon原理2.图标指向的文件3.ImageAsset工具二、icon不变的问题 一、如何更换1.icon原理 背景和前景,然后用mask裁剪出了一张圆形的应用图标。2.图标指向的文件 在Manifest文件下可以看到这两个属性:android:icon 这个属性将应用的图标指定为了mipmap目录下的ic_launcher文件。android:roundIcon 圆角矩
转载 2023-07-27 22:00:26
98阅读
  • 1
  • 2
  • 3
  • 4
  • 5