デザイン

デザイン

PR

【厳選20】モバイル用Sketchを効果的に使うための、UIとワイヤーフレームのキット

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、20 Free Mobile UI & Wireframe Kits for Sketch App
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,924 views

読了時間 : 約6分17秒

Sketchは、モバイル用UIs とワイヤーフレームを美しく作るための、一般的なものです。一般的になったおかげで、現在Sketchのリソースがたくさんあり、あなたのデザインプロセスを早くすることができます。

 

ここでは、デザインをはじめる時や構想を練っている時に使うSketchアプリ用の、モバイル用UIsとワイヤーフレームで無料のものを紹介します。

 

 

 

 

H1 Free Mobile UI Kit

 

 

H1 Free Mobile UI Kitは、あなたが思いついたことを形にするためのものです。130以上のテンプレートの中に、470の素材があります。Android でも iOS でも使うことができます。

 

 

 

 

 

 

Fusion Free UI Kit for Sketch

 

 

次は、ショッピングアプリを作るのに、最適なキットです。このテンプレートは、13のレイヤーが入ったスクリーンがあります。簡単に編集できます。Photoshop とSketchフォーマットで使えます。

 

 

 

 

 

 

Liberty Mobile Wireframe Kit

 

 

The Liberty Mobile Wireframe Kitは、いろいろな種類のモバイルアプリ用ワイヤーフレームに使えます。125のスクリーンとワイドレンジがあります。

 

 

 

 

 

 

Free Mobile eCommerce UI Kit for Sketch

 

 

上品なショッピングのアプリや、モバイルストアーを作りたいときは、これを試してみてください。8種類のアプリ用ウェブ用ページのデザインがあります。

 

 

 

 

Momento Free Mobile Sketch UI Kit

 

 

もし、ソーシャルメディアのアプリを作りたかったら、このテンプレートです。あなたのソーシャルメディアアプリを迫力あるものにするいろいろなスクリーンがあります。

 

 

 

 

 

Profile Mobile UI Collection

 

The Profile Mobile UI Collectionは、15のモバイル用スクリーンがセットになっています。カスタマイズできて、整理されています。iOSに対応しています。フラットデザインのテンプレートが特徴です。

 

 

 

 

 

 

Free Sketch Elements Mobile UI Kit

 

 

このテンプレートは、Sketchのクリエイターが作っています。35のスクリーンと45のアイコンと175のその他の機能があります。

 

 

 

 

 

 

Free UI Kits for Sketch

 

これは、 iOS用に作られています。100種類の機能があります。50のアイコンと、無料のワイヤーフレーム用UI機能もあります。

 

 

 

 

 

 

Rodman Mobile UI Kit

 

 

Rodmanは、きれいで明るいデザインの豪華なモバイル用UIキットです。7つのカテゴリーの中に80以上のレイアウトがあり、どのアプリにも対応しています。

 

 

 

 

 

 

Free Material UI Kit for Sketch

 

 

マテリアルデザインが好きなら、ここを見てください。たくさんのスクリーンとアイコンがあります。このキットで、モバイルアプリをすぐに作ることができます。

 

 

 

 

 

 

Mobile Wireframe Kit

 

 

次にデザインを作るときには、これを試してください。90以上のモバイル用スクリーンと16のカテゴリーと100の機能があります。このキットは、 Sketch でも Illustratorでも使えます。手軽に使えるツールやフローチャートのテンプレートがあります。

 

 

 

 

 

 

 

Free iOS 11 iPhone GUI

 

 

もし、 iPhone 11 用のGUIモックアップを探しているなら、これを使ってみてください。これは、Facebookのデザインチームが作っています。素敵なモバイルアプリを作るための機能がそろっています。

 

 

 

 

 

 

Vera Block for Sketch

 

 

Vera Blockは、印象的なモバイル用スクリーンと最新のデザインがあります。いろいろなプロジェクトで使えます。これは、Sketch と Photoshopで作られています。

 

 

 

 

 

 

Zoomie – Social Media Mobile App for Sketch

 

 

Zoomieは、もうひとつの、ソーチャルメディアアプリを作るためのものです。15の現代的なデザインのスクリーンがあります。

 

 

 

 

 

 

Bizwatcher Free Sketch UI Kit

 

 

Bizwatcherは、スモールビジネス、スタートアップ、オンラインストア用のアプリを作るのに最適です。たくさんのスクリーン、アイコンなどがあり、あなたのデザイン作業が早くなります。

 

 

 

 

 

 

Music Mobile App Kit

 

 

音楽関連のアプリをはじめるのに最適なキットです。30以上の丁寧に作られたモバイル用スクリーンがあります。音楽関係のアプリを作るときのプロトタイプやデザインに役立ちます。

 

 

 

 

 

 

Relate – Clean & Simple UI Kit for Mobile

 

 

Relateは、現代的で最小限なデザインの、45のテンプレート、19のカテゴリー、99のいろいろな機能があります。テンプレートは、マテリアルデザインです。マテリアルデザインが好きなら、使ってみてください。

 

 

 

 

 

Chameleon UI Kit

 

 

これは、新鮮でスタイリッシュなモバイル用UIキットで、120以上の変わったスクリーンがあります。このキットは、 Photoshop でも Sketchでも使えます。15の変わったテーマ、70のアイコン、100のすぐれた機能があります。

 

 

 

 

 

 

 

Crypto Wallet Mobile App Concept Template

 

モバイル財布アプリを作るとき、これを使ってください。このテンプレートには、ダッシュボード、トレード画面、最新情報のための、整理されたファイルが入っています。

 

 

 

 

 

 

Messagly Free UI Kit for Sketch

 

 

このUIキットは、メッセージアプリを作るのに最適です。このテンプレートには、13のスクリーンとたくさんの変わった機能が入っています。デザインをつくり始めるのに役立ちます。

 

 

 

 

 

 

 

Harmony Free UI Kit for Sketch

 

 

このUIキットは、ハイキングアプリを作るために作られました。きれいで新鮮なデザインで、iOS10以上に対応しています。vectorで作られていて、symbolsが基本になっています。

 

 

 

 

 

 

Material Design Wireframe Kit v_02 for Sketch

 

 

これは、マテリアルデザインが好きな人には最適です。40以上の印象的なスクリーンがあります。常に更新されているので、確認してください。

 

 

 

 

 

iPhone Wireframe Template for Sketch

 

 

iPhone用のアプリを作るときは、このワイヤーフレームテンプレートが最適です。ここには、アプリを作るために必要なスクリーン、ボタン、ヘッダー、アラート、入力欄などがすべてあります。

 

 

 

 

 

まとめ

 

これらのクールで現代的なSketch用のUIキットとワイヤーフレームを使うと、いろいろなアプリのデザインが早くできるようになります。ここに取り上げたキットを、つくりはじめる時や次のデザインを考えている時に使ってください。

 

 

おすすめ新着記事

おすすめタグ