In the 360 cloud disk for more than half a year, there is the pain of overtime, has been praised by users, have experienced a variety of platforms (including PC version, Web version, iphone, Android and ipad version) of the growth and accumulation, the corresponding interactive bull Jeff Johnson's UI design guidelines, this article is mainly to share with you the two points in the
Article Introduction: in this article, we have a deep understanding of the design implementation details of the grid component in jquery mobile through source analysis.
In this article, we have a deep understanding of the design implementation details of the grid component in jquery Mobile through the source
The focus of the tutorial is the design of the front page, need to be based on customer requirements to determine the content of the page to be displayed, and then collect the relevant materials, according to their own creative play, the screen to do gorgeous, visual impact can be.
Final effect
Since the theme "Global Championship" is clear, then we can focus on the idea of the topic. First of all, or in the mind of the i
Whether you're doing a Web page or app design, text content can always take up nearly 80% of the space in the entire layout. So understanding fonts and typography is critical to UI designers. You need to always put the readability of the content first to consider and weigh your choice of fonts and typography.
Basic Terminology for Fonts
It is important to understand the basic terminology of
thinking way on the PC side is also not consistent with the handset end. Mobile phone design is limited by the size of the screen, the information presented on the phone is limited, but also to the content of the first, navigation information can not be too large space. And in the PC side of the design will generally
According to the standard is sometimes too complicated, we currently have several practical and efficient practices:1, the icon satisfies the high definition (HDPI), this kind of icon is generally the small icon, for example: the upper right corner refreshes and so on2, there is a kind of icon, the interface reuse rate is super high, and the icon medium is large, such as: The bottom of the tab menu icon, the general design
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
There is no great mystery to design a really great user interface, so keep it simple and easy to use. ' Keep simple and easy to use ' means not to distract the user. A good UI allows users to achieve goals, the corresponding training and maintenance costs will be reduced, while achieving more happy, satisfied and efficient users.
When you face a brand new interface des
Ui design specifications
I have been working on the UI design for some time, so I have gained a new understanding of the UI and user experience. Now I can sum up the information I have queried and my feelings!
1: ease of use:
The button name should be easy to understand, use
Last article: http://www.cnblogs.com/longqi293/archive/2010/12/08/vstoforexcel1.html
In daily life, QQ is already an important link connecting us with interpersonal relationships, just like our mobile phones, there are many contacts in mobile phones, and now we provide a lot of software to back up contacts for mobile phones on different platforms, but what abou
Design resources for Android UI development, androidui
The recommended uidesign resources come again. They are just dry and don't need to be filled with water ~
Various background resource libraries
Http://subtlepatterns.com/
ICON Resource
Https://www.iconfinder.com/
HOLO Color Generator
Http://android-holo-colors.com/
PS: the android UI
Case study: Designing a mobile app with a point-of-order function for a restaurantA function point:1. Mobile Login2. Package3. Recommended4. Snacks5. Beverages6. Shopping Cart7. Settings: Profile picture, Order history, membership level, promotionSecond drawing of Mind mapUsing the software: MindManagerLike thisThree-hand interactive diagramis to hand out the page design.Four software drawing interaction di
in the UI Design , the description of the text content is also required by the designer carefully, carefully designed parts. A clear, accurate, concise copywriting design allows for better usability and confidence with the user. copy 16 a common ui copy Span style= "FONT-FAMILY:CALIBRI;FONT-
professional and visual impact of the banner, or need to accumulate experience. Designers should strive to design their own every banner can withstand a variety of tests, in this small box really do rhythmic. Perhaps a lot of people will say that light design banner to design can improve, in fact, if you can design go
/school/web_2014/web_16504.htmlHow can I improve my workflow so that the design supports multiple resolutions?Http://www.w3cplus.com/performance/build-fast-loading-mobile-website.html Mobile-Optimizedhttp://www.uigreat.com/guifan/UI Design dimensions specification, various d
portrait is the same as in the phone HD portrait, only the pixel density is reduced.After adding the Canvas Scaler component, it is important to figure out what the layout looks like at other aspect ratios. By setting back to phone HD landscape, we found that the buttons now show larger sizes than they should. The reason why the buttons become larger depends on how the canvas scaler is set up. By default, he takes the current resolution width with canvas Scaler A wide contrast of
, materialized style, mobile design of the Soul
After summarizing and analyzing all kinds of handheld devices, especially in touch-screen handheld devices, it is found that the UI materialized style has its inevitability and rationality, the virtual experience comes from the accumulation of real life experience, so that the fingertips can feel the formal scene i
Web page Production WEBJX article introduction: small screen mobile device web design considerations.
In the past, small screen mobile device Web pages are often called WAP pages, or WAP stations.The reason is that this kind of web page originates from a wireless protocol called WAP.WAP can run on a variety of wireless networks, such as GSM, GPRS,
Article Introduction: In this article, let's take a deep look at a roughly automated, enhanced process design in jquery mobile.
In this article, let's take a deep look at a roughly automated, enhanced process design in jquery mobile.
and look at this structure visually:
I am header part
interaction elements sufficiently large to ensure that users can accurately identify and touch. Something about the internet
But how big is enough? Raise your hand and look at your fingertips. Many system platform design specifications are described in this regard, but I personally think Apple is still doing the best: theoretically, the minimum size of the touchable element should be 44 pixels (approx. 1/4
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.