有哪些平面設計網站值得推薦?

在做海報,設計網頁中能用到的都好


15.7.20更新

轉譯自日本設計網站photoshopvip(已作刪改),其實他們也是轉譯的,只不過原文章被刪了。

轉載請標明出處及譯者。


你找到了什麼時候都能使用的設計素材庫嗎?


在這裡,你能找到免費的素材、配色、資源、參考文獻等等,所以你最好收藏一下。這次的列表,有這些內容:配色靈感、圖片靈感、icon素材、背景圖片素材、字體素材、YouTube設計相關視頻、設計相關社區

大家自取吧。

  • 配色靈感

換一百種顏色也挑不出來的時代,已經過去了。前先天介紹了100種類の配色カラーパレット,如果你希望有更多的靈感,請往下看。

  1. Flat UI Color Picker – Flat Design必不可少,顏色自動分類
  2. ColourLovers – 色彩社區,不僅可以配色,還可以共享他人的色彩
  3. Material Palette – 選好顏色後,可以實時看到Material Design下的效果
  4. Color by Hailpixel – 可以調整色調、亮度、飽和度等等
  5. Coolors – 選擇一種顏色,自動配色
  6. ColRd – 根據顏色、漸變、調色板等尋找圖像資料
  7. Color Hunter – 從你上傳的圖片中自動提取5種配色
  8. BrandColors – 總結各個企業在用的配色
  9. ColorKit – Photoshop擴展
  10. TinEye Labs – 根據顏色挑選圖片。
  • 圖片素材及靈感

以下是創意過程的參考網站,包含平面、UI、插畫、攝影各個領域。

  1. Awwwards – 展示最前沿的Web設計,並可以對那些網站打分
  2. Favourite Website Awards(FWA) – 類似前者,最喜歡的網站設計獎
  3. Dribbble – 不解釋
  4. Behance – 不解釋
  5. Typespriation – 字體組合
  6. Niice.co – 相信我,你可以無限翻下去
  7. DesignTAXI – 設計相關新聞,產品趨勢等等
  8. Twibfy – 選了領域之後,往下翻吧
  9. Logopond – 收集LOGO
  10. Designspiration – 配色-圖像

  • Icon素材

前幾天介紹了無料アイコンをダウンロードできる50個のサイト(免費icon網站50個),在這裡選出來一些好點的。

  1. Captain Icon – 350種以上適量圖標,可商用
  2. Canva – 設計項目需要的圖標庫
  3. NounProject – 介紹過
  4. Medialoot – 很多免費資源
  5. GraphicBurger – 比較獨特、風格化
  6. Psddd.co – 有其他地方沒有的動畫圖標
  7. Dbfreebies.co – 發表在Dribbble和Behance的圖標
  8. Iconfinder – 龐大的icon庫
  9. Flaticon – 如題,無版權
  10. Iconmonstr – 無版權
  • 背景圖片素材

之前也介紹過背景デザインの作り方などご紹介(製作背景的方法)、但還是做一個免費背景圖片的網站列表吧。

  1. Freepik – 13,000種以上的背景圖片
  2. Pixabay – 接近20,000張
  3. Free PSD Files – 這裡的看了一下,其實有點LOW
  4. Blurgrounds – 模糊背景
  5. Vector.Me – 矢量背景圖
  6. Vecteezy – 矢量背景圖
  7. Polygons – 多邊形設計資源
  8. Geometric Backgrounds – $14多邊形背景
  9. GraphicFuel – 範圍廣
  10. Vector BG – 商業用,你懂得

  • 字體素材

使用好10條字體排版黃金法則(フォントをうまく組み合わせる10個のルール),一起欣賞吧。同時可以看看Awwards 2015年度100個最佳字體整理(2015年のベストフリーフォント100個まとめ)

  1. DaFont – 下載前輸入文字預覽
  2. Font Squirrel – 免費可商用
  3. Creative Market – 需購買
  4. MediaLoot – 除了圖形外,也可以搜索字體,資源豐富
  5. FreebiesBug – 博客聚合網站,內含免費字體
  6. FontFace Ninja – 識別字體
  7. KevinAndAmanda – 獨特的手繪風格
  8. FontSpace – 免費字體
  9. SimplytheBest Font – 特殊效果字體
  10. Letterhead Fonts – 標題字體
  • 設計相關社區

通過設計社區平台,了解設計趨勢,探討問題,你還可以得到來自世界各地設計師的反饋。

  1. The Web Blend – 自由職業者,關於設計的知識和信息
  2. Graphic Design Forum – 設計論壇
  3. Behance – 不解釋
  4. DeviantArt – 活躍用戶數最大的設計社區
  5. DreamInCode – 與其他設計師交流設計和藝術品
  6. Newground
  7. Flickr – 不解釋
  • YouTube設計相關視頻

用YouTube可能也會浪費時間,那用在教育上會怎麼樣呢。以下列表就是許多介紹先進的設計理念視頻/動畫。

  1. Shawn Barry – 選擇字體和排版等等,覆蓋面廣
  2. TastyTuts – 從初學開始,Photoshop教程
  3. SpoonGraphics – 編集很好,簡潔地介紹了設計教程的要點
  4. The Skool Network – 了解在設計業界,專業的設計師在做些什麼
  5. Armaganvideos – 平面、視覺、插圖教程比較多
  6. Stephen Looney – 短期教授設計師所需的專業技能
  7. Draw with Jazza – 學習美妙的手繪
  8. MarkCrilley – 已經被播放20W+的手繪藝術家頻道

~~~~~~~~~~~~~~~~~~~~~~~~聽說得有條分割線~~~~~~~~~~~~~~~~~~~~~~~~

15.5.14更新,前幾天在另一個問題下驟然看到我這篇回答,有點哭笑不得。私信了解之後,得知那位知友是從一個blog轉的,並不知情,後來也已向我道歉。雖然如此,心情還是挺複雜的。

補充神器:

  • TheStocks.im best royalty free stock photos in one place免費高質量圖片素材網站集合。

  • Beautiful web type 西文字體設計與排版參考

——————————————————我是分割線—————————————————

原答案

神器一:Pinterest(需要註冊),相當於全世界的人都在幫你找靈感!無論什麼類別的設計都能找到你想要的風格,但是搜索時最好用英文

比如:
1. 搜索「Poster」

2.搜索「web site」


3.搜索「ui」


神器二: NounProject ,
複雜的說就是一個集眾人之力為所有名詞繪製矢量圖形的項目,同時開放下載(所有圖形全為矢量可以編輯),同上建議英文搜索。

比如:1.搜索「men」

2.搜索「women」

神器三:flickr.com ,雅虎的圖片社區,大部分相片可以免費下載,但是需要雅虎賬號。

四: Dribbble - Show and tell for designers 設計師與靈感的聚集地

五: Tumblr 國外的輕博客,可以找到很多靈感和優秀的攝影作品。


花了幾個鐘頭整理了一下我的收藏夾,分別有優秀設計案例,國外設計資訊,圖片收集,字體,配色,時尚類網站,文案類,插畫類,攝影類,商業類,還有思考類,分享給大家:


網頁分類:


1.【優秀設計案例】


Nippon Design Center, Inc. Nippon設計中心

A Black Cover Design 廣煜工作室

http://tudesignoffice.com/portfolio/ 塗設計官網

L-A-B DESIGN 連和部設計

Wolff Olins - We partner with ambitious leaders Wolff Olins

容設計 容設計

