apply them to web design and discuss what good web design is?
With 8 years of experience in web design and background in industrial design, I humbly apply these 10 principles to
' understanding of costs and memory burdens.
Avoid noise, useless white, gaudy background
Prevents users from being distracted by visual information other than content.
Reduce user input as much as possible
Memorize user information and make requests to users strategically.
Concise expression of necessary information
Concise and explicit hints of guided actions (such as novice tasks, operational guidelines, feature
This article details the entire process of Web design , from the Web product prototype design, paper, black and white manuscript to the real site interface. Each step provides us with an example of detailed design and user experience thinking process. As a
It may be helpful to see this article on Smashingmagazine, which is about Web application design processes and guidelines. Translation more hasty, the wrong place please more advice, see the original point here.
Interface design for business Web applications
The
Article Description: simple check list for web interaction Design optimization.
"Optimizing the experience of existing products" is a common description of the user experience related job responsibilities. Our products are often perfected in a fast iterative process, just as children grow up to be raised, to optimize existing features/products, and to desig
platforms are Java EE and. NET.
1.2 technologies required for front-end development
1. Industry Standards
First, we must understand a series of W3C standards. You need to focus on HTML, XHTML, XML, CSS, and JavaScript.
Second, familiarize yourself with some standards based on the camp, such as Java EE standards or. NET standards.
2. Language
In addition to W3C descriptive languages such as HTML, CSS, and XML, it also includes the client scripting language JavaScript. Another language is also ve
Article Description: flat design is defined by the style of the plane: The interface is simplified by removing additional elements such as shadows, hypotenuse, textures, and gradients that create 3D styles.
Flat design, or flattened UI style, is one of the most watched web and graphic
, and some black masks can be clicked, so, we have at least a new similar, dragable colsable clickable these APIs. Even so, there will be some special needs, such as the frame position up and down ratio 2:3 . The industry's usual practice is two-time encapsulation, yes, the two-time package, is based on the original very heavy Web components, and then churn some code.
Sacrificing code QualitySome projects do not need to be compatible with older IE b
, the team has given some ideas and rough implementations of layout and component development, but for designers, the challenge is even more so, because designers can only design a perfect response UI based on the understanding of the full and front-end engineers, after all, a little change on the response UI, will lead to a tremendous amount of development effor
time, refining as each team finds ways to improve and streamline processes without adversely impacting implementation details. In fact, when both the implementation details and the design process are clearly defined and separated from each other, the implementation of detail changes (such as which platform, OS, framework, and UI styles are used) can be independent of the
value of these handicrafts and then sell them to those who need them, and return most of the benefits to the producers. We want to do a lot of this design, build the middle of the bridge.
"Barrier-free design, let's work together"
1999, WCAG (Web Content Accessibility Guidelines) 1.0.2001, the United States 508
addition to layout and text, adaptive web design must also implement automatic scaling of pictures.This is just one line of CSS code:img {max-width:100%;}This line of code is also valid for most video embedded pages, so it can be written as:IMG, object {max-width:100%;}The old version of IE does not support max-width, so it has to be written:img {width:100%;}Additionally, image distortion may occur when th
addition to layout and text, adaptive web design must also implement automatic scaling of pictures.This is just one line of CSS code:img {max-width:100%;}This line of code is also valid for most video embedded pages, so it can be written as:IMG, object {max-width:100%;}The old version of IE does not support max-width, so it has to be written:img {width:100%;}Additionally, image distortion may occur when th
Article Description: random talk about form design.
In contrast to what you know, it's not always easy to get a nice button, color, and font, plus a bunch of jquery plug-ins on your form. Really, this can only (sporadically) reflect 1/3 of the availability of the form.
in this article, we'll provide practical guidelines that can easily follow. These g
professional, I can not understand.
The online education organization can show the picture is afraid of only teacher photos and promotional ads, then work this. It is important to make the picture a little bit more precise, because it is a sharp tool to break the boring nature of the page.
When it comes to page boring, educational websites also encounter an unavoidable problem, that is, if we do not display text information, then users will feel that the
1. Design concept is not the same
The core of graphic design is brand. It should be the brand as the starting point to design, to the visual 100% embodies the charm of the brand. And the core of Web design is the user. The purpose of the site is to communicate with the user
, because This rest limits the operation of HTTP to a URL resource within the four of get, POST, put, and delete. This kind of design and development method for network application can reduce the complexity of development and improve the scalability of the system.
Rest Design Guidelines
The rest architecture is designed for W
Article Description: Web navigation is one of the most important aspects to consider when designing a Web site. The primary purpose of Web navigation is to allow visitors to quickly and easily find what they are looking for on your site. Efficient navigation can guide viewers to try and search for other content on your site. In this article, we will explore some
In content-oriented Web sites, the search box is often one of the most common design elements. From a usability point of view, the search function is the user has a clear content to see when the last use of the function. If a website does not have a reasonable information architecture, then search engine is not only helpful, but even essential design function. It
Original link: http://webdesignledger.com/tips/the-principle-of-contrast-in-web-design
Translator: Small pig
Web design is made up of a number of different elements that are of different importance, and that some elements need to be particularly prominent. Some elements are connected to each other, There is no correla
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.