デザイナーのためのフリー素材、チュートリアル60選

今月注目のデザイン素材やデザインツール、チュートリアル、60個を紹介します。

今月はSketch向けのデザインテンプレートが人気でした。

目次

デザイン素材

有名ブランドのシンプルなアイコン集(SVG)

スクリーンショット 2016-03-21 16.46.31
Simple Icons

シンプルでかわいらしいアイコンセット(PSD)

trend_icons
Free icons set PSD

音楽のアイコンセット(AI,Sketch)

music_icons
Music vector sketchapp Icons

インディアンのベクターイラスト素材(AI,EPS)

cap99
Hand-Drawn Tribal Vectors

円形のロゴバッジセット(PSD)

cap001
Free Mandala Logo

ロープのブラシ素材(Illustrator)

rodeo-brush-free-dribbble
Hand Drawn Rope Brush [Free Download]

すっきりとしたデザインのUIキット(PSD)

elton_ui_kit
Elton UI Kit

フリーのUIモジュール(PSD,Sketch)

13_yuliya
Free Chat UI kit for Photoshop and Sketch

iOSアプリのUIキット 21画面セット(PSD,Sketch)

cap100
Avital Mobile UI Kit

iOSアプリのUIキット(Sketch)

filson_app_concept_cover
Shop iOS App Freebie – UI & Prototype

スマホアプリ用UIキット(PSD,Sketch)

cap06
Free Chat UI kit for Photoshop and Sketch

おしゃれなUIキット(PSD)

vol-4
Coco UI Kit

クールなUIキット(PSD)

cap001
Gaming UI Kit

クールなランディングページのテンプレート(PSD, HTML)

free-landing-page-behance-api-download-psd-1
Free Landing page | デモ

シングルページのデザインテンプレート(PSD)

dribbble-1-main-presentation-800-x-600
Free Elegant Single Page Website Template in PSD Format

ランディングページの無料HTMLテンプレート(HTML)

cap02
Free Mobile App Landing Page

フレキシブルなBootstrapテーマ(HTML)

cap002
Flexible – Free Bootstrap Theme

50画面のワイヤフレームキット(Sketch)

moon_wireframe_ui_kit-1
Moon wireframe kit

メールマガジンの無料テンプレート(HTML,PSD)

スクリーンショット 2016-03-20 13.12.14
Kreative – Free Email Newsletter Template

モックアップ素材

結婚式の招待状のモックアップ(PSD)

スクリーンショット 2016-03-21 17.39.06
Save The Date Invitation Card Mockup PSD

A4ペーパーのモックアップ素材(PSD)

cap001
A4 Paper Mock-up

封筒のモックアップ素材(PSD)

cap001
Free Envelope Mockup PSD In Isometric View

手紙の入った封筒のモックアップ(PSD)

image-1
Free Unique Squared Shaped Envelope PSD Mockup + Letterhead Mockup

レトロスクリーンのモックアップ(PSD)

thumbnail-for-5008
FREE PSD RETRO MOCKUPS

ショッピングバックのモックアップ(PSD)

main-image
Free Shopping Bag Mockup

段ボール箱のモックアップ素材(PSD)

main-image
2 Free Packaging Box Mockups

白いフォトフレームのモックアップ

スクリーンショット 2016-03-21 17.42.04
Photo Frame Mockup Scene

フォント

Venice Serif

cap1
Venice Serif font

滑らかな美しいフォント

001-2
Olesia Font

工業デザインの英字フォント

スクリーンショット 2016-03-19 20.24.19
HALOGEN – FREE INDUSTRIAL FONT

グランジな英字フォント

d010
HEYRO Fun – Free Font

オリジナリティ溢れる英字フォント

calfun1
Calliope Fun – Free Font

デザインツール

カラーパターンのキュレーションサイト

cap007
LOL Colors

フォントを検索して、ダウンロードできるサイト

スクリーンショット 2016-03-21 17.25.04
Get the Font

Illustratorの線幅を一気に変更するスクリプト

eye
すべての線幅を一気に変更するIllustratorのスクリプトを作りました(CS5以降対応)

デザインチュートリアル

Photoshopで建物を超速で消す(1分以内)

マスクと塗りつぶしの「コンテンツに応じる」を使って、雑な作業なのに建物を綺麗に消すチュートリアルです。

88a573a0
Photoshopで雑に建物を消す

Illustratorでハートを描く

160208-heart-top
ガイドを使って描く曲線のハートの作り方

エンジニアのためのSketch入門

0bec8500-de09-74d5-def7-ac5e7d1a06fb
エンジニアのための「Sketch入門!」 1時間コース

Web制作ナビ人気の記事

1. 有名企業のロゴをPNG、SVGで無料ダウンロードできるサイト – Instant Logo Search

cap02

2. Google純正のレスポンシブデザインのテストツール –Resizer

cap14

3. カード型のUIを実装できるBootstrapテンプレート –Bootcards

cap03-650x434

4. ロゴをより魅力的に見せる名刺のモックアップ50個まとめ

cap25-3

5. Sketchで使えるミニマルなAndroidのUIキット –Minimal UI Kit

Minimal UI Kit

6. 美しい画像を手軽に作成できるフィルタセット「Google Nik Collection」(6万円)が無料で利用可能に!

Google Nik Collection

7. Sketchで使える美しいテンプレート・UIキットまとめ(フリー素材)

Sketchで使えるテンプレート・UIキット

8. Sketchで使えるハイクオリティな管理画面・ダッシュボードのテンプレートまとめ

Sketchで使える管理画面・ダッシュボードのテンプレート

9. Sketchで使えるモックアップ素材まとめ(iPhone,iPad,Androidなど)

Sketchで使えるモックアップ素材

10. iPhoneの無料モックアップ素材52個まとめ(psd,ai,sketch)

iPhoneの無料モックアップ素材

11. Sketchデザイナー必見!FacebookがiPhoneやiPadなど40種類のSketch用モックアップ素材を公開

FacebookがiPhoneやiPadなど40種類のSketch用モックアップ素材

12. iPadの無料モックアップ素材46個まとめ(psd,ai,sketch)

iPadの無料モックアップ素材

13. 日本語フォントを探せるフォントまとめサイト –Font Free

日本語フォント

14. Web・アプリデザイナー向け新ソフト「Adobe Experience Design CC」のプレビュー版が公開

Adobe Experience Design CC

15. おしゃれな矢印のアイコン素材84個セット(AI,EPS,SVG) –Line Arrow Icons

Line Arrow Icons

16. 地図のフリーのピンアイコン35種類セット(AI,EPS,SVG) –35 Free Map Pin Icons

地図のアイコン

17. フリーのミニアイコン1000個セット(PSD,AI,EPS,PNG,SVG) –Free Mini Icons Pack

フリーのミニアイコン

18. かわいい宇宙のアイコン30個(AI, Sketch, SVG, PNG) –Astronomy & Space Icons

宇宙のアイコン

19. 世界中で最も使われているフォントのランキング –FontReach

世界中で最も使われているフォントのランキング

20. 太字の美しい英字フォント –Peace Sans

太字の美しい英字フォント

21. 印刷して使えるUI・UXデザイナーのための画面テンプレート –sketchsheets

印刷して使えるUI・UXデザイナーのための画面テンプレート