reDSGN | redesign inspirations worth sharing redsgn官網

Tommy Li Design Workshop 李永銓設計公司

Clase Bcn

Featured Design, Innovation, Strategy Work 青蛙設計

2.【國外設計資訊網】

The best in creativity - Creative Review

The Visual Communication Guy: Design, Writing, and Teaching Resources All in One Place!

50 Totally Free Lessons in Graphic Design Theory 50個免費設計課程

The Public Domain Review

https://issuu.com/publishers?entryPoint=embed


3. 【圖片收集網】


Unsplash | Free High-Resolution Photos

Premium Stock Photos + Illustrations

http://www.gratisography.com/

SplitShire - Free Stock Photos - SplitShire - Free Stock Photos Images

http://www.imcreator.com/free

花瓣網_陪你做生活的設計師(發現、採集你喜歡的靈感、家居、穿搭、婚禮、美食、旅行、美圖、商品等)

優美圖 - 收錄優美圖片 TOPIT.ME

4.【網頁設計】


激活你的設計創意!不容錯過的55個創意驚人的網站 55個創意網站

單頁面網站設計的5個技巧-UI中國-專業界面交互設計平台 單頁面網站設計的5個技巧

Awwwards Sites Of The Month 獲獎的網站設計

Histography - Timeline of History 一個互動做的特牛X的網站

Maserati S.p.A. - Modena, Italy

http://desimer.kr/lottie_desimer/

sjfinearts.com

Hitotsubashi University

THREE ON THE BUND

http://www.rugby.com/uk/?ab=global_fd_UK

http://www.megawing.com.tw/

Emirates | Book Flights, Hotels and Car Rental

http://www.yongche.com/gz/

http://www.ssisa.pl/1


5. 【配色】


The Color Scheme Designer 配色工具

http://digg.topys.cn/

6. 【字體試衣間】


Fonts for Print, Products Screens

DaFont - Download fonts 免費外文字體下載

FontReach 字體搜索

Dalton Maag | Home 英國字體設計公司

Home – Landing Page 字體活動(包含很多優秀字體與海報)

Okay Type


7. 【字體標誌類】


http://www.logobook.com/ 最近特別火的標誌網

http://www.logosky.net/ 設計在線 (logo設計品牌形象提升)

Type is Beautiful

http://www.rologo.com/ / 標誌共和國


8.【設計門戶類】

http://www.gtn9.com/

http://www.zcool.com.cn/

http://www.ad110.com/

http://www.underconsideration.com/brandnew

http://www.chinavisual.com/

http://adsoftheworld.com/

http://gdc11.sgda.cc/Awards/EntryWorks.aspx?Pid=3727

http://logopond.com/

http://www.design521.com/portal.php

http://www.zysheji.net/

straightline bookmark

Tags / ui - Dribbble

http://www.aifont.com/2011/?jdfwkey=q7gfl2


9.【時尚類網址】


http://www.yintai.com/product/productlist.aspx?storetype=5N=50000265sort=0pageIndex=4ptype=A%2cB

http://www.thecorner.com.cn/cn/%e7%94%b7%e5%a3%ab 時尚男裝

http://popbee.com/cn/page/3/

http://www.trendnista.com/page/2/

http://www.fashiontrenddigest.com/ 觀潮網 (推薦)

http://www.purseblog.com/

http://www.cnu.cc/

http://www.malleries.com/search.php?action=search_keywordphrase=Fendi%20Doctor%20Vitello%20Buckle%20Tote%20Bag%20Large%20Burgundymall2SID=42cc5616914a94b8ed1ed1da8ce62934

http://www.anothermag.com/loves/user/Fred_Butler

http://www.vogue.com.cn/index.php/front_search/searchnews/3?word=rose

http://www.fashiondes.com/?tag=%5F%5F

http://fashion.chicpark.com/fashion.html

http://brand.chinasspp.com/Index-2.htm

Designer Collections at Bergdorf Goodman

http://www.anothermag.com/loves/user/Fred_Butler

Designer Clothes, Shoes Handbags for Women

http://www.marimekko.fi/


10.【時尚大牌類】


香奈兒官網_CHANEL官網_香奈兒中國官網 | 香奈兒CHANEL官網

PRADA - OFFICIAL WEBSITE - CN

Request Failed

You searched for LV

http://www.glamourboysinc.com/2010/12/gbi-selected-chicest-ad-campaigns-of.html

Gucci Ad images on Photobucket

http://www.fashionising.com/pictures/p--Candice-Swanepoel-Tom-Ford-AW-11-campaign-10937-176011.htm l

Julianne Moore and Bulgari – Behind the Scenes

Gucci Ad images on Photobucket
http://minipub.blogspot.com/search/label/Burberry

http://www.isabellaoliver.com/_$ja=tsid:35426%7Ckw:TnL5HPStwNw

WHISTLES | Women"s clothing, men"s clothing, contemporary fashion

Topshop - Women"s Clothing

BOSS collection for men women

Luxury Women"s Clothing and Designer Fashion - Anna

Women"s designer clothes, shoes, bags accessories

Liberty London | Liberty London

50個頂級時尚品牌網站 - 設計之家 50個頂級時尚品牌設計網站


11.【國內設計公司與微博】


字體設計_新浪博客

[轉載]我喜歡的一套環境指示系統設計,值得分享_新視界標識_新浪博客

http://www.guomii.com/posts/22639

http://www.sz4a.cn/home/Solutions.htm

我知道你的廣告費有一半浪費了,我知道是哪一半。_華杉_新浪博客

俺認真做過的案子-成都城市形象_朱小海_新浪博客

【每日ONE設計分享系列】(九) 巴西-Casarex

[轉載]Hajdu Anett品牌2011-2012秋冬配飾包裝設計

http://www.hlongy.com/post/744.html

車良_新浪博客

Moving Brands -Work -

Sixstation Workshop | Vision with Fusion


12. 【一些設計公司】


http://www.cato.com.au/aust/en/news#/aust/en/work/namex

http://www.pentagram.com/work/#/all/all/newest/

http://tetherinc.com/home.aspx

Our work \ Start

http://www.magmadesign.net/filter/grafico#/REPSOL-Stands-manual

RINZEN . Forscherwelt

TNOP? DESIGN

ロゴ

http://www.pentagram.com/work/#/all/all/newest/

http://www.studiofeed.ca/

Luxury Creative Retail Bespoke Production &> Progress Packaging


13.【插畫類】


Andrew Holder的藝術插畫(每天學點12.05.18)

http://tadcarpenter.com/work/illustration-1/2011-holiday-goodies/

Andrew Holder的藝術插畫(每天學點12.05.18) 插畫收集博客


14.【策略類】


大禮不言--八馬商政禮節茶_葉茂中_新浪博客葉茂中 「八馬」策略,市場分析

廣告門:一個行業的跌宕起伏 廣告門

商業評論網-打造最有影響力的管理者社區 商業評論網


15.【文案類】


全球頂尖創意分享平台 OPEN YOUR MIND 頂尖文案 (全球頂尖創意分享)

博文_房地產廣告精選_新浪博客 房地產廣告精選

Sina Visitor System 房地產廣告精選 微博


16. 【食品類網址】


巧克力之吻︱你的吻里有巧克力的味道... 巧克力之吻-各國巧克力聚集地

日本食品品牌集合(120317更新) 日本食品品牌集合

kashibako.com

MILK JAPAN(ミルクジャパン)

ネスレ 製品ラインナップ

