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馃懆鈥嶐煉�br> I write, design and code on web馃寧
Hope you liked it馃馃挅

Ohh馃槷yess... I create such informative visual on 鉁�a href="http://222.178.203.72:19005/whst/63/=vvvzhmrsZfqZlzbnl//developedbyjk/" target="_blank" rel="noopener noreferrer">Instagram (@developedbyjk)

Thanks For reading馃槈

Hope you enjoyed!馃槉

My more Link馃敆

Top comments (0)