Tag Archive

UI design

Explore all AI tools, news, prompts, FAQs and use cases related to UI design.

Total: 6 News: 6 Directory: 0

News & Insights

Latest articles, prompts, use cases and editorial content about UI design

AI Prompt 1 weeks ago

Premium Iced Tea Brand Identity – Complete Visual System

A high-quality complete brand identity presentation board for a premium iced tea brand named "Chengxia Iced Tea" (Chinese brand name: 澄夏冰红). The overall visual style references Apple’s official website-level minimalist aesthetic and high-end consumer brand visual systems—restrained, abundant white space, modern, pure, premium, and orderly. Do not include the Apple logo, Apple trademark, or direct copies of Apple product designs. Only borrow the minimalist, high-end, quiet, and refined brand presentation approach. Brand setting: Original premium iced tea brand. Brand name: "Chengxia Iced Tea". Product positioning: youthful, high-end, light lifestyle, refreshing but not cheap iced tea. Core keywords: pure, cold, summer, tea notes, fruit aroma, modern, refined. Content requirements: This is a complete brand identity proposal board, not a single poster. The layout should resemble a Behance portfolio case study for a full brand identity system, including: 1. Brand logo design, 2. Brand wordmark, 3. Key visual posters, 4. Bottle packaging design, 5. Can design, 6. Outer box packaging design, 7. Color system, 8. Typography system, 9. Brand application mockups, 10. Advertising visuals and social media assets, 11. Website homepage / mobile interface presentation, 12. Brand scenario photography. Visual style: Apple website-level minimalist premium feel. Primary colors: white, icy translucent gray, light tea brown, amber orange, cool silver. Low saturation but high-end look. Subtle glass texture, transparency, liquid reflection. Clean background, strong grid-based layout, ample white space between modules, like a high-end consumer brand proposal. No clutter, no low-end beverage promotion style, no convenience store poster aesthetic. Logo direction: A clean, modern Chinese logotype "澄夏冰红" paired with an English auxiliary wordmark "CHENGXIA ICED TEA". Minimalist, geometric, refined, strong brand presence. Subtle graphical elements such as abstract tea leaves, water droplets, light halos, or icy lines may be included but kept restrained. Packaging design: A set of premium iced tea packaging designs: clear glass-style bottle version, ultra-minimalist can version, and outer box packaging. Packaging shapes should be clean, label design high-end (like premium skincare or boutique beverage packaging). Liquid should appear as clear amber tea color with condensing water droplets and an icy feel. Avoid traditional mass-market beverage patterns or flashy graphics. Key visual posters: Create 1–2 high-end advertisement posters showing the bottle suspended against a pure background, surrounded by ice cubes, tea leaves, lemon slices, condensing droplets, and refractive light. Overall composition should be as restrained and textural as an Apple product ad. Minimal copy, such as "A clearer iced tea" or "Summer, return to the purity of tea." Typography clean, generous white space, refined typeface. Brand application mockups: Show the brand applied in the following scenarios: bottle front and side label, can display, takeout paper bag / shopping bag, poster lightbox, square social media key visual, website homepage hero section, mobile product page, in-store cooler display or pop-up store presentation. Website / UI presentation: Include a minimalist website homepage and mobile screen, styled like a high-end consumer brand site (hero product image, brand philosophy page, product introduction page, flavor notes page, purchase page). The interface must be extremely minimalist, white background, large imagery, strong white space, combining Apple’s website aesthetic with premium beverage brand sites. Typography and layout: Modern sans-serif typefaces, clean, comfortable spacing, large but restrained headlines, minimal body copy. Overall layout must feel like a mature brand proposal, not a student project or e-commerce detail page. Photography and material rendering: Product photography must be extremely high-end, showcasing true-to-life textures of glass, liquid, metal, condensing droplets, clear plastic, paper boxes, ice cubes, and tea leaves. Soft but layered lighting, like top-tier commercial still life photography. Achieve an "Apple-level premium质感 + boutique beverage advertising" look. Final result: The entire image must read as a complete premium iced tea brand visual identity system proposal—minimalist, cohesive, modern, international, and suitable for a brand launch or portfolio case study.

AI Prompt 1 weeks ago

UI Design Case Study – Pet Health Management Mobile App Showcase