14個入ギフトセット (W-04)|ギフトセット | ベルギーワッフル マネケン ショッピングサイト

http://www.kewpie.co.jp/obentou/index.html

http://www.fruute.com/

Keith Homemade Cakes

Easy Bistro | Chattanooga

Resto Hull- Restaurant Gatineau- Pizza Hull- Restaurant Ottawa- Bar à vin- Salon privé- Resto Italien- Restaurant Italien- Vignoble Québec- Vin Québec- Bistro Québec- Resto bar Gatineau

http://suplicycafes.com.br/v2/

Casual Dining Restaurant American Cuisine: El Paso, TX

Chipotle Mexican Grill

Pizza Cluj cu livrare la domiciliu

Yogoberry

Chateau Golf 7 Tours

The Square Restaurant | Central London Restaurant

"We work with producers who are as passionate about growing as I am about cooking", Tom Aikens

servizi di catering per eventi esclusivi


17. 【美妝類】


??? ??? ?? ? ?????

O Boticário


18. 【攝影類】


藝術_國際藝術界 藝術_國際藝術界

Marble.co 可愛風案例設計

【廣州坐車網】長途汽車票查詢|大巴車票查詢 - 乘車網 摩登印象 (創意攝影,人像攝影)


19. 【商業類】


http://dongwu.21cbr.com/

商業評論網-打造最有影響力的管理者社區 商業評論網
21商評網_新商業敏感者_《二十一世紀商業評論》_官方網_21商評網 21世紀商業評論
http://dongwu.21cbr.com/ 冬吳相對論
https://china.mckinseyquarterly.com/home.aspx 麥肯錫季刊


20.【輔料參考】


Taste of Ink Studios

優眾網-全球時尚奢品購物網站

服裝 | 外套 | NET-A-PORTER.COM 頗特女士


21.【思考力】


九問字體設計基本知識_字體設計_新浪博客

http://mse.360.cn/tj/networkfav3.html?fr=se

麥肯錫7S模型 - MBA智庫百科


希望對大家有用。


=================================================

設計不是奢侈品,設計是日用品

歡迎關注我的公眾號,我會不定期更新設計乾貨與日常美學:微信公眾號:設計便利店 或 搜索微信號:designmart


一起進步。

共勉。


建議多看看國外的網站,我自己看的有:

很多優秀設計師的portfolio展示平台
http://behance.net

靈感圖片的集中地:
http://vi.sualize.us
http://designspiration.net
http://www.itsnicethat.com/
http://ffffound.com

web設計知識和靈感:
http://smashingmagazine.com
內容相當優質,平面設計的優秀作品也展示了很多,也分享了很多教程

看完國外的你眼界就高啦,做東西趕腳就不一樣了


免費資源

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?—?Free Photos

Paul Jarvis Free Photos?—?Free High-Resolution Photos / Paul Jarvis

Zoomy Images?—?Zoomy Images

同為乾貨,不容錯過:《免費高清第二波!12個無版許可權制的大圖特供網站》


收費資源

Dollar Photo Club?—?Dollar Photo Club

Compfight?—?www.compfight.com

Stocksy?—?www.stocksy.com

Placeit Product Shots?—?www.placeit.net

iStockphoto?—?http://istockphoto.com

offset?—?Premium Stock Photos + Illustrations

Corbis?—?圖庫圖片,免版稅圖片,插畫

Facebox?—?Facebox: Stock Avatars for User Interface and Presentations


排版設計

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?—?Font-To-Width

把握排版設計的原則:《打造順暢閱讀體驗!版式設計有哪些原則和方法?》


視覺稿設計工具

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?—?Red Pen

PSD Covers?—?Premium Free Photoshop Cover Actions, product mockups

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


線框圖

Moqups?—?www.moqups.com

http://Wireframe.cc?—?ww.wireframe.cc

Mockflow?—?www.mockflow.com

Mockingbird?—?www.gomockingbird.com

Flair Builder?—?FlairBuilder

Balsamiq?—?Balsamiq Mockups

Axure?—?Interactive Wireframe Software Mockup Tool

Justinmind?—?Justinmind: Interactive wireframes for web and mobile

UX Pin?—?UXPin: UX Design Wireframing Tools As Beautiful As Your Work

摸清差異:《漲姿勢!聊聊線框圖、原型和視覺稿的區別》


原型設計

InVision?—?Free Web Mobile (iOS, Android) Prototyping and UI Mockup Tool

Mixture?—?www.mixture.io

Flinto?—?www.flinto.com

Gridset?—?www.gridsetapp.com

Marvel?—?https://marvelapp.com

Webflow?—?Webflow - Top Responsive Website Builder

Red Pen?—?Red Pen

Proto?—?Proto.io - Silly-fast mobile prototyping

Iconii?—?http://iconii.com

Macaw?—?Macaw: The Code-Savvy Web Design Tool

Froont?—?FROONT - Responsive Web Design Tool

產品設計過程中是如何使用原型的:《腦洞大開!你應該知道的產品設計14招》


響應式設計

Responsive.is?—?Responsive.is

Gridpak?—?www.gridpak.com

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

Off Screen Navigation?—?Multi-Level Push Menu

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?—?Sassaparilla: Fiennes Edition

Sidebar Transitions?—?Sidebar Transitions

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

Responsive Grid System?—?Responsive Grid System

Responsi?—?Responsi

不容錯過的響應式設計:《乾貨!設計師必讀的15個響應式網頁設計教程》


色彩

0 to 255?—?www.0to255.com

Colour Lovers?—?www.colourlovers.com

Brand Colors?—?www.brandcolors.net

Adobe Kuler Color Wheel?—?Adobe Color CC

Color Scheme Designer?—?www.colorschemedesigner.com

Hex to RGB Converter?—?HEX to RGB Converter

Coleure?—?Coleure

Colllor?—?http://colllor.com/

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

玩轉色彩,抓住眼球:《網頁設計新趨勢!教你輕鬆玩轉設計中的純色和漸變效果》


CSS

Animate.css?—?www.daneden.me/animate

CSS3 Animation Cheat Sheat?—?http://www.justinaguilar.com/animations/index.html

Can I Use??—?www.caniuse.com

Animation Fill Code?—?www.animationfillcode.com

Pure?—?Pure

The Magic of CSS?—?Magic of CSS

使用CSS3製作自然流暢界面看這篇《這個比較高端了!CSS3動畫幀數科學計演算法》


HTML 5

HTML5 Please?—?www.html5please.com

Can I Use??—?www.caniuse.com

從這裡,讀懂HTML 5: 《HTML5是如何成為網頁設計的未來的》


JavaScript/jQuery

Unheap?—?Unheap - A tidy repository of jQuery plugins

Touchy Js?—?Hot Studio : Touchy

FitText?—?FitText - A plugin for inflating web type

Touche.js?—?Touche.js - seamless touch event mapping for your click events

Cortado.js?—?http://benhowdle.im/cortado/

FlickFeed?—?Flickfeed.js

Heisenburg.js?—?Heisenberg.js

Pickadate.js?—?pickadate.js

Lettering.js?—?Lettering.js

Freetile?—?Yannis Chatzikonstantinou / Freetile.js

Backstretch?—?Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page

Hook?—?http://usehook.com

Echo JS?—?Echo JS - JavaScript News

Up to date?—?How to keep up to date on Front-End Technologies

JS Fiddle?—?Create a new fiddle

技術和思想一樣重要:《優秀界面的終極形態:隱形的界面》


