Webおよびモバイルデザインのための無料スケッチGUIキット - 最高の
多くのデザイナーが、Adobe PhotoshopからSketchのすばらしい分野へと急速に移行しつつあります。 OS X用のこのデジタル設計プログラムは、 UIデザイン、アイコンデザインのためのより良いツール, そして、1つのプログラムでピクセル+ベクトルをサポートします。これは人気の急上昇をもたらしました スケッチデザイナーが発表した景品.
景品市場に精通している人なら誰でも、UIキットがインターフェース設計作業のための最も人気のあるリソースのいくつかであることを知っています。私はウェブサイトやモバイルアプリのための無料のスケッチUIキットのこの選択をまとめました。どのキットも無料でダウンロードでき、どのバージョンのSketchでも動作します。あなたの目を引くものを手に入れて、あなたがこれらのインタフェースキットを上手に使えるかどうか確かめてください。.
Web UIキット
Webサイトは依然としてUIデザインの生命線であり、モックアップはコーディング前の要件です。これらのUIキットは、美しさと目的を兼ね備えたデジタルインターフェイスを作成するために必要なリソースを提供します。これらのインターフェイスは、実際のWebサイトのレイアウトにすばやくコーディングすることができます。.
ダークUIキット
この純粋に濃いグレー/ブルーのUIキットは、特にのために作られました スケッチ3+ そしてのような共通の要素が含まれています ボタン、スライダー、ドロップダウン、スイッチ. 各要素はまた オン/オフ状態 だからあなたはカスタマイズされたインタラクティブな状態でインターフェース要素を構築することができます.

ダーク&ライトUIキット

暗い背景と明るい背景のスタイルで、より幅広いユーザーに適したユニークなキットです。このキットはより焦点を当てています ページウィジェット 単純な要素ではなく、次のようなもっと曖昧な項目があります。 ローディングバーとメディアプレーヤー.
サマーUIキット
この夏のUIキットはいっぱいです ボタン、フォーム、ドロップダウン, デジタルモックアップを強化するためのその他の非常に一般的なページ要素。さらに、完全に階層化されたSketchドキュメントなので、必要に応じてコンテンツを変更するのに問題はありません。.

パールUIキット
Pearl UIキットは、基本的なページ要素を含む非常にシンプルなフラットデザインに従っています. ボタン、入力フィールド、アコーディオン、およびタブ あなたが自由に使えるオプションのほんの一部です。スケッチが初めての方は、このキットを使用して独自のキットの設計方法を説明してください。.

ランディングページのレイアウト
このややあいまいな景品は、 ワイヤーフレーミング段階. これらのレイアウトはSketchでは完全にはレンダリングされず、代わりに静的ブロック要素を使用した忠実度の低いレイアウトが提供されます。これらのレイアウトの色、形、および配置は すべてのUI設計者がワイヤフレーミングプロセスをよりよく理解できるようにする.

WebアプリのUIセット
非常にシンプルなUIキット テスラのテーマ 自動車、この景品は他のものよりはるかに詳細です。あなたはにアクセスできる 簡単なボタン しかしまたのようなより複雑なインターフェース項目があります。 詳細テーブルリストとカレンダーウィジェット.

フレキシブルUIキット
これは間違いなくSketch用の最も豊富なUIキットの1つです。ライブデモページのカウント 25種類以上の要素 から フォームとユーザーのコメントをチェックアウトするための画像スライダー. 間違いなくWeb上で見つけることができる最もクールで便利なSketch景品キットの1つです。.

ブーツスケッチUI
フロントエンドフレームワークに関しては、UI設計者はループから外されることが多いため、この景品がおやつになります。このBootsketchキットは存在するすべてのBootstrap要素のためのベクトル要素を持ちます。これにより、ブラウザに触れることなく、Sketchでブートストラップをテーマにしたモックアップを簡単に作成できます。.

小型フラットUIキット
このきちんとしたUIキットはフラットデザインから グラデーションと深さの美学を受け入れる ページ要素内。どのプロジェクトでも使用できる楽しいキットで、PhotoshopでできることはSketchでも同じように可能であることを示しています.

もっと
あなたがより多くの選択肢を探しているなら、以下のウェブUIキットのこの小さなリストを覗いてみてください。.
- マーブルUIキット
- 要素ライブラリUIキット
- フレッシュUIキット
- Dink UI Kit(サンプル)
- Webおよびモバイル用のUIキット
モバイルUIキット
より多くの人々がモバイル経済に移行するにつれて、ネイティブモバイルアプリへの愛情が増し続けています。アプリのダウンロード数は減少していますが、デスクトップアプリを補完するためにネイティブアプリ用の高品質なインターフェースが依然として必要です。これらの無料のSketch UIキットは、解像度と網膜スクリーンの違いに対応しながら、すべてのデバイス用の高品質のモバイルアプリを設計するのに役立ちます。.
iOS 9.3 UIキット
より大きな技術革新へのAppleの継続的な推進は、ほぼ毎年新しいモバイルOSを生み出しています。現在の傾向は iOS 9とこのUIキットには、ネイティブiOSアプリケーションに必要なものがすべて揃っています。.

Salesforce1ワイヤフレームキット
Salesforce1は、クライアントおよび顧客管理用の人気の高いダッシュボードアプリケーションです。このSalesforce1 UIキットは、デザインの美しさを変えたり再利用したりするためのiPhoneアプリケーションの一般的な要素すべてを提供します。.

モバイルUXテンプレート
現在、iPhoneまたはAndroidアプリケーション用のモバイルUXを試作していますか?それからこのスケッチ景品はきっとあなたが簡単にそのワイヤーフレームを完成させるのを助けるでしょう。それは無料の方法です ワイヤフレーミング/プロトタイピングフェーズをキックスタート デジタル画面上.

ソーシャルアプリiOS UIキット
SnapchatからPinterestに至るまで、過去数年間に何十ものソーシャルネットワークの人気が高まっています。このソーシャルUIキットは役に立ちます 次の主要ソーシャルアプリを立ち上げる そして すばやくスケールする 幅広いiPhoneユーザーに.

ムーンワイヤーフレームキット
このムーンワイヤーフレーミングキットはの素晴らしい混合物です。 ワイヤーフレーミングに向かって傾斜したインターフェイスをレンダリング. このキットには50のユニークなモバイルアプリの画面が含まれており、それらを調整して任意のプロジェクト用に並べ替えることができます。 Moon UIキットは、基本的なワイヤーフレーミング、または完全なUIモックアップに使用できます。.

旅行アプリUIキット
これに基づいて、暗いながらも美しいUIキットがあります。 旅行アプリ Sketch 3+ユーザーのための。これは、航空便や旅行のモバイルアプリのコンセプトで遊んでみたい人のために作られています.

InstagramのUIキット
写真共有モバイルアプリは市場を飽和させており、アプリの主な目的を補完する写真共有機能を含むアプリもあります。したがって、Sketchデザイナーがこの無料のInstagram UIキットを自分のデザインに写真機能を複製するために利用できるようにするのは素晴らしいことです。これは基本的なiOSフォトアプリUIコンセプトパックです.

もっと
この記事では、GUIキットについてはあまりにも多くのことを書くことができませんが、どちらか優れたものを残すことはできません。あなたがさらに多くのモバイルSketch UIリソースを必要とするのであれば、これらの選択肢を覗く.
- Routes UI Kit
- iOS 7 UIキットライト
- Uber iOSワイヤフレームキット
- フォトスプラッシュiOS UIキット
- フェニックスUIキット - 第1巻