C. UI Quick Reference Card
This page is not a design theory class—it's just a set of practical expression terms that are enough for the basics. When you're modifying the interface in Chapter 3 and can't quite find the right words, you can come here to borrow some phrasing.
Style Direction Terms
| The feeling you want | You can say it like this |
|---|---|
| Minimal and professional | Clean, restrained, information-first, clear hierarchy |
| Warm and friendly | Human, easy to engage with, relaxed, not stiff |
| Slightly tech-oriented | Fresh, digital feel, a touch of futurism, but no need to show off |
| More like a polished project | Not like a default template, clear priorities, visual focus |
Color Expression Terms
| What you want to convey | You can say it like this |
|---|---|
| Clean and bright | Light colors, airy, fresh, plenty of whitespace |
| Steady and restrained | Low saturation, slightly darker, not too flashy |
| With an accent color | Keep only one main color, hold back the rest |
| Not too busy | Avoid too many gradients, and don't let colors jump around randomly |
Layout and Hierarchy Terms
| Problem | You can say it like this |
|---|---|
| The page feels too scattered | The first screen feels too scattered; please strengthen the visual hierarchy |
| The page feels too cramped | The sections are too cramped; please add more whitespace and breathing room |
| The focus is unclear | Please make the name, one-line introduction, and primary button stand out more |
| It feels like flat information | Please create more distinction between the title, body text, and supporting information |
Interaction and Experience Terms
| Goal | You can say it like this |
|---|---|
| Let visitors know who you are | Visitors should be able to tell who I am at a glance when they open the first screen |
| Make the chat entry point easier to notice | Please make the chat entry point more noticeable, but without overpowering the page |
| Make buttons feel truly clickable | Please give the primary button clear feedback and a real destination |
| Support mobile as well | Please ensure the text is readable on mobile and sections do not overlap |
A Very Practical Interface Description Template
text
The problem with the current page is: ______
I want it to feel like this: ______
For now, please only adjust these parts: ______
Do not change these parts: ______If you can clearly explain the "problem + feeling + boundaries," that is usually already enough.