免費PS素材

http://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?—?Latest free PSDs other resources for designers

Marvel?—?Free Design Resources

Ui Space?—?UI Space

DB Freebies?—?DB Freebies Design Resources from Behance and Dribbble

365 PSD?—?365psd | Download a free PSD every day.

Pixel Buddha?—?PixelBuddha: free and premium resources for designers and developers.

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?—?Free vector icons

The Noun Project?—?NounProject

Perfect Icons?—?Perfect Icons

Iconfinder?—?www.iconfinder.com

看偏教程調整一下:《PS教程!手把手教你打造復古的牛皮質感通訊簿圖標》


壓縮圖片

Tiny Png?—?www.tinypng.com

JPEGmini?—?www.jpegmini.com

ImageOptim?—?www.imageoptim.com

好技巧,莫錯過:《朽木可雕!10個技巧讓你的壞圖瞬間變高大上》


PS工具和插件

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

Renamy?—?www.renamy.com

http://Blendme.in?—?www.blendme.in

這裡強烈推薦一款Grid外掛教程:《PS 參考線插件GuideGuide下載及使用說明》,誰用誰知道!


2017年9月30日,重磅補充。

之前我收藏了一堆設計網站,但是一個個打開很麻煩,而且我平時看國外的網站多一點,這些國外網站經常打不開,或者打開後死在那。

現在只用一個網站就可以滿足我對設計網站的需求了:大作 www.bigbigwork.com。

「大作」以前叫「大獅搜索」,它有點像設計導航+搜索引擎。

它把全球知名的設計、攝影網站都搜羅到一起了,而且進行了分類,最厲害的是你可以直接在裡面同時搜索多個網站,就不用再打開一堆網站來回切換了。

而且大作自帶加速功能,也不用下載什麼軟體就可以比較快的瀏覽國外網站的作品,我之前買了好幾個打出來會被和諧的軟體都用不了了,所以大作的出現很是時候。

一般找素材我會用「攝影圖片」分類,裡面有500px、flickr、Alamy等幾十個國際攝影網站,有時公司用圖會在這裡買。

「免費版權」分類裡面就是可以找到免費商用的圖,像Pixabay、Unsplash、Pexels這些免費素材網站都能同時搜到,還有一些其他國家的。

看作品的時候我會用「廣告設計」、「UI設計」分類,裡面有很多大神作品,像Behance、Dribbble、Awwwards這些網站就不多介紹了。

但我逛的最多的還是Fine art這個分類,裡面很多先鋒、新銳的藝術和設計作品,看起來感覺很爽。

還有「產品設計」、「經典藝術」這些分類也都不錯,但是我用的比較少就不多說了。

還有就是功能上的一些設置也是好用到飛起,比如一鍵下載原圖,搜索詞自動翻譯·····

不多說了,大家自己體驗吧:http://www.bigbigwork.com,電腦網頁上使用起來最流暢。

覺得有用點個贊吧~


1.有步調的打開眼界「365 Awesome Designers」

鏈接:http://365awesomedesigners.com/

每天推薦一名優秀設計師作品

2.能把腦仁兒炸開的Booooooom

鏈接:http://www.booooooom.com/

網站設計簡約但內容豐富,有很多創意性的圖片,可以給用戶提供很多設計靈感。

3.世界著名的日用網站「Behance」

鏈接:http://www.behance.com

4. Howdesign

鏈接:http://www.howdesign.com/

網站介紹關於設計界的的各種新動態,分享各種靈感來源,並且與商業掛鉤緊密。

5.Color Claim

http://www.vanschneider.com/colors/

顏色搭配樣板的網站。可以在網站上尋找色彩搭配靈感及下載大量的樣板。

6.Information is beautiful

鏈接:http://www.informationisbeautiful.net/

信息可視化參考

7.Subsign

鏈接:https://subsign.co/

數字媒體公司開發的網站。除了分享各類設計相關的知識,還有開放視頻分享。

8. Studio Details

鏈接:http://www.details.co.jp/

日本設計公司開發的網站,分享超現實主義美學應用

9.Hero patterns

鏈接:http://www.heropatterns.com/

網站收集大量圖案並支持下載

10. Vau Fonts

鏈接:https://vaufonts.com/

簡單有趣的排版設計網站,可以通過工具設計屬於自己的字體,並有素材下載。

11.DaFont

鏈接:http://www.dafont.com

免費英文字體庫下載站是一個提供免費的英文字體下載的站點,雖然沒有中文字體,但是有許多漂亮和新穎的英文字體,而且絕大部分是免費的,是設計師最好用的字型檔網站。

12. Dribbble

鏈接:https://dribbble.com

Dribbble是一個面向創作家、藝術工作者、設計師等創意類作品的人群,提供作品在線服務,供網友在線查看已經完成的作品或者正在創作的作品的交流網站。

13.The Dieline

鏈接:http://www.thedieline.com

Dieline專註於包裝設計,並由Andrew Gibbs在07年的時候創立,它也是互聯網上關注包裝設計最早的博客之一。

14.Unsplash

鏈接:https://unsplash.com

每天更新一張高質量的圖片素材,全是生活中的景象作品,清新的生活氣息圖片可以作為桌面壁紙也可以應用於各種需要的環境。

15.Illusion

鏈接:http://illusion.scene360.com/

為「美」戰慄吧

16.Bezier

鏈接:http://bezier.method.ac/

通過遊戲的方式幫你掌握鋼筆工具的繪畫路徑

17.FFFFOUND!

鏈接:http://www.ffffound.com

優質的圖片挖掘站,註冊需要邀請,圖片可以根據相應標籤顯示同類圖片。

18.Fontex

http://www.fontex.org

字體免費下載,可用於商業用途

19.Awwwards

http://www.awwwards.com/

分享世界各地的優秀網站,並進行打分。

20. JDN

鏈接:https://www.japandesign.ne.jp/

除了介紹一些設計師新作名作之外,還會推薦一些相關書籍與實時展覽訊息,以及一些交流會訊息。除了平面還會有一些建築、交互、時裝設計以及藝術方向的案例新作。

21.Cinra

鏈接:http://www.cinra.net/

基本上全部是一些設計師與藝術家的專訪,能更加深入的了解到她們在創作歷程中,經歷的一些思維轉變過程。

最後特別推薦:DADA

鏈接:https://dada.nyc/home

DADA的slogan是Speak Visually,在這個網站你可以與其他藝術家通過創意視覺圖像的聯結進行對話。比如你發布一張圖畫,世界上的任何人都可以以不同的圖畫回復你。這是一個有趣的連接的方式,激發創造力,並探索團體合作的思維方式。

望有用,歡迎交流

———————————————————

歡迎關注我的個人官方微信(kang-shishi)

http://weixin.qq.com/r/BkRfRzjE_2WErXwk9xEU (二維碼自動識別)

如有藝術留學、院校、專業、作品集方面的問題,可私信康石石諮詢


網站多得眼花繚亂,收藏夾都擠爆了!瀏覽過後轉眼就忘,倍感累覺不愛,無奈之下,卻不知該如何是好?看來是時候由我來分享一波,壓箱底的乾貨了:1個頂1000個用的網站!滿足身為設計師的你,對網站收藏的所有嚮往。
晃眼眼一看,也許你會覺得我是一個標題黨,不過我有信心保證在你在看完過後這個回答以後,會和我一樣,迫不及待地將這個網站設為你的瀏覽器主頁。ok,我們開始吧!

