• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計教學 】精選國外超實用的設計圈乾貨素材分享




    精選國外超實用的設計圈乾貨素材分享

    這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

    文章出處是來自webdesignerdepot的攝影作品類文章,寫教學的作者是JUAN PABLO SARMIENTO,感謝JUAN PABLO SARMIENTO提供其他資訊的實作教學。

    教學大綱:

    這個月的乾貨比我們想象中的要多,上次的乾貨合集中更多的是開發相關的素材,而這次的合集中,圖標、字體、主題等偏設計的乾貨會更多一些。當然,無論如何,既然是設計圈乾貨合集,各類型的資源都不會缺席,不論你是設計師還是開發者,總有幾款適合你。


    其他資訊教學開始

    這個月的乾貨比我們想象中的要多,上次的乾貨合集中更多的是開發相關的素材,而這次的合集中,圖標、字體、主題等偏設計的乾貨會更多一些。當然,無論如何,既然是設計圈乾貨合集,各類型的資源都不會缺席,不論你是設計師還是開發者,總有幾款適合你。

    Flat office vector icons

    精選國外超實用的設計圈乾貨素材分享

    這是一組包含150款響應式圖標的合集,合集包含EPS、PDF、SVG以及四種不同尺寸的PNG,你可以根據需求進行選擇。
     

    50 company line icons

    精選國外超實用的設計圈乾貨素材分享

    這組線性圖標使用了粗細不同的線條勾勒而成,邊角的處理有的圓潤有的鋒利,雖然每個圖標都不複雜,但是看起來信息量很足。目前這個合集提供的格式是AI。

    Colorful icons set

    精選國外超實用的設計圈乾貨素材分享

    這組圖標數量超過500個,色彩柔和,輪廓是用灰色線勾勒出來的,許多細節還遵循扁平化2.0適當地增添了微妙的光影效果。目前提供了AI、SVG和PNG格式。

    Humongous 80k iPhone icons set

    精選國外超實用的設計圈乾貨素材分享

    這個圖標合集既然敢用“堆積如山”來形容,自然是有原因的——圖標數量多達8萬個。這個合集中的圖標都是遵循iPhone的設計規範來設計,提供了AI和SVG格式文檔,覆蓋20多個行業,成千上萬不同的含義與內容。

    Old weathered wood textures

    精選國外超實用的設計圈乾貨素材分享

    這是一組精心製作的木質紋理合集,總計18款。

    Chalkboard Photoshop text effect

    精選國外超實用的設計圈乾貨素材分享

    這是一組為PS而準備的文本紋理特效,已經被製作成智能對象圖層,可以輕鬆調用,其中包含兩種色彩,一是文字本身,一是陰影效果。

    Cardboard box mockup

    精選國外超實用的設計圈乾貨素材分享

    這是一個不太一樣的紙箱視覺稿,PSD格式的視覺稿可供編輯,5個面的內容都可以編輯調整,通過調整智能對象的透明度、灰度和紋理來實現不同的效果。

    Sketch Apple Watch templates

    精選國外超實用的設計圈乾貨素材分享

    這是一組比例可調的矢量可編輯的Apple Watch 模板,這套模板中包含了幾乎所有版本的手錶和錶帶,格式為Sketch。

    Dark tri-fold template

    精選國外超實用的設計圈乾貨素材分享

    這是一個專業的三折頁模板,擁有PSD和AI兩種格式,模板涵蓋的內容和樣式比較豐富。
     

    Oh My!

    精選國外超實用的設計圈乾貨素材分享

    這是一款驚艷的設計工具,其中包含了場景製作工具,視覺稿模板、LOGO生成器、文本特效,並且可以在Photoshop中使用。
     

    Wyre

    精選國外超實用的設計圈乾貨素材分享

    Wyre 是一組包含超過120款網頁布局的模板,主要是用來製作網站地圖的。其中包括AI、EPS和SVG格式三種不同類型的文檔,可以根據需求取用。

    Translucid dashboard

    精選國外超實用的設計圈乾貨素材分享

    這是一款漂亮的控制面板視覺稿,配色柔和細節到位,設計師提供了PSD格式文檔下載。

    Neptun

    精選國外超實用的設計圈乾貨素材分享

    Neptun 是一組包含了六個界面模板的UI視覺稿,模板風格極簡而現代,提供了PSD格式文檔下載。

    WatchOS2 UI design kit

    精選國外超實用的設計圈乾貨素材分享

    這是為Apple Watch 所設計的UIkit,其中包含了超過1000種不同的元素和超過186屏界面,並歸類到了18個不同的目錄中。

    Avital

    精選國外超實用的設計圈乾貨素材分享

    Avital 是一款時尚的UIkit,主要針對使用iOS8設備,其中包含的界面涵蓋了7個不同類別,包含21個不同的界面。為了迎合主流需求,設計師給出了Sketch和PSD兩種格式。

    Retina-ready iOS9 UI Kit

    精選國外超實用的設計圈乾貨素材分享

    這是一款相當完整的retina iOS9 UIkit,其中超過300個UI元素被製作成矢量素材,這套UIKit 是AI格式的。

    Exodus

    精選國外超實用的設計圈乾貨素材分享

    Exodus 是一款漂亮的大寫字體,其中包括6種不同粗細。

    Sweet Sorrow

    精選國外超實用的設計圈乾貨素材分享

    Sweet Sorrow 是一款老派復古的英文字體,展示性很強,充滿了上世紀50年代的氣質,具有OTF和TTF兩種格式。

    Quantum

    精選國外超實用的設計圈乾貨素材分享

    Quantum 是一款有個性的非襯線體,以簡約的線條和柔和的弧線構成,有三種字重。

    Jitzu

    精選國外超實用的設計圈乾貨素材分享

    Jitzu 是一款非常比較奇特的襯線體字體,有標準和斜體兩種造型、5種字重,對於不同的語言支持也比較完善。
     

    Fantastic collection of 50 font pairings

    精選國外超實用的設計圈乾貨素材分享

    對於網頁和印刷品而言,字體的搭配都是相當重要的。這組合集就是為此而誕生的,50套實用的字體搭配,幫你搞定挑選字體這件麻煩事。無論是設計名片還是設計博客網站,都能從中找到合適的。

    Restaurant website PSD template

    精選國外超實用的設計圈乾貨素材分享

    這是一套擁有專業布局的飯店類PSD網站模板。

    Patagonia

    精選國外超實用的設計圈乾貨素材分享

    Patagonia 是一組精心打造的電商網站Uikit,其中元素設計乾淨,配色多彩。

    Clemo

    精選國外超實用的設計圈乾貨素材分享

    Clemo 是一款博客網站模板,提供PSD格式文檔下載。這套模板的設計乾淨清爽,內容組織嚴密,並提供類似Pinterest的圖庫。

    Gratia

    精選國外超實用的設計圈乾貨素材分享

    Gratia 是一款餐飲類網站模板,使用的是帶有深色紋理的背景,多彩的食材等視覺元素讓網站看起來鮮艷而漂亮。

    Llorix One Lite

    精選國外超實用的設計圈乾貨素材分享

    這是一個製作用心的Wordpress主題,整體設計清爽而專業。

    BlurAdmin

    精選國外超實用的設計圈乾貨素材分享

    這是一個管理員儀錶盤設計面板,微妙的漸變背景和多樣的控件,整飭的結構與交互非常適合使用。
     

    Garage

    精選國外超實用的設計圈乾貨素材分享

    Garage 是一個為汽車銷售而生的Bootstrap 主題模板,功能完善,功能分類清晰。

    Spore

    精選國外超實用的設計圈乾貨素材分享

    Spore 是一款HTML5模板,布局簡約,背景採用的是高清全屏大圖,整個頁面採用的是響應式的布局,過渡平滑。
     

    Animated Animals

    精選國外超實用的設計圈乾貨素材分享

    Animated Animals 中的動物都是使用純粹的CSS和SVG 構建而成,多層布局之下整個場景也相當具有層次感。

    WebGL image slider transition

    精選國外超實用的設計圈乾貨素材分享

    這段使用WebGL技術的JS代碼可以讓圖片切換過程中產生漂亮的顆粒過渡效果。

    Responsify

    精選國外超實用的設計圈乾貨素材分享

    在這不超過250行的代碼中,使用了Jade、SCSS和Babel的代碼,可以讓你測試網站的響應式設計在四種類型的設備中的兼容性。

    Responsive column layout

    精選國外超實用的設計圈乾貨素材分享

    可摺疊式的分欄,每個部分都有獨有的標籤以作標記,當你點擊展開的時候,都有對應的扁平風特效作為過渡。

    CSS animated puzzle

    精選國外超實用的設計圈乾貨素材分享

    這是一個拼圖式的動態圖庫,當你鼠標懸停在其上的時候,混亂的拼圖會自動組織調整,組成完整正確的圖像。
     

    CSSX

    精選國外超實用的設計圈乾貨素材分享

    CSSX 是一組工具讓你可以在JS使用CSS代碼,目前可以和Webpack與Gulp 進行良好的聯動。目前並不需要使用新的語法。

    DeckHub

    精選國外超實用的設計圈乾貨素材分享

    DeckHub 是一款桌面端Github客戶端,功能完備。

    Cocycles

    精選國外超實用的設計圈乾貨素材分享

    Cocycles 是一款還處於測試階段的工具,可以幫你根據功能來研究開源低阿媽,目前支持JS,隨後將會支持Java、PHP和Python。

    Caddy

    精選國外超實用的設計圈乾貨素材分享

    Caddy 是一款針對HTML/2的網絡服務,能夠全面管理SSL,支持IPv6,Markdown,WebSockets,FastCGI,模板等等。設計師、博主和開發者都可以用它。

    Collection of coders’ games

    精選國外超實用的設計圈乾貨素材分享

    這個合集是為全世界開發者所準備的遊戲和比賽的大合集,不論你是初學者還是資深程序員,總能找到合適的。

    Kite

    精選國外超實用的設計圈乾貨素材分享

    這是一款革命性的工具,可以將你從海量的編程語言學習中解放出來,提升生產力,幫你將最好的代碼、文檔和案例篩選出來,提升探索的效率。

    Bootstrap 4 cheat sheet

    精選國外超實用的設計圈乾貨素材分享

    這是對 Bootstrap 4.0.0-alpha.2 的完整說明。
     

    Awesome tools and resources

    精選國外超實用的設計圈乾貨素材分享

    這裡涵蓋了超過100款網頁開發者的工具、資源,從JS庫到前端框架,不一而足。

    CodeTasty

    精選國外超實用的設計圈乾貨素材分享

    CodeTasty 是一個功能強大的開發環境,能夠實現雲託管。
     

    Jam API

    精選國外超實用的設計圈乾貨素材分享

    Jam API 能幫助你將任何一個網站轉化為使用CSS選擇器、JSON可訪問的API。
     

    Turntable.js

    精選國外超實用的設計圈乾貨素材分享

    這是一個響應式的jQuery 的滑塊,它可以承載一系列的圖片,並且使用鼠標滾動實現類似3D那樣的展示效果。
     

    360 degrees product viewer

    精選國外超實用的設計圈乾貨素材分享

    這個使用CSS和jQuery開發的庫可以讓你將產品以3D的形式展現出來。

    Sierra

    精選國外超實用的設計圈乾貨素材分享

    Sierra 是一款輕量級的SCSS庫,壓縮后只有8.9kB,它可以讓你自定義一個簡約風的網站。

    Expounder

    精選國外超實用的設計圈乾貨素材分享

    Expounder 是一款使用JS和CSS編寫的庫,它可以幫你隱藏鏈接后的文字,而這些文字可以幫助用戶檢索相關信息。
     

    Timedropper

    精選國外超實用的設計圈乾貨素材分享

    Timedropper 是一款使用jQuery 製作的精美的時間選擇器,只需要幾行代碼就可以輕鬆安裝。

    — —

    文章永久連結為: 精選國外超實用的設計圈乾貨素材分享