UI design site Content Large classification

Source: Internet
Author: User

For beginners UI design or interactive design of designers, there is a lot of knowledge from the sharing of network resources, some choose some UI design training institutions to learn the basis, and some choose to learn from the major sites, but original aim, no matter where to study from the things, to learn what is their own things, in the interactive design , we need to know clearly the different features and advantages of different websites.

First, Works display website




1. Station Cool http://www.zcool.com.cn/

It covers a lot of works, Web pages, apps and other very good works, there are many excellent articles containing a wide range of content.

2.UI China http://www.ui.cn/

As can be seen from the name, UI China's work is mainly UI-based, mobile app, mobile phone theme, icon and so on. At the same time there are many study topics, there are small collection of good articles, convenient for everyone to learn.

3.Dribbble https://dribbble.com/

The top foreign design community brings together the world's top designers, works across all fields, icon, APP, web, etc. is a good place to learn and copy.

4.Behance https://www.behance.net/(Foreign)

Also is the foreign top design Exchange community, the work also covers each field. The website has the Chinese, the convenience English bad classmate. (but I have to insert a sentence, the designer knows English, will let you learn faster, more!) If you want to study a work or study, my advice is to browse behance rather than dribbble. In the case of app design, most of the dribbble are single-page or still creative works, not complete. The majority of the Behance are complete works, some of the works also show the design process, some will have a text description (of course, English), such as how the designer is thinking, how to design the work. This is more than what you learn from a single page of work.

5.APP Design Served http://www.appdesignserved.co/(foreign)

A website of Behance, which is a carefully selected design work on the app. People have helped you choose, learn from these excellent works!




Second, the comprehensive type website

The content of this kind of website is very extensive, there are graphic tutorials, material downloads, experience articles and so on.

1. Excellent network http://www.uisdc.com/

Every day must look, the website content contains the web/plane/app design and so on, has the text course, the packing material download, the experience article. I particularly like the site to share the article, there is about interactive design, about how to self-study design, but also has the history of design predecessors. In short, this is a collection folder must have the site.

2. Learning UI Network http://www.uisdc.com/

Learning UI Network is mainly focused on the Web, the app this piece, content also involves tutorials, materials, articles and so on. is also a daily must-see website, here is particularly recommended some Web site app package Http://www.xueui.cn/design/app-screenshot, so far, a total of 53 app packages, including iOS and Android mainstream resolution.

3. Design of human http://www.shejidaren.com/

With excellent network, mainly original and manual collection of high-quality web design articles at home and abroad, excellent design materials, content to high-quality.

4.25 Academy http://www.25xt.com/

"Focus on mobile app design, app products and app startups." The content of the website is related to the app.

5. http://www.qduck.cn/College





Third, the specification class

1.Android specification

To differentiate it from iOS App,google released material Design. This design style includes web pages and apps. So, if you're designing Android-style apps, you have to learn material design specifications

Official website Http://www.google.com/design/spe ... n/introduction.html

Chinese translation http://wiki.jikexueyuan.com/proj ... 218c51bbb2c1d7f8705

The official website updated some content in September, while the Chinese translation was only translated into July. Therefore, it is better to look at the Chinese and English comparison. Here again to emphasize the importance of English, if you are a little better English, you can be more than those who are Chinese translation, when those who are reading Chinese translation, you may have used the information obtained to design.

Finally, also thank the translation team, thank them for their selfless dedication!

2.iOS specification

Official website: Https://developer.apple.com/libr ... nceptual/mobilehig/

Because there are many Chinese translations of iOS, you can find them on your own. Similarly, it is recommended to look at the English-Chinese comparison.





Iv. Information Articles

1.Medium https://medium.com/(Foreign)

Like a blog site, there are many high-quality content, of course, but also about the design of sharing. Focus on the key words, you can find some related articles. Have to say, not English really very disadvantage ah!

2.UX Magazine http://uxmag.com/(foreign)

Uxmag provides a lot of resources about the user experience that you can explore on your own.

3.UX Booth http://www.uxbooth.com (foreign)

User experience, interactive Designer's communication community



V. Collection of inspiration

1.Pinterest http://www.pinterest.com/

You may know the petals, but I suggest you use Pinterest. First of all, the content on the Pinterest is richer, which is that you may be wandering around with petals that are domestic, and the quality may not be high. and Pinterest on the content quality is much higher, as long as the attention of a few high-quality board, you can continue to absorb foreign excellent design, take for their own use. Of course, in order to better experience the Pinterest, still have to learn "scientific Internet." Because some of the collection may not be accessible for a variety of reasons, so keep the ladder ready!

2. Petals http://huaban.com/

Don't say more, you know. But I want to vomit groove is, petals Android client really long, long, long time no update! And it's hard to use. Next door iphone client has been updated, hey ...

3.Tumblr http://www.tumblr.com/(Foreign)

The soup is not hot, you know. Light blog site, the use of keywords.

4.Pttrns http://pttrns.com/(Foreign)

Mobile App website. There are iphones, ipads, Android, and even Apple Watch.

5.Capptivate http://capptivate.co/(Foreign)

Dynamic display site. There's also an iphone client, where you'll see the best dynamic design anywhere.

6.AppreciateUI http://www.appreciateui.com (Foreign)

Mobile app display website with icon and interface. iphone client to 12 soft sister coins!

7.Signa http://www.signa.li/(Foreign)

To design Android-flavored apps, this site is right. Website content on Android app, icon, the design of dynamic effect. The design style of course is material.

8.Materialup http://www.materialup.com/(Foreign)

With Signa, you want to study how to design a beautiful, Android-flavored app that draws inspiration from both sites.

9.iOSup http://www.ios.uplabs.io/(Foreign)

With Materialup is a masterpiece of the same team. It's a collection of great designs for iOS and Macs, Icon,app, dynamic, and much more. There is also free/charged material to download, feeling like found a treasure as there are wood. Iosup is later on the line, I also recently saw.

10.awwards http://www.awwwards.com/(Foreign)

Web design of the excellent website, learning app design also need to look at other areas of excellent design, so as not to become narrow.





Vi. Question and Answer class

1.Quora https://www.quora.com/

2. Know http://www.zhihu.com/

Many of these sites are used to summarize the reference, after all, the others summed up something, from which the most important thing to learn.

Here are the articles related to UI design training-Mobile interface UI Color Design: http://www.qduck.cn/forum.php?mod=viewthread&tid=16854
A little bit of UI design training for yourself every day adds a little more experience every day.
More UI design training in fun, interactive design training, web design training, graphic design training and so on you.

UI Design

UI design site Content Large classification

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.