網站名稱:設計訂閱 - 騰訊設計導航
網站地址:http://idesign.qq.com
@酷coo豆 推薦語 :最懂你的設計導航,只要一個就好。
網站簡介:聚合優質站點,篩選優質內容!
網站特色:你要的Dribble、Behance、Awwward、Pinterest、站酷、UI中國、花瓣...各種靈感,這個網站都統統都給你。

一、寫在前面
作為設計師想要設計出足夠優秀的作品,除了擁有熟練的技能外,還需要擁有出眾的創造力和審美。如果對萬事萬物沒有足夠豐富的體驗和感受,沒有對美的認知和體會,是很難提高層次,做出滿意的設計的。
「開闊眼界,提高審美」,無疑是設計師的一門必修課。大家可以先從點開http://idesign.qq.com開始。

二、網站核心
不管你是剛入門的初級設計師,還是有經驗的高級設計師,都需要通過「看」,也就是閱讀和整理各種資訊和信息並去蕪存菁,來提高審美,拓展思路。

騰訊設計導航這個網站幾乎完美地解決了這個問題,設計師在使用這個導航網站時可以享受一站式的閱讀體驗,更方便的瀏覽和收集信息,作為自己的靈感之源。

三、網站結構
網站整體採用了兩欄結構作為基礎框架。左側用來羅列訂閱源,右側用來展示內容列表。首頁做得非常的簡潔,砍掉了多餘的分類和隱藏多餘的操作,設計師在使用騰訊設計導航時,能更容易聚焦於內容,獲得舒適的閱讀體驗。

四、玩轉網站內容

你除了能看到設計導航本身的推薦內容,你還可以看到其他用戶都在關注什麼,都推薦了哪些站點,讓你發現更多的優質內容。形成良好的分享與學習,不斷吸收進步的閱讀生態。你還可以給你喜歡的內容點贊,輕鬆創建自己的資源庫。持續關注和更新自己的收藏內容。

1.可根據你的喜好添加網站訂閱源:你如dribble、Behance、Awwward、站酷、UI中國等

2.你可以看到其他設計師推薦的優秀網站,你也可以自發推薦:如關於界面設計的網站推薦↓↓↓

3.收藏你喜歡的網站或作品,構建屬於你獨一無二的靈感庫!

4.安裝設計導航Chrome插件,提供每日靈感所需的維生素。

安裝插件後,可以隨時查看最新的精選內容,非常nice。↓↓↓

以上推薦的網站只有一個:設計訂閱 - 騰訊設計導航,http://idesign.qq.com。

最後@酷coo豆 厚著臉皮再贈送一個:平面設計學習日記網,www.xxriji.cn。

這我專門為自學平面設計的初學者製作的網站,致力為零基礎自學平面設計的同學,提供快速入門的資源參考。主要包含:設計圖書、視頻教程、軟體下載、平面設計自學指南等。

你所看到的也許正是別人需要的,覺得有幫助的就點贊一下哦。(完)


包裝設計師的福利
包裝設計 畫冊設計 海報設計 資源整理(全部免費)

包裝設計欣賞: http://baozhuangren.com/forum-baozhuangsheji-1.html
盒型刀模下載:盒型列表 | 包裝人
創意盒型大全:http://baozhuangren.com/forum-52-1.html
包裝設計電子書:http://baozhuangren.com/kucg_ezine-ezine.html
包裝設計源文件xiazai :http://baozhuangren.com/forum-53-1.html
包裝設計軟體下載:http://baozhuangren.com/forum-44-1.html
包裝設計常用字體:http://baozhuangren.com/forum-43-1.html
包裝智能貼圖樣機下載:http://baozhuangren.com/forum-42-1.html

包裝打樣系統:http://yundayang.com
包裝人設計聯盟:http://baozhuangren.com
包裝設計最全的互動平台
日本紙盒包裝創意設計
包裝設計網
包裝結構設計大全
包裝紙盒1000例
包裝結構圖
包裝結構設計

其他:
畫冊AI源文件下載:http://baozhuangren.com/forum-50-1.html
海報PSD源文件下載:http://baozhuangren.com/forum-51-1.html


既然這問題如此直接,小創我也就不藏著掖著了,是時候安利一波了

創客貼_免費的在線設計工具_豐富的平面設計素材滿足用戶的各種設計需求

先來甩幾個亮點

  • 雲端保存設計,隨時隨地就能修改
  • 即時分享,可多人協同設計
  • 支持多種格式,一鍵下載——png、jpg、pdf、ppt
  • 本地圖片上傳,支持掃碼直接上傳手機里的圖片
  • 一個賬號,網頁版、ipad版、ios版同步使用

不得不說,這裡就是一個可編輯的巨型素材庫

不同的營銷場景需要使用不同的設計尺寸。當然,針對不同的尺寸,設計需要考慮的構圖也不同。確定營銷場景,從而確定設計尺寸,是不可忽視的第一步

微博、郵件、微信公眾號、海報、名片、折頁、易拉寶、DM單、邀請函、菜單、工作證、優惠券、會員卡、門票、ppt、簡歷、淘寶主圖、詳情頁……每個場景都設置好了相應的尺寸,免去了我每次都要去找尺寸的麻煩

直達模板中心,模板圖片_免費模板下載_免費設計模板素材_創客貼

進入網站,你能看到下面的素材分類,這裡不僅提供了高清的圖片素材,還集合了許多矢量素材,方便設計使用

點擊【圖片】這個分類,就能看到各種標籤的圖片

強調一句,這裡的所有圖片都是可以免費商用的,不用擔心版權問題

展開全部分類,常用的關鍵詞都有提供,選擇十分方便

每逢佳節、熱點什麼的,這裡都會及時更新相關設計素材

另外還有ppt常用的圖標素材,可以直接拖動使用,不用先去素材網站下載再上傳到powerpoint

電商素材也方便各位店主裝飾自己的門面

各種有趣的插畫素材,做個頭像,斗個表情,都滿足你

除了這些基本的選項之外,創客貼還提供了搜索功能,方便你更精準的需求

作為一款平面設計工具,創客貼自然提供了一些基本的設計功能,當然操作方式也極為簡單

1. 12種濾鏡,外加一些基本的可調節參數選項,簡單又高效

2. 幾十種在線中文、英文字體隨意使用,商用和個人使用都可,無需考慮版權問題

3. 在線調色板,在線拾色器幫你輕鬆做圖,專不專業的都趕緊來

4 . 創客貼目前提供5種可視化的數據圖表樣式,輸入數值即可生成對應的圖表

5 . 除了工具本身,創客貼還有自己的設計學院,提供各種設計的視頻、圖文教程

另外,PPT格式的下載也是福利滿滿,下載的ppt文件可以直接用powerpoint打開進行修改,所有的素材都是獨立的。

如果製作完成,也可以直接在平台上進行全屏演示,創客貼支持多種轉場動畫。整個過程,隨改隨用,炒雞方便,如果你是一名教師需要課件教學,或者學生需要演講,不妨來嘗試下這種方式,新鮮,簡單,實用

點擊獲得ppt免費模板

對於工作中的80、90後來說,需要設計用圖的場景很多,微信、微博等眾多社交媒體催化年輕一族通過自助設計的圖片來彰顯個性、表達情感、批量刷圖,所以別光挺著一本正經的ps臉了,裝逼也是要與時俱進噠


Seeseed來了。

