web design
Creating website layouts
Web design is the process of planning and creating websites—their visual layout, structure, and user interface.
It encompasses choosing colors, typography, and images, as well as organizing content for usability.
Web design may be distinguished from web development, which focuses on coding and functionality, though the terms often overlap: She studied web design and landed a job at an agency.
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- frontendUser interface layer
- backendNon-visible system layer
responsive · bootstrap · CMS · WordPress · API · wireframe · prototype · framework
Range of selected hues
- typographyArranging letters for display
- imageryVivid descriptive language
- graphicsVisual design elements
- white spaceUnprinted page regions
contrast · alignment · visual hierarchy · grid system · iconography · texture · layout · composition
Determining position and course
- animationsMoving image sequences
- scrollingMoving display content vertically
- clickableAble to be pressed
- formsVarieties or documents
buttons · dropdown · carousel · modal · transitions · drag and drop · gestures · touchscreen
Ease of approach
- user-friendlyEasy to operate
- intuitiveKnown without reasoning
- readabilityEase of understanding text
- load timeDuration before display completes
mobile-friendly · user experience · error messages · alt text · screen reader · legibility · clarity · findability
Planning visual layout schematically
- prototypingMaking preliminary models
- iterationRepeated procedural pass
- user researchInvestigating audience needs systematically
- sketchingMaking rough drawings
revision · handoff · collaboration · Figma · sitemap · user testing · A/B testing
HTML
Web page code
- CSSWeb presentation language
- JavaScriptWeb programming language
- frontendUser interface layer
backend · responsive · bootstrap · CMS · WordPress · API · wireframe · prototype · framework · domain
color palette
Range of selected hues
- typographyArranging letters for display
- imageryVivid descriptive language
- graphicsVisual design elements
white space · contrast · alignment · visual hierarchy · grid system · iconography · texture · layout · composition · branding
navigation
Determining position and course
- animationsMoving image sequences
- scrollingMoving display content vertically
- clickableAble to be pressed
forms · buttons · dropdown · carousel · modal · transitions · drag and drop · gestures · touchscreen · feedback
accessibility
Ease of approach
- user-friendlyEasy to operate
- intuitiveKnown without reasoning
- readabilityEase of understanding text
load time · mobile-friendly · user experience · error messages · alt text · screen reader · legibility · clarity · findability · consistency
wireframing
Planning visual layout schematically
- prototypingMaking preliminary models
- iterationRepeated procedural pass
- user researchInvestigating audience needs systematically
sketching · revision · handoff · collaboration · Figma · sitemap · user testing · A/B testing
- graphic designlogo, font, typography, layout, color
- freelance servicesvoiceover, video editing, copywriting, translation, SEO
- freelance workfreelance writing, ghostwriting, illustrations, logos, technical writing
- design artsapplied arts, decorative arts, craftsmanship, handicrafts, arts and crafts
- design consultancybranding, brand strategy, visual identity, user research, wireframing
- tech hobbies3D printing, robotics, electronics, home automation, coding
web designprint design
Artwork for repeated reproduction
industrial design · book design · fashion design · interior design · product design
web, design, designer, website, webbed, webbing, web page, websites, web designer