A high-quality mobile UI design showcase poster, theme is "UI Design Case Study – Pet Health Management Category". The overall style strictly references outstanding pet app portfolio display images currently on the market: trending UI share images, popular pet product designs on Dribbble, premium app display boards on Behance. It must not look like a backend system style, not a hospital management interface, but an upscale mobile product design for "pet lifestyle + light health management". Overall layout requirements: Vertical 4:5 ratio display poster, deep charcoal gray background. A large Chinese title at the top, with 8 mobile phone interface mockups neatly arranged below. The entire composition should look like a complete set of UI work shared by a designer. The layout references pet UI case images: visually relaxed, cute but not childish, unified, with a strong commercial sense, suitable for social media/portfolio display. Very important: All mobile phone interfaces must strictly use the real long-screen phone ratio, close to the 19.5:9 ratio of iPhone 15/16. The screen proportion must be elongated, not short and fat, not resembling a webpage, not resembling a tablet. Every mobile phone screen content must maintain a fixed aspect ratio close to 9:19.5. The phone outer frames must be unified, with thin bezels, a realistic top status bar, and a natural bottom home bar. All phone proportions must be completely identical. Overall visual style: References the aesthetic direction of excellent pet UI design cases: Large rounded corner cards Clean and ample white space Soft light-colored backgrounds Partial high-saturation accents Large pet images as the main visual Combination of illustrations and real pet photos Light, bright, and modern colors No heavy medical feel, no complex charts or backend panels Color system: Primary colors are cream white, light apricot, peach orange, butter yellow, soft mint green, and light beige gray. The overall feel is warm, healing, cute, and premium. A small amount of bright orange or bright yellow is used for button accents. Avoid large areas of dark green medical style, avoid dull color schemes. Title area requirements: Only use Chinese at the top, no English main title, no designer credit, no text like "KIMI" or "DESIGN BY". Main title: UI Design Case Study — Pet Health Management Subtitle optional: Premium, Light Medical, Healing Mobile Product Design Overall display structure: 8 mobile phone interfaces arranged in 4 on top and 4 on the bottom, with neat spacing. The phone sizes are all unified, but the content on each page must have rhythmic variation, and must not look like a copy-pasted template. Product setting: This is a pet health management app named "PawPaw Health", primarily serving cat and dog owners, helping to record pet health, remind about vaccinations, feeding, consultations, and nearby hospital information. Although the theme is "health management", the UI expression style leans more towards a pet lifestyle product, with more affinity and market appeal like the reference images. The 8 pages are as follows: Splash screen Large pet main visual, one dog and one cat, composition is cute but premium, page is simple. Chinese copy: PawPaw Health Recording Every Moment of Companionship Button: Enter Now Home page Contains pet avatar, today's overview, feeding reminder, vaccination reminder, recent health data. Page structure references excellent pet apps on the market: the upper half of the home page includes a welcome area and search/pet switching function, the middle features large cards, the lower part includes function entries and recommended content. Chinese copy: Today's Overview Feeding Reminder Next Vaccine Health Status Pet profile page Centered on a large pet photo, cards below display information such as age, weight, breed, allergy history, birthday, etc. Must not look like a hospital form page; should resemble a premium pet information card. Chinese copy: Pet Profile Age Weight Breed Allergy History Vaccination reminder page Use more visually appealing timeline cards or calendar reminder methods to display vaccination, deworming, and health check nodes. The page must feel lightweight, not like a backend panel. Chinese copy: Vaccines & Reminders Expiring Soon Completed Add Reminder Feeding record page Refer to lifestyle app layouts, using cuter cards and icons to display today's feeding, water intake, and time reminders. Chinese copy: Feeding & Hydration Today's Feeding Water Intake Record Auto Reminder Health report page Use modern, simple, and minimal trend charts to display weight, activity level, sleep, and appetite. Charts must be beautiful and lightweight, not complex medical backend charts. Chinese copy: Health Report Weight Trend Activity Level Sleep Appetite Status Online consultation page Use a modern chat interface, with veterinarian information at the top, chat history in the middle, and options at the bottom for "Upload Photo", "Describe Symptoms", and "Send". Overall feel must be trustworthy but relaxed. Chinese copy: Online Consultation Upload Photo Describe Symptoms Send Nearby hospitals page A small map in the upper section, a list of hospital cards in the lower section, including distance, business status, appointment button, and 24-hour emergency information. Chinese copy: Nearby Hospitals Open Now Appointment 24-Hour Emergency Interface design requirements: All text must be in Chinese No English buttons, English navigation, or English page names Icons must be simple, modern, and not childish Pet images must maintain a unified style: realistic, cute, and clean Pages must resemble excellent pet UI designs on the market: relaxed, marketable, healing, and shareable Do not make every page look like a system form Every page must have a clear main visual and hierarchical variation Cards with large rounded corners, light shadows, bright white space, and strong visual breathing room The overall style leans more towards a "trending UI share image" rather than a "corporate presentation board" Final effect: The entire image should look like a highly upvoted UI share work found on social media, with a unified style, comfortable colors, realistic and elongated phone proportions, beautiful interfaces, a modern feel, feasible for real implementation, and clearly exhibiting the premium aesthetic sense of excellent pet products on the market.

AI Prompt 1 weeks ago

Iconic Video Game Interface Screenshots