我每天都會在 http://www.seeseed.com 推薦一個好網站,最近又累計了一些,平面設計值得推薦的網站真的是很多,我先從最新更新的挑幾個吧:

  1. 每日一粒 | Vol.256 精簡陳列,全方位帶你瀏覽現代風格設計

SgustokDesign是一個以Modern Design為主題的在線作品目錄,整個網站也透著滿滿的性冷淡風。作品收錄範圍挺廣,從建築設計,電子設計,平面,時尚,玩偶,包裝,到室內設計,工業設計等都有涉及。每個作品都以單圖、名稱、收錄時間和分類的形式精簡呈現,方便瀏覽。對於想要快速全面了解現代風格設計的人來說非常值得收藏~

2. 每日一粒 | Vol.226 超全分類~平面印刷設計必看!

如果你關注平面設計,尤其是印刷、排版,For Print Only就是你必看的一個網站。這個網站成立於2009年,如它的名字一樣,以印刷為主題,甄選來自世界各地讀者所提交的內容進行分享。在Browse欄中,可以根據印刷方式、項目類別和標籤進行選擇,你會發現分類及其詳盡。快打開看看吧!

3. 每日一粒 | Vol.218 一家日本平面設計機構

Kokokumaru是一家日本平面設計機構,創辦於1984年,主要承接品牌、廣告、平面、雜誌等設計項目。Kokokumaru的網站本身就有著鮮明的日式網頁設計的獨特風格之一:小巧,凝練,剋制。Works中展示了他們過去的一些項目作品,包括品牌,海報,書籍,還有字體標誌等,內容不多但值得逐一點開看看。

來個配色的~

4. 每日一粒 | Vol.215 幫助設計師快速選定統一而優雅的配色

Colllor的使用方法很簡單,當你選定一個主色(取色或直接輸入色值),Colllor就會通過明暗度、灰度、混合色、相近色四個色條,向你展示與所選主色能協調搭配的近似色,Mix欄右邊可以自行選擇混合色。Colllor主張優雅而高級的UI配色要建立在統一的色調,Colllor雖然原理簡單,但卻能迅速幫你挑選合適的配色。

圖片素材~免費~

5. 每日一粒 | Vol.216 免費使用~每周持續更新的高解析度美圖站

Public Domain Archive是一個保持每周更新的免費圖庫,在這裡你可以為你的項目和創作找到高清的背景圖片,全部免費開放使用。除了網站本身收錄的圖片以外,在菜單欄的Free Stock Photos中,還貼心地收錄了其它的一些免費圖庫,幫助你找到更多你需要的高清美圖。

開開腦洞也無妨~

6. 每日一粒 | Vol.209 拯救乏味工作日,來點Brain Pickings?

你可能手頭堆了一堆工作,心裡清楚該馬上解決它們,但還是漫無目的地刷起了網頁。

不如來看點好玩又不讓人空虛的東西吧,Brain Pickings絕對是個值得一看的網站,它在Tumblr的主頁叫Explore。右上角的標籤會幫你找到你想看的。

想追蹤更多好玩新奇有創意的好站,可以關注Seeseed,

我的其它回答你可能會感興趣:

Seeseed:有什麼值得推薦的設計類書籍?

Seeseed:國外有哪些優秀的交互設計網站?

Seeseed:請問各位大神有沒有什麼好的藝術設計網站可以分享一下?

人氣精選 | 設計師找素材最愛去的10個網站


推薦一些國內的優秀設計網站吧

其實除了花瓣、站酷,Fotor推薦的這10個設計網站,同樣聚集了很多優質設計師,不僅可以給你更多的設計靈感,還有更多設計前沿諮詢、潮流等等信息。

1. Fotor懶設計 www.fotor.com.cn

Fotor懶設計是一個在線快速平面設計工具,它為用戶提供海量模板,用戶通過修改模板就能快速完成設計。作為設計師的你,也可以在Fotor懶設計的博客裡面,學習到與設計、修圖相關的專業知識。或者乾脆很多時候都不用打開PS,直接用Fotor解決一些簡單的設計需求。

同時,你也可以投稿到Fotor懶設計,不僅可以獲得高額的稿費,你的平面設計作品將會被製作成模板,幫助更多設計小白們快速完成設計!

2. VOICER http://www.voicer.me/

VOICER是一本分享生活美學的在線雜誌,它是由一群廣告人、媒體人、設計師共同創辦的。進入網站,你會有一種誤以為是國外網站的錯覺,因為VOICER網站的整體設計真的就像一本「雜誌」一樣,給人時尚又前沿的感覺。當然,它的內容編排也非常有趣,你可以在網站上看到很多與設計相關的新穎觀點、新鮮資訊。

3.塗鴉王國 https://www.poocg.com

塗鴉王國是中國最大的一個插畫師交流展示平台。網站以原創插畫為主要內容,聚集了越來越多的插畫家和插畫愛好者。你可以在塗鴉王國創建自己的個人作品主頁,上傳你的插畫作品,積攢粉絲,與插畫師們相互交流和學習。

4.UI中國 http://www.ui.cn/

UI中國,是專業的界面設計師交流、學習、展示平台,同時也是眾多UI設計師的聚集地,。UI中國裡面不僅有設計資訊、原創作品分享,你還可以找到培訓、招聘、學習相關的信息。

5. Seeseed https://www.seeseed.com/

Seeseed是一個設計類的導航網站,為設計師們提供國內外最全的設計靈感、設計素材、設計工具、設計教程。Seeseed每天還會精選推薦一個國內外的優秀網站,你也可以創建自己的收藏夾,並推薦自己喜愛的設計類網站給站長。

6. ARTING365 http://arting365.com/

Arting365是一家關注設計影響力,從設計思維和移動互聯網切入,解讀設計、商業、科技創新和品牌價值的設計新媒體,它也是一個內容豐富、質量上乘的中文設計資訊網站。有了Arting365,不愁看不懂第一手的國外設計資訊啦。

7. 設計癖 http://www.shejipi.com/

視覺癖是一個集工業設計資訊發布、作品展示、公司招聘、設計展會信息等為一體的綜合性的網站。在工業設計領域,設計癖發布最獨到的見解、最新最快的前沿諮詢,大家可以經常瀏覽。

8.視覺me http://www.shijue.me/

視覺ME,視覺中國設計師社區是一個致力於設計作品分享、發現、售賣的專業平台。這裡有尋找靈感的海量資料庫,也可以參與精彩紛呈的設計大賽並獲得收益和提升。.

9.凹凸實驗室https://aotu.io/

凹凸實驗室,也叫O2,是一個設計師、程序員都可以看的網站。它會分享一些交互、頁面的設計與製作技巧,還有前端開發、APP開發等方面專業知識及案例。懂點技術,不僅能為自己的設計工作增添便利,也能提升職業競爭力。

10.飛屋博客http://www.ifeiwu.com/blog

飛屋是一個以簡約輕盈風格為方向的網頁設計工作室,工作室提供創意視覺的解決方案。我們推薦的這個博客就是來自於飛屋設計。飛屋的每一篇博文都非常用心,內容涵蓋網頁設計、logo設計、平面設計等,飛屋的整體設計輕盈、乾淨、簡約,讓閱讀者能夠沉浸在設計的海洋中。


這是我去年整理的一批設計網站,基本不管平面設計還是UI設計基本都能用得著,點擊文字可以跳轉,我都加了鏈接了,以下:

第1類:素材類

千圖網 昵圖網 素材天下 懶人圖庫 素材中國 站長素材 紅動中國 視覺中國 365PSD

