WordPressテーマとプラグインデザイナーのための25のスケッチリソース

公開: 2017-07-18

Sketchは人気がありますが、残念ながらMac固有のデザインツールであり、ここ2、3年で本格的に普及しました。あらゆる種類のデザインに使用できますが、デザイナーがSketchを使用する方法の1つは、WordPressのテーマとプラグインのデザインを作成することです。

Sketchを使用しているWordPressデザイナーを支援するために、WordPressテーマおよびプラグインデザイナー向けのお気に入りのSketchリソースのいくつかをまとめると思いました。はい、どうぞ！

WordPressデザイナーのための25のスケッチリソース

次のリソースは、さまざまなカテゴリにまたがっています。しかし、ここにあなたが見つけるものの大まかな概要があります：

WordPress固有の管理テンプレート
アイコンセット
さまざまなデザインスタイルのUIキット
あなたが引き出すことができるウェブサイトのデザインコンセプト
ビデオプレーヤーやFacebookコンテンツなどの特定の要素
いくつかのプロトタイピング/モックアップリソース

飛び込みましょう！

1.WordPress管理テンプレートスケッチリソース

すべてのWordPressユーザーが精通しているもの、つまりWordPressエディターから始めましょう。 Gutenberg Editorがリリースされてすべてが変更されるまで、このWordPress管理テンプレートを使用して、WordPressEditor内に表示されるプラグインまたはテーマの一部をすばやく設計できます。

価格：無料| 詳しくは

2.WordPressバックエンド投稿テンプレートスケッチリソース

WordPressダッシュボードを別の外観にする必要がある場合、このSketchリソースには、個々のWordPressエディターではなく、投稿リスト全体が表示されます。繰り返しになりますが、WordPressバックエンドのどこかに表示されるものを設計する必要がある場合に役立つオプションです。

価格：無料| 詳しくは

3.スケッチ用のGoogleマテリアルアイコン

このリソースには、Googleマテリアルアイコンのウェブサイトから直接取得され、デザインで使用できる900以上のアイコンが含まれています。

価格：無料| 詳しくは

4.UI要素

Piotr AdamKwiatkowskiによるスタイリッシュな無料UI要素のセット。これらの要素は、フォームから製品リストなど、さまざまな用途に及びます。

価格：無料| 詳しくは

5.マテリアルUIキット

マテリアルUIキット

テーマやプラグインのインターフェースをマテリアルデザインで探しますか？ Sergiu Firezのこれらのマテリアルデザイン要素は、デザインを構築するときに役立つ場合があります。

価格：無料| 詳しくは

6.Bootstrap3グリッドテンプレート

3グリッドをブートストラップします

Bootstrapを使用してテーマを構築しますか？ GauthierEloyのこのBootstrap3グリッドリソースは、レイアウトを設定するときに役立つ場合があります。

価格：無料| 詳しくは

7.無料のフラットUIキット

テーマやプラグインにフラットなデザインスタイルを使用することを計画している場合、Pavel Kreewtsovのこのゴージャスな無料のフラットUIキットは、いくつかの一般的なインターフェイス要素を使い始めるのに適したオプションです。

価格：無料| 詳しくは

8.スケッチ用のFontAwesome4.3の完全なセット519アイコン

Font Awesomeは、WordPressユーザーに非常に人気のあるアイコンセットです。 FontAwesomeアイコンをWordPressに統合する方法についての投稿も書いています。

Sketchで同じアイコンを使用したい場合は、SashaLantukhが親切にもそれらを変換してくれました。 Font Awesome 5.0は少し時代遅れになるかもしれませんが、これはまだ十分に役立つはずです。

価格：無料| 詳しくは

9.ブートストラップ3ベクターUIキット

ブートストラップ3ベクターキット

上からBootstrap3グリッドとペアリングするためにいくつかのBootstrap3 UI要素が必要ですか？このUIキットには、すべてのBootstrap 3 UIコントロールがベクター形式で含まれているほか、グリフィコンとボーナスUI要素が含まれています。

すべてSketch、Adobe Illustrator、PDFファイルで利用できます。したがって、Sketchに飽きた場合でも、これらの要素を使用できます。

価格：無料| 詳しくは

10.EコマースUIキット

EコマースUIキット

WooCommerce、Easy Digital Downloads、または別のWordPress eコマースソリューションを使用していますか？ファイブエージェンシーからのこのゴージャスなeコマースUIキットはあなたを助けるかもしれません。 50以上の画面が含まれており、すべてモバイル対応です。

価格：無料| 詳しくは

11.40のソーシャルアイコン

40のソーシャルアイコン

ここでは特別なことは何もありません–3つの異なるスタイルの40のソーシャルメディアアイコンの便利なセットです。ソーシャルメディアアイコンのないWordPressサイトを見つけることはめったにないので、これらを確実に有効に活用することができます。

