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🔗

Top comments (0)