第2類:高清圖庫

Unsplash Wallpaper wallhaven Eput 123RF BIng圖庫 Pexels Pixabay Yestone 500PX

第3類:設計公司

eico Dine 唐碩 奧美 冰藝 正邦設計 你好大海品牌設計 Frankdigital Frag中國 奧美 ala 45R 雙暉傳媒 Nice Design We-APP

第4類:插畫漫畫

P站 插畫驛站Behance旗下插畫網 COOLVIBE 動漫之家 Drawr 創意人插畫 塗鴉王國 插畫家園 塗鴉王國

第5類:配色工具

Coolors 漂亮的漸變顏色 CssWinner網頁色彩分類 色彩獵人 中國色彩大辭典 日本顏色大辭典 MaterialUI Color Scheme Designer Colorhunter Web安全色

第6類:界面設計

花瓣網 Behance Dribbble 站酷網 UE設計聯盟 黃蜂網 UI設計 Doooor UI63 68Design Pixeden UI中國 全球酷站中心 uiparade Pinterest Material

第7類:工具神器

交互設計神器iH5 gif錄屏軟體 全能取色神器Pixeur 墨刀 CutterMan PxCook biaonimeia MarkMan

第8類:設計教程

51自學網 Do You Do 優設網 PSDtuts+ adobe設計周報 Photoshop VIP Smashing Magazine 嗶哩嗶哩動畫 騰訊課堂 網易雲課堂 騰訊ISUX

第9類:圖標下載

阿里巴巴矢量圖庫 easyicon iconpng 圖標寶 比特蟲 圖標寶 比特蟲

第10類:字體資源

求字體 A5字體 Fontfont Font fabric comicneue 葉根友字體 字體松鼠 字體傳奇 毛筆字生成

可能這樣不太好收藏,其實我是把它寫成一個html文件的,如下圖,這樣你可以放在自己電腦一個角落裡,順便在瀏覽器收藏下,就可以每次調用這個本地文件了,是不是很方便?如果你會html還可以用DW等工具打開編輯,把你不用的刪掉,經常用的加上去,有沒有很方便?

還有,經常有朋友問我有沒有好看的公司網站啊,當然有啊,那麼多我有時候也不知道你需要什麼類型的,但經過示例我都能找出一些,我平時喜歡收藏,不管什麼網站都有收藏很多,最近在整理一份網站參考的文檔,但懶癌犯了還沒整理完,後期整理好也會共享出來。

說下上面那個html文件怎麼獲取,可以關注下我公眾號「設計實驗室(Design-lab)」回復關鍵詞「設計網站」獲得的,當然不止這些,如果你需要其他資料也是有的,目前我設置了這些關鍵詞:

回復關鍵詞「UI」可以得到的是一套290G的UI資料(很亂也很大,我沒怎麼整理,如果你需要可以拿去篩選看看);

回復關鍵詞「2018」可以得到的是Adobe各種最新CC 2018的安裝包,包括win和mac版本;

回復關鍵詞「壁紙」是一套150張精選高清壁紙,既可以做素材也可以直接拿來做壁紙;

回復關鍵詞「書籍」是47本設計相關書籍;

回復關鍵詞「字體」是一套包含兩千多個字體安裝包的字體庫;

回復關鍵詞「PPT」是一套包含150個高質量PPT模板;

回復關鍵詞「樣機」是最新版的iphone8iphoneX樣機;

回復關鍵詞「iOS」是最新版最新版iOS11 KIT;

回復關鍵詞「版式設計」是南征老師版式設計精講課;

回復關鍵詞「雙11」是超過一百款雙十一海報模板;

當然還遠不止這些,很多我還沒顧得上整理,以後會陸續更新。


一些我喜歡的網站。希望能有幫助咯、
【國際藝術界】有一些國外的設計作品
http://www.gjart.cn/viewnews.asp?gjart=88cateid=2id=53295
【http://Poster.com】外國的海報網站。
http://www.poster.com/
【http://Allposters.com】同上
http://www.allposters.com/
【SPOONGRAPHICS】同上
http://www.blog.spoongraphics.co.uk/
【Presentation magazine】這裡面有各種類型的平面設計。
http://www.presentationmagazine.com/
【KASHIWA】這個網站比較有意思。好多會動的顏色。
http://kashiwasato.com/
【很多關於平面設計的網站】這個是網頁設計集合網站。雖說是日語的,但是重點在看看圖片和設計就好。點進去每一個都是平面設計網站。
http://www.ikesai.com/cat/design/index.html
==圖片網站==
【http://topit.me】簡單可愛的圖片網站。很喜歡~。我覺得可能和你說的「圖片瀑布」類似……?
http://www.topit.me/
== 網頁設計 ==
【BYSOFT】 網頁設計公司,清新的設計風格
http://www.bysoftchina.com
【IKESAI】(日本)整合了很多設計比較棒的網頁。
http://www.ikesai.com/


還有一大堆見過的沒見過的……
其實百度一下就能找到好多……就不列舉了


在大家的印象中,想要完成漂亮的設計,一定要掌握 PS、AI、Sketch 等專業的做圖工具才可以。其實,現在有很多網站可以幫助不會專業設計工具的我們,做出很多很漂亮的設計,完成自己的設計需求。今天,我們就來介紹一下這些網站。

原型設計

STUDIO

STUDIO 是由日本團隊開發的一個可以輕鬆完成手機 App 和網頁原型的設計網站。當你註冊完賬號登錄之後,會有很友好的教學指導,告訴你一些簡單的操作。STUDIO 可以創建 iPhone App 和 Web 兩種設計文檔。

STUDIO 內置了圖片庫、字體庫、圖標庫,並根據你選擇的文檔格式,提供了 STUDIO STYLE、 Material Design 和 iOS UI Design 等風格的素材控制項,只要根據自己的想法將控制項拖拽和組合就可以了。

需要注意的是,STUDIO 的設計原則,很類似於 Web 頁面的構成,以方形的 Box 容器為基礎,每個 Box 容器只能緊挨著一個 Box 容器排列。通過設置不同的 Margin(外邊距)和 Padding(內邊距)來調整元素的位置,並不是滑鼠自由拖拽來控制 Box 的擺放位置。配合上 STUDIO 提供的 7 中 Box 的排序方式和 Box 的嵌套,就可以完成各種各樣的設計樣式了。

當你理解了 Box 的概念之後,你就可以很輕鬆的拖拽出一個心目中理想的 App 設計了。我也隨便拖了一個 App 的設計頁面,給大家展示一下。

STUDIO 還支持不同頁面間的跳轉,完成簡單的交互原型,當你完成的設計後,可以通過創建鏈接分享你的設計。

LOGO 設計

Free Logo Design

Free Logo Design 是一個可以幫我們進行在線 Logo 設計的網站,登錄網站後,輸入你想要展示的文字信息,並點擊 START,選擇一個你喜歡的 Logo 模板,就可以開始你的設計之旅了。

Free Logo Design 不僅提供了多種多樣的 Logo 模板,同時你也可以根據自己的設計需求,添加文字、形狀、圖標等元素,來豐富你的設計。

當你完成了你的設計之後,點擊 SAVE,就可以進行下載,需要注意的是,免費版僅提供 200 * 200 像素的版本下載。

宣傳物設計

Canva

Canva 是一個可以幫你完成多種類型宣傳物的設計網站,不管是海報、Banner,還是Logo、簡歷,都可以通過它輕鬆快速的搞定,Canva 提供了極其豐富的設計類型供你選擇。

