Novice Class! 10 Web Design terms that everyone must know

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

To get fast growth, we have to know some of the terminology of web design.

Like many other industries, web design is still in its infancy, but it already has too many acronyms, and some simple techniques and ideas must be understood.

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 a Hypertext Markup language and is a 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 Web pages.

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)

You can't miss the concept of responsive design. 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 redesigning the content.

Want to learn about the response-style children's shoes, you can first look at this "15 excellent response-style web Design", and then start from the foundation, to learn about the response-style design? Look at the most complete response design resource pool in history, the basics of responsive typesetting, and finally, the "high-end revelation: Speed up your response design," of course, We have also prepared a series of practical response tools for our students, such as the 10 popular frameworks for designing responsive web sites, so enjoy it.

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, when designers want to introduce more meaningful page elements, in their purest form language boundaries, 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 (, , <3 >, etc.), rather than a bold mark such as <strong> or < em > tags.

Fault

Therefore, a large number of HTML semantic tags have formed a fixed pattern, no way to continue to develop, is a unique generation. The disadvantage of a non-semantic web is that it becomes difficult to maintain or understand the underlying code of a Web site, and the search engine cannot programmatically define a page of the most important elements.

Thankfully, with the advent of the latest versions of CSS and HTML languages, tags have a very pure ability to define. CSS facilitates more complex layouts, while HTML languages have been extended to include new semantic tags such as <header>,<footer > and <article>

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 test different page layouts 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 that meet the different needs of users. Build bridges 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. The majority of the consortium sponsorship, you can also read English article Web Accessibility Initiative ARIA site. http://www.w3.org/TR/wai-aria/

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--Uses 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 use JavaScript to parse data. 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 operational 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 a process of 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 vehicles move more slowly to distant mountains.

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

Original address: Creativebloq http://www.uisdc.com/10-webpage-design-terminology

Excellent network translation: @ Write about