Home of English Grammar

Grammar Guide
  • Home
  • Exercises
  • Matches
  • Rules
  • Tools
    • Grammar Checker
    • Very Replacer
    • Word Counter
  • Top Social Media Posts
  • Various Posts
  • Vocabulary
  • Writing Guides
  • Contact

100 Words Every UI Designer Should Know

July 17, 2026

100 Words Every UI Designer Should Know

No. Item Definition
1. accessibility usable by people with disabilities
2. accordion expandable stacked content sections
3. active currently engaged or selected
4. affordance clue about possible action
5. alert important attention-grabbing message
6. alignment lining elements up consistently
7. avatar user profile image
8. badge small status or count marker
9. balance stable visual distribution
10. banner wide message area
11. bold heavier text style
12. border line around an element
13. breadcrumb path showing current location
14. breakpoint screen width layout change
15. button clickable control element
16. caption short text for media
17. card grouped content container
18. checkbox box for on or off
19. clarity ease of understanding content
20. color hue used in the interface
21. consistency uniform behavior and appearance
22. contrast difference that improves visibility
23. CTA prompt encouraging user action
24. default preselected standard option
25. dialog window for focused interaction
26. disabled temporarily unavailable for use
27. discoverability ease of finding features
28. drawer panel sliding from an edge
29. dropdown expandable list of choices
30. easing speed curve of animation
31. empty state screen with no content yet
32. error problem needing correction
33. feedback response to user action
34. fidelity degree of design detail
35. fill interior color of a shape
36. filter tool for narrowing results
37. flow sequence of user steps
38. focus active element for interaction
39. form group of input fields
40. friction unnecessary difficulty in use
41. gesture touch or motion command
42. gradient smooth color transition
43. grid structure for aligning content
44. heuristic practical rule for evaluation
45. hierarchy order of visual importance
46. hover pointer resting over element
47. icon small symbolic graphic
48. input field for user entry
49. interaction exchange between user and interface
50. italic slanted text style
51. JPEG compressed photo image format
52. kerning space between letter pairs
53. label text naming a control
54. layout arrangement of interface elements
55. leading space between text lines
56. legibility ease of recognizing letters
57. loading content currently being fetched
58. margin outer space around an element
59. menu list of available options
60. microcopy small helpful interface text
61. mockup static visual design preview
62. modal overlay dialog requiring attention
63. navigation system for moving around
64. onboarding introductory user guidance flow
65. opacity degree of transparency
66. padding inner space inside a container
67. pagination navigation across multiple pages
68. palette set of chosen colors
69. pixel smallest screen picture unit
70. placeholder hint text inside input
71. PNG lossless image file format
72. proportion size relationship between parts
73. prototype interactive model for testing
74. radio button single-choice selection control
75. radius roundness of corners
76. raster pixel-based image format
77. readability ease of reading text
78. scale relative size adjustment
79. search tool for finding content
80. shadow dark effect suggesting depth
81. slider control for selecting a value
82. sort arrange items by rule
83. spacing empty distance between elements
84. stroke outline of a shape
85. SVG scalable vector image format
86. tab section switch within a view
87. thumbnail small preview image
88. toast brief temporary notification
89. toggle switch between two states
90. tooltip small hover information box
91. tracking overall letter spacing
92. typography style of text in design
93. usability ease of using a product
94. vector scalable graphic format
95. viewport visible area of a screen
96. visibility how easily something is seen
97. warning cautionary message or status
98. weight thickness of type strokes
99. whitespace unused space aiding clarity
100. wireframe basic structural design sketch
  • Share
  • Post
  • Post
  • Reddit
  • Email
  • WhatsApp
NEW: Try Matches, our daily vocabulary challenge. Pick a topic and level and match words with definitions to boost your vocabulary.
2,485,429 
761,532 
Improve Your Grammar
  • Download 2026 Grammar Guide (PDF)
  • Free Weekly Exercises & Vocabulary
  • Join over 3 Million English Learners
We respect your privacy. Unsubscribe anytime.

Grammar Checker

GrammarCheck.net - Try online
Hint → Bookmark GrammarCheck for future use.

Latest Posts

  • Why “pwned” looks wrong, but is a real word online July 17, 2026
  • 100 Best Synonyms for “Currently” July 17, 2026
  • 100 Words Every UI Designer Should Know July 17, 2026
  • 100 Questions to Ask Before Accepting a Job Offer July 17, 2026
  • 100 Best Synonyms for “Honoring” July 17, 2026
  • 100 Best Synonyms for “Floral” July 16, 2026
  • 100 Words Every UX Designer Should Know July 16, 2026

Copyright © 2026 · EnglishGrammar.org
Disclaimer · Pro · Privacy Policy · Refund Policy · Sitemap · Terms

Improve Your Grammar
  • Download 2026 Grammar Guide (PDF)
  • Free Weekly Exercises & Vocabulary
  • Join over 3 Million English Learners
We respect your privacy. Unsubscribe anytime.