20 Web Design🎨 Terms You should know😎!
Tags: beginners, design, codenewbie, webdev
Published: 2023-08-25 11:01:47

**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 ](https://www.instagram.com/developedbyjk/)(@developedbyjk)

Thanks For reading😉  
Hope you enjoyed!😊

My [more Link🔗](https://linktr.ee/developedbyjk)