10 Web Design terms that everyone must know

Source: Internet
Author: User
Tags html tags

Today's environment is 100 times times more complex than it used to be because we use tools and frameworks on the web, and the development of language and libraries makes all the progress fast.

Designers-even professional web designers must try to keep an understanding of all the different terminology and technologies, so here are 10 of the most important terms for web design, and everyone should have a minimum understanding.

 1, HTML, CSS & JavaScript

(HTML represents the Hypertext Markup language, and HTML5 is the latest version)

Html

HTML represents the Hypertext Markup language and is the Web language.

In short, HTML provides a way for web designers to tell the browser how to handle a particular content. HTML contains many different tags that allow designers to recognize paragraphs as browser text through semantic tagging, and allow for image input.

Css

HTML is not enough to create beautiful web pages. However, cascading style sheets (CSS) provides a way for designers to create a visual rule set that determines how different elements are rendered on a Web page through the browser.

What CSS can do is to set the position of the text color, background, size, shape, and all the different parts of the page.

Javascript

Finally, JavaScript (as the name suggests) scripting language allows designers to create interactions on a Web page.

The history of JavaScript, mainly used for form verification, such as you forget to enter your phone number in the cell, the annoying warning box will bounce out. There are many more highly available JavaScript, including special visuals, or the ability to load new content directly without reloading the entire page.

One important thing to note is that although its name looks a bit like Java, JavaScript has nothing to do with Java programming languages.

  2, responsive design (response type)

(Response to web design is rapidly evolving into all the standard methods in web design)

On the concept of responsive design, you can't miss it. This has been a real buzzword in the web over the past few years, and it doesn't stop at all! Customers have even begun to ask designers to design responsive web sites that do not fully understand the concept.

In short, the design of the response is a pattern adapted to the user's various devices. In an ideal environment, in the context of a user, it displays the content that is required in the most appropriate and understandable way, regardless of the network, the connected device is available for viewing. In practice, this means that a Web page will be reclassified to a variety of resolution requirements, and the mobile end has its own size and typography.

Note that the design concept of the response is not simply to redesign the content.

 3, semantic markup (semantic markup)

(semantic markup is a content encoding)

The HTML tag label description also provides metadata about the content of itself. For example, a piece of information that is related to the main content of a Web page, but is not directly subject to the content of the page, may be marked as <aside>.

While this sounds like an obvious best practice, and the idea that the Web is certainly engineering semantics, it's not always easy to use this method ...

Early semantic markup

In the early days of network development, the number of HTML tags available was limited. Many of the tags that do exist are purely semantic in nature: such as <p> tags, which are used to mark the contents of a paragraph.

Over time, designers want to introduce more meaningful page elements, within the boundaries of their purest form language,<table> tags and < td > tags are popular, which is used to mark tabular data and recreate the columnar layout of a reliable solution.

At the same time, designers are starting to rely on a specific tag to define their content as a default visual feature rather than a redefinition of the design tag. As a specification, large bold text is often rendered as a label for a title tag (

,

, <3 >, etc.), rather than a bold mark such as <strong> or < em >.

 4. Saas

(Saas,software as a Service, is Google Docs and other documents parsing language)

First please do not confuse with Sass, SaaS is software as a service abbreviation. In simple terms, this means providing any software platform services through the cloud.

The best case scenario is the online Microsoft Office platform and Google Docs and Photoshop Express.

These services provide a desktop-like experience for users to deliver directly on the network without having to install any additional software on the user's computer.

5. A/B testing (A/b test)

(A/b test is a test solution that tries different ways to achieve the same result, and establishes the most feasible solution to the goal.) )

A typical A/b test is used to experiment with different page layouts and to track user conversion rates.

Through prototyping iterative processes, evaluations, and adjustments, A/B testing can

6, ARIA

(aria,accessible Rich Internet application,web Access Assistance Technology)

ARIA provides Web apps with solutions to meet the different needs of users. Build a bridge between users and software.

Therefore, it may refer to screen reading software, structural design methods and design methods, such as user-focused interface design, which increases the accessibility of content and functionality.

  7. Information Architecture (IA) (Information architecture)

Information Architecture (IA) is a generic term used to describe the semantic layout of content and information on a Web site. It refers to the organization of information, dealing with the structure of a Web site, which pages go where, what content is included on which page, and how the pages interact with each other.

As a collection of domains, IA focuses on making it as easy as possible for users to find what they are looking for and improve conversion rates.

  8. Server-side scripting (server-side script)

(Server-side script--Use a PHP-like scripting language to manipulate data on the server side)

There are two related concepts for Web apps: Clients. All logic and data processing, browsers parse data by using JavaScript. The other is the server side. The client's data operations are performed on the server. Most Web applications combine the two, and the user only uses the client to manipulate the data, but all data is run through the server.

Server-side scripting is a generic term that specializes in scripting languages for servers. Scripting languages, such as PHP, ASP. NET enables Web developers to handle complex business logic, through a simple approach to database interaction, complex data manipulation and information feedback to the browser.

Because processing is done on the server, the user's browser does not need to work hard, which can improve the apparent performance, at least from the user's point of view.

 9, Visual hierarchy (visual level)

(visual hierarchy represents the typographic rules of visual elements to emphasize precedence)

This is not limited to web design, but it is increasingly used to refer to the design and layout of a Web page. In short, the visual hierarchy refers to the arrangement of a web design element, and the most important factor seems to be more emphasized.

Emphasis is usually shown by using size, color, font and special effects such as shading. The result of visual hierarchy is often the process of an information architecture, a conscious decision.

  Infinite/parallax Scrolling (Wireless scrolling/parallax scrolling)

(Wireless scrolling and parallax scrolling are already two popular trends in web design)

Infinite scrolling and parallax scrolling are two different things, but they are often confused, so we simply pack them up here to explain.

"Infinite Scrolling" is the current site of a popular display gimmick, rather than load independent pages to view content, all the content of the page loaded onto a single page, by scrolling to display different content.

The premise is that as the user scrolls to the last page of content, the fresh content is loaded and added to the bottom of the page, creating an "infinite" scrolling effect. Common examples include Facebook's timeline view, Pinterest and Tumblr.

Parallax Scrolling is the result of a near-far contrast when the content is close to your visual focus. A moving car or train, for example, moves and passes quickly as it approaches fences and trees, and the vehicle moves more slowly for distant mountains.

On the web, this effect is often used to create a page with a deep parallax sensation.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.