As designers, we must develop a habit of browsing design websites every day, and most of them are designers must go on the website every day, but these designers must have what website, do you have in every day? U sister has arranged it for you.


So U sister today to share their own is how to sort out and summary and U sister private stash of those super practical design resources website

U sister has outlined a small catalog


1. Design inspiration

2, icon

3. Picture compression

4, fonts,

5. Picture materials

6. Color matching


One, design resource website classification and collation method


Sorting by resource site type is the most practical method


1. Design community classes


This kind of website can upload and publish works, have more design resources, provide a good platform for design lion


Behance Dribbble stands for cool UI in China

Bring about

– Behance –

Bring about

– Dribbble –

Bring about

Cool – – station

Bring about

– UI China –


2. Enjoy browsing


These sites are mostly used for browsing, providing inspiration and enhancing a personal aesthetic


Pinterest Petal optimization network

Bring about

– Pinterest –

Bring about

Petals –

Bring about

– Youset –


3. Design resource navigation of U Sister


This is my personal design navigation, although there is no classification according to the method I said, but because IT is my own sorting and induction, so it can be found quickly when using.


I use baidu home page custom navigation, all navigation is my own design, I need to sort out the navigation in, this avoids many and miscellaneous, really use up to find the situation. (U sister here, you are advised to organize their own navigation)


I believe that many small partners in the collection of web sites, like to use the following way collection


Bookmarking to browser tabs, in this U sister does not recommend using this method to manage the design repository, you first is when the collection is more, a great trouble to find, the second is when you’re not synchronous or backup your favorites, you reinstall the browser or changed a new computer, you will find you after collect all resources have no difficulty, Then you will want to hit the computer impulse, so U sister does not recommend this method.


If you feel that U sister’s navigation resource library is better and safer, then you can learn my method.


Two, U sister private personal design resources to share the website (began to highlight)


1. Design inspiration


Before making a piece, we need to look for a lot of inspiration.

Freebiesbug (http://freebiesbug.com/)


Omahpsd (http://omahpsd.com/)


2. The icon


Iconfont (http://iconfont.cn/)


3. Image compression


Tinypng (https://tinypng.com/)


More detailed use of image compression resources artifact analysis and tutorial, please stamp below:

“Picture compression is not asking, 3 practical test picture compression artifact”


4. The font


Find the font web (http://www.qiuziti.com/)


Calligraphy generated online (http://www.akuziti.com/mb/)

 

5. Picture materials


500 px (http://www.500px.com/)


Photo network (http://699pic.com/)


I’m sure you know it. (Please tip U sister if you don’t know)


6. Color matching


LOLCOLORS (http://www.lolcolors.com/)


Uigradients (https://uigradients.com/#Cherryblossoms)


This is a special site about gradient color matching, is really very powerful


Webgradients (https://webgradients.com/)

This is a color matching site that specializes in gradients and has everything you need


Coolhue (https://webkul.github.io/coolhue/)

Isn’t it cool that all the most popular shades of color this year are here


Coolors (https://coolors.co/)

 

Adobe kuler (https://color.adobe.com/zh/create/color-wheel/)


Finally U sister to recommend a super practical color matching tool

Color Scheme Designer (http://www.peise.net/tools/web/)


A super practical online color matching artifact, for color matching small white or color matching ability is weak this, U sister strongly recommended


Third, summary

The above is U sister introduction of the design resource library sorting and induction method, and U sister personal collection of some design resources website sharing, methods and design resource library of course to live learning and use, specific methods also vary from person to person, U sister and you see you next time.