Here are the translations optimized for AI image generators (like Midjourney, DALL-E 3, or Stable Diffusion), ensuring all text within the image is in English: 1. Cyberpunk 2077 Prompt: A screenshot of the Cyberpunk 2077 game interface, showing a Night City street, with clear "Main Job: The Metal Man" quest text and objectives on the right side of the screen. 2. Overwatch 2 Prompt: A screenshot of the Overwatch 2 game interface, a chaotic combat scene, displaying the player name "GENJI" and "ULTIMATE CHARGE 85%" text in the bottom left corner. 3. Elden Ring Prompt: A screenshot of the Elden Ring game interface, the player facing Malenia, with huge red "MALENIA, BLADE OF MIQUELLA" text at the bottom of the screen. 4. Red Dead Redemption 2 Prompt: A screenshot of the Red Dead Redemption 2 game interface, the town of Valentine under sunlight, displaying the location text "VALENTINE, NEW HANOVER" in the top right corner. 5. The Witcher 3: Wild Hunt Prompt: A screenshot of The Witcher 3: Wild Hunt game interface, Geralt riding a horse through Velen, displaying the quest "Find Ciri: The Last Wish" and inventory item text in the top left corner.

AI Prompt 1 weeks ago

UI Design Mockup: Bilibili-Style Dark Mode Video Page Featuring iPhone 18 Pro

Generate a pseudo-realistic screenshot of a Chinese video platform webpage, featuring an overall dark mode interface, with a style similar to the Bilibili video playback page. The main screen displays an Apple new product promotional video, featuring an extreme close-up of a copper-gold / deep champagne-gold smartphone that occupies the main area of the video player. The background is black, with strong studio lighting and shadows, highlighting the metal body, triple-camera module, lens highlights, and a premium industrial design texture. The video player content is a close-up product advertisement shot, with the back of the phone facing the audience. The camera module is huge and distinct, conveying the minimalist, restrained, and premium feel of an Apple commercial. Chinese subtitles at the bottom of the screen read: "This is iPhone 18 Pro". Below the video player is a complete video information section: The video title is similar to: "iPhone 18 Pro | Unbelievably Stunning" The publisher account is "Apple" Includes metadata such as view count, comment count, upload time, current viewer count, and a BV number in Chinese format. Features interaction buttons for Like, Coin, Favorite, and Share. Includes a pink "Follow" button. The overall layout is consistent with a real Chinese video website. On the right side is the comment section, using a dark panel. The comments are in Chinese, showing extensive user discussion about the new product, resembling real hot comments in a tech section: Includes an official pinned comment. Features different avatars, nicknames, level badges, regional sources, like counts, and reply buttons. Comment content revolves around exterior design, chip performance, camera control, color schemes, and pricing. The overall look resembles a screenshot of a comment section for a trending tech video.

AI Prompt 2 weeks ago

Epic Fantasy RPG Game Login Screen – 16:9 Horizontal Layout

anime-style fantasy RPG login page, 16:9 widescreen, main character standing before ancient mystical ruins, floating islands in the distance, ancient castle, glowing runes, sky rift, epic adventure atmosphere, deep immersion, luminous magical lighting, premium game UI design, game logo placeholder at upper center, Start Game button area below center, account login bar, server selection, announcements entry, user agreement link at bottom, refined unified interface style, high-end game HUD aesthetics, rich yet balanced colors, detailed character art, layered background depth, commercial-grade game launch screen, 4K, ultra-high definition, crisp details, complete UI layout, balanced composition

AI Prompt 3 weeks ago

Elon Musk E-commerce Live Stream UI Mockup

E-commerce live stream UI mockup, generate a realistic social media live stream interface overlaid on a portrait, including customizable chat messages, gift pop-ups, and product purchase cards. Subject Description: Person: A portrait of Elon Musk, smiling, wearing a black T-shirt with a white technical diagram print. Background: A screen on the left displaying the text "SPACEX", and on the right, a red "Tesla T logo" and a dark-colored car. UI Overlay: Top Header: Host Info: Avatar, name "Elon Musk", subtitle "556k likes this session", red "Follow" button. Rank Badge: A gold coin icon with "No. 1 on the site". Viewer Stats: 3 top viewer avatars, showing "123k", "86k", "57k", total "687k", "X" close button. Right Links: "More live >", "Gift Gallery 0/24" (with a blue "Classic" tag). Mid-Left Gifts: Avatar "Tech Enthusiast", "sends Little Heart", heart icon x 1314. Avatar "Sea of Stars", "sends Rocket", rocket icon x 666. Bottom-Left Chat: System Message: Level 37 badge "Cosmic Rover has joined the live stream". Chat Messages: Little Rocket: Musk! The future is promising! 🚀 future: When is the Tesla Model 2 coming out? Star Dreamer: Can SpaceX go to Mars this year? AI Explorer: How is Neuralink progressing? Handsome Netizen: Hello, Boss Ma! Mars: First time in your live stream, so excited! User123: Tell us about AI, will it replace humans? Bottom-Right Product Card: Hot Tag: Orange "Hot Sale x 1888". Product Image: Tesla Cybertruck. Product Title: Tesla Cybertruck Electric Pickup. Price: ¥ 1,618,000. Button: Red "Grab" button. Floating Animation: Semi-transparent hearts floating up along the right edge. Bottom Bar: Input Field: "Say something...". Icons: Smiley face, three dots, shopping cart, gift box, share.

1