當你選定一個設計類型之後,你就可以使用 Canva 開始你的設計了,利用提供的布局模板,圖片,背景,字體等元素,就可以做出很漂亮的宣傳物設計了。

Crello

Crello 是一個可以在線設計海報的網站,提供了豐富的海報模板可以選擇,當你想要快速製作一張海報的時候,使用 Crello 會是一個不錯的選擇。創建好你的設計項目後,選擇一個你喜歡的海報模板,對其中的元素進行替換,就可以快速完成一張屬於你的海報了。需要注意的是,Crello 中的有些模板和元素是要收費使用的。

Gravit Klex

Gravit Klex 同樣是一個可以在線設計海報的網站,功能和使用方法和 Crello 基本相同,區別在於兩個網站會提供不同的設計模板和設計元素,如果 Crello 上面沒有你喜歡的海報模板的話,不如來 Gravit Klex 上面看一下,我個人還是更喜歡 Gravit Klex 的設計模板的。

通過上面的網站,可以在沒有設計軟體使用經驗的情況下,滿足你各種各樣的設計需求。當然,你也可以通過參考這些網站的設計模板,來給你尋找一些設計靈感。不管是使用設計軟體還是設計模板網站,只要能夠做出自己滿意的設計就可以了,它們只不過是不同的設計工具罷了。

(題圖使用 Canva 網站設計而成)


AD110 http://www.ad110.com/
設計青年 http://www.design521.com/
古田路9號http://www.gtn9.com/
這三個比較新銳的網站,學習了解最新設計!


在別的地方回答了,參考:國內外優秀設計、創意、藝術網站有哪些?


最近整理的

-------2016--------

設計素材平台:
1、高品圖像 – 高品質的圖庫攝影及插畫攝影,插畫素材
2、mlito | 米元素·全球最優美的視覺輕雜誌!家居,攝影,繪畫
3、Cutest Paw Gives You the Cutest Animal Pictures Around the World(萌寵)
4、https://www.pinterest.com/login/?referrer=home_page(花瓣鼻祖)
5、For you amp; you amp; you(很清爽的設計)
6、TJ Holowaychuk(攝影素材)
7、CSSclip | web design inspiration and gallery(很清爽的色彩平台)
8、愛果果 ? 酷站(網站,店鋪設計案例)
9、設計路上(Design63)--酷站欣賞、設計經驗分享、設計資源共享(網站收集,可以提交自己的網站)
10、365PSD.com - Download a free vector amp; PSD every day!(psd素材)
11、http://cn.clipart.me/image(剪切畫比較多)
12、http://unstock.envato.com/(攝影素材)
13、Fonts, Graphics, Themes and More ~ Creative Market圖片很棒
14、Dribbble - Show and tell for designers(各種素材)
15、Discover — Art amp; Design Inspiration at ColRD.com(色彩感很棒)
16、Start designing(製作圖片)
17、Untitled – Social Media by 2291697546(製作圖片)
18、Behance(創意類)
19、Dribbble - Japanese Food Set by Sijia Wang
20、Backgrounds, Textures(素材網站)
21、Icons : Medialoot
22、優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台
23、SDC設計師網址導航(設計導航,還可以吧)
24、TGideas-騰訊遊戲官方設計團隊(騰訊遊戲設計團隊)
25、阿里巴巴(中國站)用戶體驗設計部博客U一點設計 UED團隊(阿里用戶體驗設計)
26、阿里巴巴國際UED團隊(阿里UED)
27、創意人插畫網-插畫(插畫)
28、視覺中國 旗下創意社區(視覺)


發現了一個集合體,哈哈哈,好喜歡,分享給大家Seeseed-無窮盡設計可能

還會繼續完善


有一些網站,我有時候對設計大站審美疲勞了會去逛逛。

· Trend List,幾乎全是畫冊、海報,主要按照設計風格來分類,非常,非常好用,居家休閑必備。

· Have a Nice Day,網站除了圖神馬也沒有,更新速度略慢,逛得很少,因為功能和tumblr隨便一個視覺博實在沒差。為什麼列出來呢,因為有的時候逛這個網站,總讓我想起,小時候某些時刻一種非常舒服悠遠的感覺。好吧扯遠了,建議不閑的話就別逛它了......

· BOOOOOOOM!,這個網站比較有名,看起來像是模仿ffffound,我偶爾會去看這個網站除design外的模塊。

· http://www.nawaya.com/,這個網站是我偶然發現的,當然我收藏主要是因為繩子漂亮,說不定將來設計能用到

· 攝圖網-攝影圖片照片應有盡有,設計師和攝影師的聚集地 ,都是攝影大片,圖片質量很高,攝影類素材會到這裡下載。

· 千庫網-免費png圖片背景素材庫588ku.com ,這個網站很乾凈,一點廣告都沒有,裡面素材都是免摳的,背景模板也多,總之可以各種按照自己的興趣合成,免費下載,國內網站,不用翻牆,方便。


最近整理了一個國外設計網站的小清單,有用記得留下你的贊英雄!!!

先來一波小福利:

PS基礎教程:http://pan.baidu.com/s/1eSNCZaq

AI教程:http://pan.baidu.com/s/1i5CbDml

今天給大家找了一些 國外設計乾貨/資訊類的網站,這些網站涉及的設計領域全面,希望能給大家提供創意和靈感。

Yankou Design

http://www.yankodesign.com/

特點:報導全球最新最好的設計作品

更新速度快

知名度高

Behance

https://www.behance.net/

特點:每天更新各領域創意設計作品

designboom magazine

http://www.designboom.com/

特點:多領域的設計類網路雜誌

KIKK Festival

http://www.kikk.be/2016/

特點:是一個國際數字創意文化節,界面十分炫酷

Inside Intercom

https://blog.intercom.com/

特點:大量的設計乾貨

Fubiz Media

http://www.fubiz.net/en/

特點:創意想法很精彩

Co.Design

https://www.fastcodesign.com/

特點:創意構思豐富

365 awesome designers

http://365awesomedesigners.com/

特點:每天更新,字體版式

HOW

Home

特點:頭腦風暴

Subsign

https://subsign.co/

特點:多領域,豐富,經典案例


平面能用到的:
設計之家 http://www.sj33.cn/ 視覺中國 http://shijue.me/home 紅動中國 http://www.redocn.com/ 聯盟素材http://sc.68design.net/ 站酷 http://www.zcool.com.cn/ 素材中國(裡面也有很多酷站)http://www.sccnn.com/

設計網頁也許能用到的 (UI設計也算網頁設計吧?)
歐來凱酷站http://web.2008php.com/ 藍色理想http://www.blueidea.com/ 設計路上(裡面也有很多平面資料)http://www.sj63.com/

騰訊電商用戶體驗設計部http://ecd.tencent.com/ 阿里巴巴用戶體驗部http://www.aliued.cn/# 騰訊CDC http://cdc.tencent.com/?paged=2 百度MUXhttp://mux.baidu.com/。。。他們的友情鏈接 挨個點吧。。。

http://wz.uiimg.com/index.html http://www.uicoc.com/ 最後兩個重點推薦

其實設計類的網站太多了。。以至於我都只顧著收藏 都沒看。哎。。

最近看的 飛魚的聲納 博客也還不錯。


推薦閱讀:

請問各位大神有沒有什麼好的藝術設計網站可以分享一下?

TAG:設計 | 設計類網站 | 平面設計 | 海報 |