こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、スマホデザインで
無料で利用できるSketch用の
UIキット等をまとめた記事になります。
この記事の目次
- 1 スマホデザインで無料で 利用できるSketch用のUIキット
- 2 スマホデザインで無料で利用できる
Sketch用のUIキットまとめ
- 2.1 UIME Massive Kit Sketch Resource
- 2.2 Candy – Simple To Do App Sketch Resource
- 2.3 iOS Fitness App Dashboard Sketch Resource
- 2.4 Login Screens UI Kit Sketch Resource
- 2.5 Mobile Signup Screens Sketch Resource
- 2.6 Minimal Phone Device Mockup Sketch Resource
- 2.7 Movie Booking App Sketch Resource
- 2.8 Mochi – Chat UI Kit Sketch Resource
- 2.9 Food Delivery App Sketch Resource
- 2.10 Real Estate App UI Kit Sketch Resource
- 2.11 Design Social Network App Sketch Resource
- 2.12 Diverse Device Hands Sketch Resource
- 3 まとめ
スマホデザインで無料で
利用できるSketch用のUIキット
この記事では、スマホデザインで
無料で利用できるSketch用の
UIキット等を紹介していきます。
スマホアプリや、スマホ用のページの
デザインに使えるUIキット・デザイン
素材を集めました。
特に、次のような人は読んでみて下さい。
- スマホデザインで
無料で利用できるSketch用の
UIキット等の参考が知りたい。 -
UI/UX系のデザインを学びたい。
-
UI/UXデザイナーを目指している。
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
スマホデザインで無料で利用できる
Sketch用のUIキットまとめ
「スマホデザインSketch用のUIキットの一覧」
| 系統 | 素材ページ (12) |
| オールジャンル | UIME Massive Kit Sketch Resource |
| TODOリスト | Candy – Simple To Do App Sketch Resource |
| フィットネス | iOS Fitness App Dashboard Sketch Resource |
| ログイン画面 | Login Screens UI Kit Sketch Resource |
| サインアップ | Mobile Signup Screens Sketch Resource |
| Phone デバイス |
Minimal Phone Device Mockup Sketch Resource |
| 映画予約画面 | Movie Booking App Sketch Resource |
| チャット | Mochi – Chat UI Kit Sketch Resource |
| フードデリバリー | Food Delivery App Sketch Resource |
| 不動産・地図 | Real Estate App UI Kit Sketch Resource |
| SNSアプリ | Design Social Network App Sketch Resource |
| デバイスハンド | Diverse Device Hands Sketch Resource |
下でそれぞれ詳しく紹介しています。
UIME Massive Kit
Sketch Resource
| 系統 | オールジャンル |
| 特徴 | ・スマホ画面のデザイン素材が非常に多く 揃っているUIキット。 |
| その他 |
UIME Massive Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Candy – Simple To Do App
Sketch Resource
| 系統 | TODOリスト |
| 特徴 | ・架空のTODOリストアプリの画面が 揃っているUIキット。 ・柔らかい印象が魅力的な素材。 |
| その他 |
Candy – Simple To Do App
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
iOS Fitness App Dashboard
Sketch Resource
| 系統 | フィットネス |
| 特徴 | ・フィットネスアプリの画面が揃っている UIキット。 ・データの表示方法等が参考になる。 |
| その他 |
iOS Fitness App Dashboard
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Login Screens UI Kit
Sketch Resource
| 系統 | ログイン画面 |
| 特徴 | ・スマホでのログイン画面のデザインが 揃っているUIキット。 |
| その他 |
Login Screens UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Mobile Signup Screens
Sketch Resource
| 系統 | サインアップ |
| 特徴 | ・スマホでのサインアップ画面のUIキット。 ・フラットデザインが基調となっている シンプルなデザイン。 |
| その他 |
Mobile Signup Screens Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Minimal Phone Device Mockup
Sketch Resource
| 系統 | Phoneデバイス |
| 特徴 | ・シンプルなiPhoneのモックアップが 利用できる素材キット。 |
| その他 |
Minimal Phone Device Mockup
Sketch Resource
Minimal iPhone Device Mockup Sketch freebie - Download free resource for Sketch - Sketch App Sources
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Movie Booking App
Sketch Resource
| 系統 | 映画予約画面 |
| 特徴 | ・映画予約アプリのモックアップ画像が 揃っているUIキット。 |
| その他 |
Movie Booking App Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Mochi – Chat UI Kit Sketch Resource
| 系統 | チャット |
| 特徴 | ・チャットUIを作る際に使えるUIキット。 |
| その他 |
Mochi – Chat UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Food Delivery App
Sketch Resource
| 系統 | フードデリバリー |
| 特徴 | ・フードデリバリーのモックアップ素材が 入っているUIキット。 |
| その他 |
Food Delivery App Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Real Estate App UI Kit
Sketch Resource
| 系統 | 不動産・地図 |
| 特徴 | ・不動産アプリのデザインモックアップ 素材が揃っているUIキット。 ・地図の表示方法も参考になる。 |
| その他 |
Real Estate App UI Kit Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Design Social Network App
Sketch Resource
| 系統 | SNSアプリ |
| 特徴 | ・SNSアプリのデザインのモックアップ。 |
| その他 |
Design Social Network App
Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
Diverse Device Hands
Sketch Resource
| 系統 | デバイスハンド |
| 特徴 | ・手にiPhoneを持っている素材が 揃っているキット。 ・アプリの宣伝用画像に役立ちそう。 |
| その他 |
Diverse Device Hands Sketch Resource
All vector .sketch files are editable in Sketch, Figma, Adobe XD. Sketch App Sources is the largest collection of icons, UI kits, wireframes, and free design re
まとめ
以上がスマホデザインで無料で利用できる
Sketch用のUIキット等のまとめでした。
この記事では、ジャンル別でUIキットを
紹介してるので、それに目を通してみて
自分に合うUIキットを見つけて下さい。
なお、Sketch用のUIキット関連の書籍は、
下の記事に一通りまとめています。
