Wake · AI mark
AI needs some representative visual symbols to distinguish it from human avatars or other icons.
Design goals
Using image logos representing AI in product interfaces can attract users’ attention and open up new explorations. Artificial intelligence visual symbols should be highly recognizable and can quickly attract users’ attention among many images, allowing users to identify the artificial intelligence at a glance. It is both simple and versatile, easy to be understood and accepted by different users, considers coordination with different platforms and interfaces, and can be naturally integrated into various digital environments to provide users with a consistent and smooth visual experience.
AI mark options
Consistent image design increases predictability and trust among users and consumers. As AI use cases continue to evolve, we’ll see icon usage evolve with them. The four-pointed star flash point is very common and usually represents the function of AI. It is also used to distinguish information generated by or with the help of AI.
💻 Web scenarios
Let’s take the newly added AI image logo this time as an example to illustrate several common scenarios.
📌 Pinned to the browser extension bar
Many AI assistant entrances are installed on various browsers and are often fixed in the browser extension bar. With their convenient and obvious entrance locations, these AI assistants continue to attract users to open and use them, bringing great convenience to life and work.
🍃 Floating at the page side
AI assistants will appear on the side of the page in a suspended manner. They are eye-catching with their convenient location and unique design. They can be on call at any time when the user is working, provide users with efficient assistance, and become a powerful partner in the user's work.
😋 Contextual entry points
There is also an AI assistant that does not exist permanently, but will appear in time according to specific task scenarios. When the user is in a specific working situation or performing a specific task, the AI assistant will display its entrance in the right way and help the user complete various tasks efficiently in a timely manner.
👋 Triggerable Quick Bar
In addition, there are some AI assistants that can trigger the smart toolbar (Quick Bar) during the editing process. When users are immersed in editing tasks, the AI smart toolbar can be activated at the right time to provide users with convenient and efficient auxiliary tools, making the work process smoother and more accurate.
📱 Mobile scenarios
🤖 AI-native apps
Many mobile AI native applications have independent and extremely stable entrances, which are often intuitively reflected by well-designed and representative product logos. Whether on the dazzling home screen of a smartphone or in various convenient application drawers, users can quickly locate the corresponding mobile AI native application entrance by relying on the visual recognition of these unique logos.
📌 Pinned to the product bottom nav
The mobile AI portal is often fixed at the bottom navigation bar of the product. The AI portal on the bottom navigation bar is a relatively stable module. Whenever and wherever users need to interact with AI, they can quickly interact with powerful artificial intelligence through this fixed portal.
🍃 Floating at the product side
On the mobile side, there are also some AI portals that will appear on the side of the product in a suspended form, which does not take up too much screen space and can appear in time when users need it, providing users with convenient AI services. For example, in map products, users can wake them up when they need them.
😋 Contextual entry points
In some scenarios on the mobile terminal, some thoughtful AI intelligent operation portals will appear along with the user's task scenarios, providing users with convenient and efficient artificial intelligence assistance. It closely meets the actual needs of users, lends a helping hand when users need it most, and helps users successfully complete various tasks.
👋 Triggerable Quick Bar
Similarly, in some editing scenarios on the mobile terminal, the smart toolbar (Quick Bar) will be triggered. When users are immersed in editing tasks on the mobile terminal, it adds intelligence and efficiency to users' editing work with its convenient and efficient features.
React original: [Wake-up | AI Identifier] (https://x.ant.design/docs/spec/wake-up-ai-icon-cn).