価格：無料| 詳しくは

12.新しいYouTubeプレーヤー

新しいYouTubeプレーヤー

デザインにYouTubeプレーヤーを含める必要がありますか？たぶん投稿フォーマットやプラグイン要素のために？ Nicolas Careyは、YouTubeプレーヤー向けのこの無料のスケッチリソースをまとめました。

価格：無料| 詳しくは

13.モックアップデバイスコレクション

モックアップデバイスコレクション

Facebookチームからのこの便利なモックアップコレクションは、デザインをモックアップするために使用できるさまざまなデバイスを提供します。 WordPressのデザインにスマートウォッチを使用することはないと思いますが、他の要素が役立つはずです。

価格：無料| 詳しくは

14.チェックアウトビュースケッチリソース

チェックアウトビュー

これは、eコマースの立場でWordPressを使用している人にとってもう1つの役立つリソースです。それは完全にチェックアウトビュー専用です。

価格：無料| 詳しくは

15.Wistiaビデオプレーヤースキンスケッチリソース

ウィスティア

YouTubeと同様に、Wistiaは多くのWordPressWebサイトで見られるもう1つのビデオプレーヤーです。 Mikey CasalainaのこのSketchリソースには、完全なWistiaプレーヤーと、いくつかの特定の要素が含まれています。

価格：無料| 詳しくは

16.支払いロゴ

ウィスティア

このシンプルなSketchリソースには、Mastercardのロゴの変更に対応するための最近の更新など、さまざまな支払い方法の支払いロゴが含まれています。

支払いロゴはさまざまなデザインタイプに適用されるため、これはかなり用途が広いはずです。

価格：無料| 詳しくは

17.1800アイコンのセット

1800個のアイコンを設定する

Font Awesomeセットが提供するよりもさらに多くのSketch対応アイコンが必要ですか？ Alexandru Stoicaは、さまざまな用途にまたがる1,800以上のアイコンのこの膨大なセットをまとめました（同様に、簡単に検索できるように用途別に整理されています）。

価格：無料| 詳しくは

18.Facebookの投稿

Facebookの投稿

Facebookの投稿は、WordPressのサイドバーとコンテンツの両方に表示される可能性が高いものです。デザインのどこかにFacebookの投稿を含める必要がある場合は、PedroRibeiroのこのシンプルなリソースを使用すると時間を節約できます。

価格：無料| 詳しくは

19.ランディングUIキット

ランディングUIキット

テーマの一部として専用のランディングページを作成する必要がある場合は、lstore.graphicsのこの大規模なランディングページUIキットを使用すると、さまざまな要素を利用できます。これらは、専用のホームページなどを作成するための優れたオプションです。

価格：無料| 詳しくは

20.スケッチ3のチートシート

スケッチ3チートシート

わかりました–これはWordPress固有のものではありません。ただし、Sketchをより生産的に使用するのに役立つ便利なチートシートであり、非常に役立つと思います。

価格：無料| 詳しくは

21.私の最高のレストラン

私の最高のレストラン

レストラン業界に関連するものを扱っている場合は、VivienBocqueletのこの無料のSketchリソースが役立つかもしれません。メニュー、連絡先情報などの要素が含まれています。

価格：無料| 詳しくは

22.基本的なプロトタイピングテンプレート

エッセンシャルプロトタイピング

プラグインまたはテーマのプロトタイプをすばやく作成するのに役立つスタイルとシンボルのコレクション。

価格：無料| 詳しくは

23.ヘリウムUIキット

ヘリウム

KarlSchmidtのカラフルなUIキット。これは間違いなくすべてのスタイルで機能するわけではありませんが、かなりゴージャスです。

価格：無料| 詳しくは

24.Kanbioアプリのランディングページ

カンビオ

正しい軌道に乗るための風通しの良いランディングページリソース。繰り返しますが、これは専用のホームページに最適です。

価格：無料| 詳しくは

25.柔軟なUIキット

柔軟なUIキット

そして最後に、Kristaps ElsinsのこのゴージャスなUIキットで、サインアップフォーム、価格表、カレンダーなどの人気のある要素を含む、さまざまな用途にまたがるこのゴージャスなUIキットで締めくくりましょう。

価格：無料| 詳しくは

お気に入りのスケッチリソースは何ですか？

私はWordPressデザイナーのためにそこにある最高のSketchリソースのいくつかを見つけるために最善を尽くしました。しかし、利用可能なSketchリソースはたくさんあり、すべてを見る方法はありません。

ですから、他のデザイナーに役立つと思われる素晴らしいリソースを見逃した場合は、コメントで共有していただければ幸いです。そうすれば、私たち全員がすべての人の集合的な知識から利益を得ることができます！

Nub1 Iconsdesign /shutterstock.comによる記事のサムネイル画像