design is the process designers use to build interfaces in software or computerized devices, focusing on looks or style
Contents
UX
UI
CX
SD
IxD
Research icon
Research
Research
Rules icon
Rules
Rules
Metrics icon
Metrics
Metrics
Principles icon
Principles IxD
Principles IxD
General terms icon
General terms SD
General terms SD
User Feedback icon
User Feedback
User Feedback
Composition icon
Composition
Composition
General terms icon
General terms IxD
General terms IxD
Experience type icon
Experience type
Experience type
Analytics icon
Analytics
Analytics
Grid Type icon
Grid Type
Grid Type
Approach icon
Approach-CX
Approach-CX
Approach icon
Approach-UX
Approach-UX
Elements icon
Elements
Elements
Production icon
Production
Production
Typography icon
Typography
Typography
Testing icon
Testing
Testing
Color icon
Color
Color
Structure icon
Structure
Structure
Ecosystem icon
Ecosystem
Ecosystem
2-second rule
3-Click Rule
60-30-10 Rule
8dp Grid
A/B Testing
Above the fold
Accessibility
Activity-centered design (ACD)
Actor
Affinity map
Alert
Alternative colors
Animation
Anti-pattern
Aspect ratios
Autocomplete
B2B customer experience
B2C customer experience
Backdrop
Background color
Backward compatibility
Banner
Baseline
Benefit Map
Between-subjects design studies
Body
Bodystorming
Bottom navigation bar
Brand experience
Breadcrumbs
Breakdown Analysis
Breakpoint
Call to Action (CTA)
Cap line
Card sorting
Charts
Checkbox
Chips
Clearly marked exit
Clickstream
Coach marks
Color Wheel
Column
Comparative analysis
Competitive analysis
Consistency
Container
Contextual action bar (CAB)
Contextual inquiry (CI)
Contextual interviews
Conversion rate
Corridor testing
Customer Satisfaction Score (CSAT)
Customer centricity
Customer churn
Customer effort score (CES)
Customer lifecycle (CLC)
Customer lifetime value (CLV)
Customer review
Dark patterns
Data-driven design
Date picker
Design concept
Design thinking
Dialog window
Dialogs
Dropdowns
Early adopter
Educational Content
Empty states
End users
Entry tunnel
Error color
Experience map
Explicit destruction
Eye-tracking
F-Shaped Pattern
Field studies
Filled icon
First click testing
First-time user experience (FTUE)
Fixed grid
Floating action button (FBA)
Fluid grid
Focus groups
Golden ratio
Grid
Gutter
Hamburger icon
Headline
Heat map
Hierarchy
Hypothesis-driven design
Information architecture
Input text field
Interactive prototype
Iterative testing
Kerning
Keylines
Label text
Layout
Line spacing
Look & Feel
Low-fidelity prototype
MVP (Minimum valuable product)
Margin 
Mind Map
Mockup
Navigation drawer
Net promoter score (NPS)
Omnichannel
Onboarding
Out-of-Box Experience
Padding
Page controls
Participatory design
Persona
Personalization
Picker
Placeholder
Pop-up
Primary color
Progress indicator
Prototyping
Proximity
Radio button
Readability
Retention
Scrim
Scroll bar
Search box
Secondary color
Service Blueprinting
Service-oriented design
Side sheet
Sitemap
Sketching
Slider
Snackbar
Spinner
Stakeholders interview
Steppers
Storyboards
Stretchable surface
Subtitles
System usability scale (SUS)
Tab
Target audience
Task analysis
Text area
Text button
The 10 minutes rule
Thinking Aloud Protocol
Toggle
Tooltip
Top app bar
Touchpoint
UI guidelines
UI regions
Unfilled icon
Usability
Usability testing
Use case
User behavior
User behavior analytics (UBA)
User engagement
User experience ecosystem (UXE)
User flow
User story
User story map
User-centered design (UCD)
Vertical rhythm
Voice of customer (VoC)
Whitespace
Widget
Wiferame
X-height
Dropdowns
Proximity
Picker
Charts
A/B Testing
Thinking Aloud Protocol
Dialogs
Spinner
First-time user experience (FTUE)
Coach marks
X-height
Empty states
Hamburger icon
Contextual inquiry (CI)
Placeholder
Educational Content
Out-of-Box Experience
Baseline
Steppers
Cap line
Competitive analysis
Contextual interviews
Field studies
Focus groups
Stakeholders interview
Breakdown Analysis
Conversion rate
Between-subjects design studies
Card sorting
Corridor testing
End users
Heat map
User engagement
User behavior
User behavior analytics (UBA)
MVP (Minimum valuable product)
Persona
Target audience
Use case
User flow
User story map
Mind Map
Activity-centered design (ACD)
Data-driven design
Design concept
Explicit destruction
Hypothesis-driven design
Participatory design
Service-oriented design
User-centered design (UCD)
Interactive prototype
Look & Feel
Low-fidelity prototype
Mockup
Sitemap
Sketching
Wiferame
Accessibility
Clickstream
First click testing
Iterative testing
Task analysis
Usability testing
3-Click Rule
Consistency
F-Shaped Pattern
Readability
Call to Action (CTA)
Aspect ratios
Breakpoint
Golden ratio
Gutter
Column
Grid
Keylines
Layout
Margin 
Padding
Vertical rhythm
Whitespace
8dp Grid
Fixed grid
Fluid grid
UI regions
Checkbox
Chips
Container
Filled icon
Floating action button (FBA)
Date picker
Label text
Page controls
Progress indicator
Radio button
Scroll bar
Search box
Slider
Toggle
Text button
Unfilled icon

Design with FlowMapp Tools

This is Try free our Tools for successful management and development of web Projectssome text inside of a div block.

Baseline

Synonyms: 

Baseline is an imaginary line that supports all the letters in your text. Thanks to that important definition we can measure the vertical spacing between the text lines, text blocks and other elements on the page.

Text is always about typography, whether it is printed or digital. Some typography rules can be implemented to your interface design and make your life easier. One of the most important concepts in this field is the baseline.

Several typography elements appear based on this concept. First of all, descenders, which are letter elements that are extended below the baseline. Lining figures, that unlike old style figures are aligned by height without any additional elements such as descenders and ascenders. Capital and lowercase letters are built depending on the baseline: some of them are strictly aligned, some of them like “O” and “S” are slightly extended below the line to get the visual harmony. 

There is another helpful tool that was built on the idea of the baseline: it’s the baseline grid, especially the 4px grid that is used most commonly.

Designed by Nguyen Le

Baseline grid is normally applied to create the vertical rhythm between text blocks and other elements of the interface. The principle is simple: instead of aligning the content according to the text boxes, you can build your composition in accordance with the distance between baselines and cap lines (the height of capital letters). It definitely makes the designer’s life easier, as you can achieve the visual balance in details without measuring it pixel by pixel. 

You may use the baseline grid to specify the distance between UI elements and simply traspher the UI specs into padding code for development.

FAQs

Design with FlowMapp Tools

This is Try free our Tools for successful management and development of web Projectssome text inside of a div block.