Iconography

图标就是一个直观的小图片,它可以代表一个操作、一种状态或者一个应用本身。

启动图标 - Launcher

启动图标在“主屏幕”和“所有应用”中代表您的应用。因为用户可以设置“主屏幕”的壁纸,所以要确保您的启动图标在任何背景上都清晰可见。

大小和缩放

QQ截图20130111163608.png移动设备上的启动图标大小必须是 48x48 dp。

QQ截图20130111164601.png在 Google 市场 (Market) 中显示的启动图标必须是 512x512 像素。

内容

QQ截图20130111164829.png 不要留白, 48x48 dp

样式

轮廓和阴影如图所示。三维的正面视图,看起来稍微有点从上往下的俯视效果,使用户能看到一些景深。

操作栏 - Action Bar

操作栏图标是一个图像按钮,用来表示用户在应用中可以执行的重要操作。使用简洁明了的图画代表将要执行的操作,让用户一目了然。

使用 Android 图标来表示一些通用操作,例如“刷新”和“分享”。下面的链接提供了一个图标包,其中包括多种屏幕分辨率,以及对应浅色和深色的 Holo 主题的图标。包中还有没有样式化的图标,可以自由修改和您自己的主题搭配,并且提供了 Adobe® Illustrator® 源文件,供您做进一步修改。

下载 Android 操作栏图标包

大小和缩放

QQ截图20130111165119.png 图标应当是 32x32 dp。

内容区域

QQ截图20130111165212.png 整体大小是 32x32 dp

实际内容 24x24 dp

样式

形象化,平面,不要小细节,搭配使用平滑和尖锐的轮廓。如果图画是长瘦型的,将它转45度角再填满内容区。线的宽度不应低于2 dp

颜色

颜色: #333333

可用: 60% 的透明度

禁用: 30% 的透明度

颜色: #FFFFFF

可用: 80% 的透明度

禁用: 30% 的透明度

小图标和上下文图标 - Small / Contextual Icons

在您应用的主体区域中,使用小图标表示操作或者特定的状态。例如在 Gmail 应用中,每条信息都有一个星型图标用来标记“重要”。

大小和缩放

QQ截图20130111165346.png 小图标应当是 16x16 dp。

内容区域

QQ截图20130111165455.png 整体大小是 16x16 dp

实际内容 12x12 dp

样式

灰色为主、平面和简单。最好使用填充图标而不是细线条勾勒。使用简单直观的图画,让用户容易理解图标的目的。

颜色

在特殊情况下使用非灰色的图标。例如在 Gmail 应用中,就使用了黄色的星型图标表示重要的信息。如果图标是可点击的,使用和背景形成对比的颜色。

通知栏图标 - Notification Icons

如果您的应用使用通知系统,您需要给系统提供一个图标。每当有一条新的通知时,它就会显示在状态栏上。

大小和缩放

QQ截图20130111165546.png  通知栏图标大小必须是 24x24 dp。

内容区域

QQ截图20130111165856.png  整体大小是 24x24 dp

实际内容 22x22 dp

样式

使用简单、平面的图标,应当和您应用的启动图标视觉上相似。

颜色

通知单图标必须是纯白色的,注意系统可能会缩放或加深您的图标。

 

Optimize the following prompt: An AI-powered image editing app for creative photo manipulation. Key features include AI Auto-Enhance for instant improvements, Smart Object Removal to effortlessly erase unwanted elements, Background Replacement with AI-assisted selection, and a gallery of AI Style Transfer filters. Use a sleek dark mode with vibrant electric blue and deep purple accent colors. # App Blueprint ## Artify AI ### FEATURES ☆ AI Auto-Enhance * Instantly improve image quality using AI algorithms. ☆ Smart Object Removal * Remove unwanted objects from photos with AI-powered content-aware fill. ☆ Background Replacement * Replace photo backgrounds using AI-assisted selection tools. ☆ AI Style Transfer * Apply various artistic styles to images using AI style transfer models. ☆ Image Gallery * Browse and manage edited images within the app. ☆ Share Functionality * Share edited images directly to social media platforms. Add features by **customizing** the blueprint or **promoting** below. ### STYLE GUIDELINES 🎨 Color * Modern and intuitive layout with a focus on easy navigation and image previews. 🅰️ Typography * Headline font: 'Poppins' sans-serif for a geometric and fashionable style, used in titles. Body font: 'Inter' sans-serif, for the rest of the text. ⚙️ Iconography * Use clean, minimalist icons with a slight neon glow effect to complement the color scheme. ### STACK ☁️ AI * **Gemini, Genkit** * Gemini: A powerful AI model capable of understanding and generating various forms of input, including text, code, audio, images, and video. **Learn more** * Genkit: An open-source framework from Google that provides a unified API to access AI models and streamline AI logic, tool use, image generation, and more. **Learn more** 🖥️ UI * **TypeScript, NextJS, Tailwind CSS** * TypeScript: A popular programming language that adds type safety to JavaScript. * NextJS: A popular web framework built on React with support for client- and server-side rendering. * Tailwind CSS: A popular CSS framework that lets you style components inline with your HTML and maintain UI consistency across your app.
最新发布
10-03
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值