亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

眾所周知，玩兒設計素材很重要。絕大多數(shù)的設計作品的背后都有著多種多樣素材作為支撐，圖片、字體、圖標等素材是設計作品中直觀可見的組成部分，與此同時，設計創(chuàng)意和設計靈感則以相對隱性的方式參與到設計中來，同樣很重要。除此之外，小工具、插件的運用還可以加速設計，而設計之外的各種信息和知識也會讓設計更富有生命力。素材，的確重要。

今天我們搜集的200+網(wǎng)站構成頗為復雜，但是分類比較清晰，除開一部分開袋即食的資源站之外，還有一部分網(wǎng)站也會給設計師許多啟發(fā)。不要猶豫，請收下吧~

圖片素材

免費資源

Unsplash?—?www.unsplash.com

Picjumbo?—?www.picjumbo.com

Gratisography?—?www.gratisography.com

Superfamous?—?www.superfamous.com

Little Visuals?—?www.littlevisuals.co

Split Shire?—?www.splitshire.com

Pixabay?—?www.pixabay.com

I’m Free?—?www.imcreator.com/free

New Old Stock?—?www.nos.twnsnd.co

Function Free Photos?—?http://wefunction.com/category/free-photos/

Paul Jarvis Free Photos?—?http://pjrvs.com/a/photos

Zoomy Images?—?http://zoomyimages.com/

同為干貨，不容錯過：《免費高清第二波！12個無版權限制的大圖特供網(wǎng)站》

收費資源

Dollar Photo Club?—?http://www.dollarphotoclub.com

Compfight?—?www.compfight.com

Stocksy?—?www.stocksy.com

Placeit Product Shots?—?www.placeit.net

iStockphoto?—?http://istockphoto.com

offset?—?http://www.offset.com

Corbis?—?http://www.corbisimages.com

Facebox?—?http://facebox.io

排版設計

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/

追求高大上的視覺設計是一種精神：《將高大上進行到底！40款WORDPRESS和JOOMLA模板》

線框圖

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

摸清差異：《漲姿勢！聊聊線框圖、原型和視覺稿的區(qū)別》

原型設計

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

產(chǎn)品設計過程中是如何使用原型的：《腦洞大開！你應該知道的產(chǎn)品設計14招》

響應式設計

Responsive.is?—?http://responsive.is/typecast.com

Gridpak?—?www.gridpak.com

Responsive Nav?—?www.responsive-nav.com

Off Screen Navigation?—?http://tympanus.net/Development/MultiLevelPushMenu/

Responsive Web Design Test?—?www.designmodo.com/responsive-test/

Media Queries?—?www.mediaqueri.es

Foundation by Zurb?—?www.foundation.zurb.com

Jetstrap?—?www.jetstrap.com

Webflow?—?www.webflow.com

Gridset?—?www.gridsetapp.com

BrowserStack?—?www.browserstack.com

Sassaparilla?—?http://sass.fffunction.co

Sidebar Transitions?—?http://tympanus.net/Development/SidebarTransitions/

Dimensions (Chrome Extension)?—?https://chrome.google.com/webstore/detail/dimensions/hdmihohhdcbejdkidbfijmfehjbnmifk?hl=en

Responsive Grid System?—?http://responsive.gs/

Responsi?—?http://respon.si

不容錯過的響應式設計：《干貨！設計師必讀的15個響應式網(wǎng)頁設計教程》

色彩

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

玩轉色彩，抓住眼球：《網(wǎng)頁設計新趨勢！教你輕松玩轉設計中的純色和漸變效果》

免費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?—?https://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/

拿好這些PSD！《八月設計資源來了！30個精致有范的UI KIT免費下載！》

圖標設計

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

看偏教程調(diào)整一下：《PS教程！手把手教你打造復古的牛皮質(zhì)感通訊簿圖標》

PS工具和插件

Mac Rabbit Slicy?—?www.macrabbit.com/slicy/

Renamy?—?www.renamy.com

Blendme.in?—?www.blendme.in

這里強烈推薦一款Grid外掛教程：《PS 參考線插件GuideGuide下載及使用說明》，誰用誰知道！

靈感

Siteinspire?—?www.siteinspire.com

Land Book?—?www.land-book.com

Awwwards?—?www.awwwards.com

The Best Designs?—?www.thebestdesigns.com

Dribbble?—?www.dribbble.com

Behance?—?www.behance.com

Niice?—?http://niice.co

One Page Love?—?http://onepagelove.com/

從案例中收獲靈感：《木有設計靈感怎么辦？這9枚網(wǎng)站幫到你！》

支付

Stripe?—?www.stripe.com

GoCardless?—?www.gocardless.com

Plasso?—?https://plasso.co

便捷工具

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-4-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

Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students?—?http://amzn.to/1ixVKOc

The Visual Display of Quantitative Information?—?http://amzn.to/1n8vezb

在這里，遇到好資源！