设计师需要学习的排版技能和需要熟知的百个素材网站

设计师需要学习的排版技能和需要熟知的百个素材网站 尽人皆知，玩设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支持，图片、字体、图标等素材是设计作品中直观可见的组成部份，与此同时，设计创意和设计灵感则以相对隐性的方式参与到设计中来，一样很重要。除此以外，小工具、插件的应用还可以加速设计，而设计以外的各种信息和知识也会让设计更富有生命力。200+网站分类比较清晰，还有1部份网站也会给设计师许多启发。－复制链接至阅读器便可打开－€€排版设计Okay Type€€€€€€www.okaytype.comTypekit€€€€€€www.typekit.comMy Fonts€€€€€€www.myfonts.comFonts€€€€€

---

尽人皆知，玩设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支持，图片、字体、图标等素材是设计作品中直观可见的组成部份，与此同时，设计创意和设计灵感则以相对隐性的方式参与到设计中来，一样很重要。除此以外，小工具、插件的应用还可以加速设计，而设计以外的各种信息和知识也会让设计更富有生命力。

---

200+网站分类比较清晰，还有1部份网站也会给设计师许多启发。－复制链接至阅读器便可打开－

€€

排版设计

Okay Type€€€€€€www.okaytype.com

Typekit€€€€€€www.typekit.com

My Fonts€€€€€€www.myfonts.com

Fonts€€€€€€www.fonts.com

Font Squirrel€€€€€€www.fontsquirrel.com

Da Font€€€€€€www.dafont.com

Google Fonts€€€€€€www.google.com/fonts

1001 Free Fonts€€€€€€www.1001freefonts.com

Lost Type Co-op€€€€€€www.losttype.com

Ico Moon€€€€€€www.icomoon.io

Font-To-Width€€€€€€http://font-to-width.com/

€€

视觉稿设计工具

InVision€€€€€惠州粮食局工作服
€www.invisionapp.com

Mockupr€€€€€€www.mockupr.com

Flinto€€€€€€www.flinto.com

Flinto Icon Strike!€€€€€€www.flinto.com/strike

Webflow€€€€€€www.webflow.com

Mockuuups€€€€€€www.mockuuups.com

Red Pen€€€€€€https://redpen.io

PSD Covers€€€€€€http://www.psdcovers.com/

€€

线框图

Moqups€€€€€€www.moqups.com

Wireframe.cc€€€€€€ww.wireframe.cc

Mockflow€€€€€€www.mockflow.com

Mockingbird€€€€€€www.gomockingbird.com

Flair Builder€€€€€€http://flairbuilder.co

Balsamiq€€€€€€http://balsamiq.com/products/mockups/

Axure€€€€€€http://www.axure.com/

Justinmind€€€€€€http://www.justinmind.com/

UX Pin€€€€€€http://uxpin.com

€€

原型设计

InVision€€€€€€http://www.invisionapp.com

Mixture€€€€€€www.mixture.io

Flinto€€€€€€www.flinto.com

Gridset€€€€€€www.gridsetapp.com

Marvel€€€€€€https://marvelapp.com

Webflow€€€€€€https://webflow.com

Red Pen€€€€€€https://redpen.io

Proto€€€€€€http://proto.io

Iconii€€€€€€http://iconii.com

Macaw€€€€€€http://macaw.co/

Froont€€€€€€http://froont.com

€€

色采

0 to 255€€€€€€www.0to255.com

Colour Lovers€€€€€€www.colourlovers.com

Brand Colors€€€€€€www.brandcolors.net

Adobe Kuler Color Wheel€€€€€€https://kuler.adobe.com/create/color-wheel/

Color Scheme Designer€€€€€€www.colorschemedesigner.com

Hex to RGB Converter€€€€€€http://hex.colorrrs.com

Coleure€€€€€€http://coleure.com/

Colllor€€€€€€http://colllor.com/

Palette for Chrome€€€€€€https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod

€€

免费PS素材

PSDS.co€€€€€€www.psds.co

Fribbble€€€€€€www.fribbble.com

Premium Pixels€€€€€€www.premiumpixels.com

Teehan+Lax iOS 7 Gui PSD (iPhone)€€www.teehanlax.com/tools/iphone

Teehan+Lax iOS 7 Gui PSD (iPad)€€€€€€www.teehanlax.com/tools/ipad/

iPhone Mockuuups€€€€€€www.mockuuups.com

Freebiesbug€€€€€€http://freebiesbug.com/

Marvel€€€€€€http冬季反光工作服
s://marvelapp.com/resources/

Ui Space€€€€€€http://uispace.net

DB Freebies€€€€€€http://dbfreebies.co

365 PSD€€€€€€http://365psd.com/

Pixel Buddha€€€€€€http://pixelbuddha.net/

Pixels Daily€€€€€€http://pixelsdaily.com/

€€

图标设计

Other Icons€€€€€€www.othericons.com

Batch€€€€€€www.adamwhitcroft.com/batch/

Icon Sweets€€€€€€www.iconsweets.com

Ico Moon€€€€€€www.icomoon.io

Flat Icon€€€€€€http://www.flaticon.com

The Noun Project€€€€€€http://thenounproject.com

Perfect Icons€€€€€€http://perfecticons.com/

Iconfinder€€€€€€www.iconfinder.com

€€

紧缩图片

Tiny Png€€€€€€www.tinypng.com

JPEGmini€€€€€€www.jpegmini.com

Image工作服做工流水视频
Optim€€€€€€www.imageoptim.com

€€

PS工具和插件

Mac Rabbit Slicy€€€€€€www.macrabbit.com/slicy/

Renamy€€€€€€www.renamy.com

Blendme.in€€€€€€www.blendme.in

€€

便捷工具

Copy Paste Character€€€€€€www.copypastecharacter.com

JustDelete.me€€€€€€www.justdelete.me

What’s my UDID?€€€€€€www.whatsmyudid.com

Shapecatcher€€€€€€www.shapecatcher.com

UI Names€€€€€€http://uinames.com/

UI Faces€€€€€€http://uifaces.com/

UI Blurbs€€€€€€http://uiblurbs.com

Density Converter€€€€€€http://density.brdrck.me

LayerVault€€€€€€https://layervault.com

Nice Entity€€€€€€http://nice-entity.com

PlaceIMG€€€€€€http://placeimg.com/

lorempixel€€€€€€http://lorempixel.com/

Facebox€€€€€€http://facebox.io

€€

图书

Grid Systems in Graphic Design€€€€€€http://amzn.to/1aNQC8B

HTML & CSS: Design and Build Web Sites€€€€€€http://amzn.to/1biuvJi

How to be a Graphic Designer, Without Losing Your Soul€€€€€€http://amzn.to/1eooTjo

The Shape of Design€€€€€€http://www.buyolympia.com/q/Item=frank-chimero-the-shape-of-design

A Practical Guide to Designing for the Web€€€€€€http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web

Hardboiled Web Design€€€€€€https://shop.smashingmagazine.com/hardboiled-web-design.html

Designing for the web (Free)€€€€€€http://designingfortheweb.co.uk/

Smashing Book #4€€€€€€https://shop.smashingmagazine.com/smashing-book⑷-new-perspectives-on-web-design.html

The Geometry of Type€€€€€€http://amzn.to/1ekRiSV

Insites: The Book€€€€€€http://viewportindustries.com/insites-the-book

Don’t Make Me Think€€€€€€http://amzn.to/1ekRul6

Above the Fold€€€€€€http://amzn.to/1cLAIdv

Design is a Job€€€€€€www.abookapart.com/products/design-is-a-job

这是1个有温度的公众号