DEV Community

Cover image for 20 Web Design🎨 Terms You should know😎!
developedbyjk
developedbyjk

Posted on

20 Web Design🎨 Terms You should know😎!

1. Responsive Design💻:

Designing a website to adapt and look well on various screen sizes, from desktop monitors to mobile devices.

2.UI (User Interface)🔮:

The visual elements and design that users interact with on a website, including buttons, menus, forms, and more.

3.UX (User Experience)🎯:

The overall experience a user has while interacting with a website, encompassing usability, accessibility, and satisfaction.

4.Wireframe📐:

A basic visual representation of a web page layout, outlining the placement of elements without focusing on design details.

5.Mockup📱:

A more detailed visual representation of a web page design, often including colors, typography, and other design elements.

6.Prototype🚀:

A functional, interactive model of a website that demonstrates its behavior and user interactions.

7.Navigation👀:

The menu or set of links that helps users move between different pages or sections of a website.

8.Typography🆎:

The choice and arrangement of fonts, font sizes, and font styles to enhance the readability and visual appeal of a website.

9.Whitespace (Negative Space)🧊:

The empty areas on a webpage that help create visual balance, enhance readability, and guide users' attention.

10.Call to Action (CTA)🔔:

A button, link, or element that prompts users to take a specific action, such as signing up, making a purchase, or contacting the business.

11.Above the Fold🌄:

The portion of a web page that's visible without scrolling, often containing important content or key messages.

12.Scrolling📨:

Moving vertically or horizontally through a web page to view additional content not immediately visible.

13.Hero Image📷:

A large, prominent image or banner at the top of a webpage, often used to convey the website's main message or theme.

14.Grid Layout📜:

A design approach that uses a structured grid to align and arrange elements consistently across a webpage.

15.CSS (Cascading Style Sheets)📘:

A language used to describe the presentation and styling of a webpage, including colors, fonts, layout, and more.

16.HTML (Hypertext Markup Language)📙:

The standard markup language used to create the structure and content of web pages.

17.Accessibility👤:

Designing a website to be usable by people with disabilities, ensuring all users can access and interact with the content.

18.Favicon⚡:

A small icon displayed in the browser's address bar or tab, representing the website and enhancing its visual identity.

19.Responsive Images🧩:

Images that adjust in size and resolution based on the user's device and screen size.

20.Browser Compatibility🌍:

Ensuring a website works and looks consistent across different web browsers (e.g., Chrome, Firefox, Safari).


Hi👋
I am Juned Khan👨‍💻
I write, design and code on web🌎
Hope you liked it🤗💖

Ohh😮yess... I create such informative visual on ✨Instagram (@developedbyjk)

Thanks For reading😉

Hope you enjoyed!😊

My more Link🔗

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay