principles:Create a flow layout (Fluid layouts). The width of all containers must be defined as a percentage of the browser viewport.Use CSS3 Media Query. Different styles are used for different media types such as screen, printer, TV, etc., as well as different media parameters such as width, height, color, resolution, and so on.Use the adaptive picture (Fluid image). The image size can be adapted to the maximum display width.To determine which media type the style applies to, you need to dete
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 web design and make them better suited to web
Reprint Address: http://blog.jobbole.com/685/the following principles, not just software development, can be extended to other production activities, even in our lives .Don ' t Repeat yourself (DRY)Dry is one of the simplest laws and is the easiest to understand. But it can also be the hardest to apply (because to do so, we need to do a lot of work on generic design, which is not an easy task). It means tha
In the rapid popularization of portable electronic products in the context of the development of Web site construction has opened up a new situation. More and more people tend to use mobile clients to get information, which has been integrated into our daily life. The new medium replaces the traditional way, the competition of the handset website client also falls into the white-hot stage. If you want to win at the starting line, webmaster Friends in the des
. NET domain driven design-first taste (one: questions, patterns, principles, tools, processes, frameworks, practices)2013-04-07 17:35:27Tags:. NET DDD Driver Design original works, allow reprint, please be sure to use hyperlinks in the form of the original source of the article, author information and this statement. Otherwise, the legal liability will be invest
When designing the UI, we usually have some steps and principles. Below we list some commonly used ones, which may not be very accurate. I hope you can give me some advice on the UI design, there must be a consciousness here. When getting a UI
ArticleDirectory
I. Review in the previous chapter
Ii. Summary
Iii. Outline of this Chapter
Iv. Multiple Ways to separate concerns
V. Related Design Methods
Vi. Summary in this Chapter
VII. Series progress
8. next announcement
IX. Demo download
I. Review in the previous chapter
In the previous chapter, we mainly discuss the specific principles and norms in the system
, the UI layer and logic layer must re-do the unit testing. So How do you optimize dependencies to make the coupling between modules or tiers even lower? Think about the OCP principle, which is similar to the previous one. We can append an abstraction layer to the service, and the upper UI does not depend on the service's Details,ui and service at the same time,
and navigation. So that they can quickly get the information they need, and cherish each user's input operation. (You can simply touch and enter text to add new tasks to the Taskos app.) Of course, you can also modify many settings, but these are just optional actions. )3. Contrast Ratio Your development environment may be a room with a large screen and light, but the environment for users to use the app might not be the case. Although we do not want to, but we do often need to use the mobile d
than the old guns, I also very much admire. Take a look at their website, read their blog and feel it. To dare to find more than their own small or small, but more than their excellent people learn, because they really realize the curve overtaking, itself is the best "dry". BTW, if you have a personal website, you can get some extra points.5. Skills"Know Daniel to communicate and then get the opportunity to push" this skill is not much to say, focus on recruitment opportunities, and senior comm
Don ' t Repeat yourself (DRY)DRY is one of the simplest laws and is the easiest to understand. But it can also be the hardest to apply (because to do so, we need to do a lot of work on generic design, which is not an easy task). It means that when we find some similar code in two or more places, we need to abstract their generality into a unique new method, and change the existing code so that they can invoke the new method with some appropriate param
testing to compare the new UI with the traditional UI, so as to determine whether the new design scheme is more optimized, for example, it is more effective, easier to use, or more comfortable to use.
9. Follow the UI guidelines
There are many UI guidelines that can be inte
Control and screen design, do not behave too differently. Make it as simple as possible to maintain the same performance as other applications on the platform. Use the Platform as a clue to determine application performance and behavior.
If the UI you are making is different, make sure that you use objective methods such as AB testing to compare the new UI with
First, why should we care about the UI?If an application has a good experience with it, then:1. The better the quality of the software the user perceives2. Will give you a higher rating3. The software will have a better ranking4. More people to buy or install your softwareNext, we will discuss the following:1. Design principles that should be followed and should
simple icon
Designers are usually designed on a large screen, but in fact some details on the big screen and the actual performance on the phone will be an unexpected difference.
Some of the icon magnification is very exquisite, but put on the phone to see where there are some improper, feeling more details crowded into a lump, counterproductive. At this time can try the extreme simplification of the icon, and then the original design for
, are used in the flat design. Designers often use simple shapes such as rectangles, circles, and squares. The element is independent. Normal angles, right angles, and arcs are common.
The UI elements should be as simple as possible while maintaining high availability, ensuring that applications or websites are intuitive and easy to use without guidance. To achieve simple but intuitive effects at the same t
Adaptive XAML layout experience summary (I) Principles and page structure design, and xaml Experience SummaryXAML layout Review
Grid and StackPanel are the core layout, especially Grid.
Grid is a Grid layout. The XAML designer may have designed a Grid layout based on the Table in Html, but made improvements. Tables in Html are tr sets of td, which is very troublesome to change the columns. The Grid in XAML
room with a large screen and light, but the environment for users to use the app might not be the case. Although we do not want to, but we do often need to use the mobile device in a strong sunlight environment. This can have a big impact on our viewing screen, which should be taken into account when designing the interface. Under these poor conditions, the details can be lost, the color is unclear, and some elements disappear completely due to sunlight reflection. This does not mean that you c
What is a design specification? What are some of the key points worth paying attention to? Today, share a Taiwan designer @akane_lee Teacher's Good article, listed her design specifications for the summary, can help designers become more professional, interested in UI design of the students, now the action.
@Akane_Lee
Http://www.cnblogs.com/lhb25/archive/2011/05/17/2021541.html
This articleArticleI want to share with you some great free uidesign tools and resources, including web development and mobile development. I believe you can find useful resources. Remember to recommend it.All in one web elements Kit
OSX leopard GUI set
IPad GUI PSD
Dojo
Massive web UI button set
Small GUI pack
Eclipse stencel for omnigraffle
Dijit-the dojo Toolkit
Mochaui
Dhtmlx
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.