Sketch AppDesigners2019のトップ35デザインリソース
公開: 2019-06-09Sketchは、Appleユーザー向けのプロフェッショナルなデザインツールです。 そこには多くのプロのデザインソフトウェアプラットフォームがあります：AdobePhotoshopとAdobeIllustrator、Affinity Pro、GIMP、そしてそれらの操作をオンラインに移した非常に多くのプラットフォーム。 はい、おそらくこれらのプラットフォームのすべてが最先端のベクター編集を実行できるわけではなく（Sketchが実行できます）、おそらくすべてがPhotoshopのような機能を提供しているわけではありません（Sketchが実行できます）。 しかし、他の誰もがそれを使用しているため、単一の設計プラットフォームに耳を傾けるのも狂気です。 Sketchは、進化を続け、コミュニティのフィードバックに耳を傾け、頻繁で重要な更新を生成する信頼性の高い編集ツールであることがコミュニティに証明されています。
一見したところ、多くの批評家はSketchを単なる別の画像編集ツールと見なしていますが、実際にはSketchを使用して非常に堅牢で複雑なデザインを構築できます。 それは私たちが知っている中で最も友好的なコミュニティの1つであり、創設者は彼の行動とSketchの将来について透明性があります。 このアプリはMacApp Storeに残されており、頻繁な更新に集中でき、より確実な成長の余地があります。 ただし、Sketchはまだ成長を続けており、Sketchで使用できる設計リソースの数は非常に少ないですが、それも急速に変化しています。 最も人気のある景品サイトをチェックすると、より多くのグラフィックデザイナーがパッケージに.sketchファイルを含めようとしていることがはっきりと示されています。 Sketchは、デザインのプッシュとスクリプト作成に役立つツールを必要とする開発者の間でもますます人気が高まっています。 PieterOmvleeはこれについて詳しく説明しています。
このコレクションの詳細…
景品と言えば、今日あなたに最適で、最も用途が広く、最も適応性のあるスケッチデザインリソースの35をリストアップします。それらには以下が含まれます。
- UI（ユーザーインターフェイス）キット。要素に完全にアクセスでき、要素を自由に最適化できるため、数分以内にモバイルアプリケーションのプロトタイプを作成できます。
- ワイヤーフレームキットを使用すると、画面に座ってすべての作業を行うことなく、迅速なWebサイトのプロトタイプを作成してクライアントに送信できます。 繰り返しますが、完全な編集権限。
- Webiste Elementsは、特定のWebサイト要素を含むパッケージであり、さらにスタイルを設定し、その背後にコードを配置して、Webサイトのデザインで使用できます。
- また、アイデアを生み出す可能性のある、またはデスクトップまたはモバイルアプリケーションの新機能の開始点として役立つ可能性のあるいくつかの設計概念。
これらのデザインリソースを見つけて学ぶことは非常に楽しいプロセスだったので、ここであなた自身のインスピレーションを見つけて、将来の使用や現在作業中のプロジェクトで使用するためにいくつかのリソースを入手することを心から願っています。オン。 Sketchユーザーは、コメントを通じて自分の景品や無料ダウンロードを送信できます。 私たちはそれらをすべて読み、何か素晴らしいものがあれば、この投稿であなたを紹介するでしょう。
モックアップデバイスコレクション
私たちはデスクトップコンピュータ革命から離れて、ポータブルデバイスがオンラインショッピング、コンテンツ消費、インスタントメッセージングの道をリードしているより簡潔な時代に変わりつつあります。 コンテンツの作成と、ユーザーがデスクトップと同じようにWebを閲覧および体験できるようにする最新のデバイスを中心にコンテンツを構築することに焦点を当てることは、ますます重要になっています。 アプリケーションのモックアップ、プロトタイプ、およびサンプルを作成するときは、人気のあるデバイスごとにコピーを作成するように努める必要があります。 また、時間を節約するために、モバイルデバイスとタブレットデバイスのモックアップのコレクションを示します。 プラットフォームを実行できるデバイスのサポートを表示したり、これらのモックアップをアプリの機能バージョンでオーバーレイしたりするのに最適です。
チェックアウトUIスケッチ
アプリケーションまたはプラットフォームの特定の部分で作業する場合、設計は1日を費やす可能性があります。 チェックアウトページのような小さなものは、チェックアウトプロセスが安全で安全になるという感覚で構築されるように注意を払う必要があります。 このチェックアウトUIモックアップは、多くのデザインバリエーションで流れる標準のデザインパターンを使用します。 さらに、少しカスタマイズするだけで、顧客にチェックアウト機能を提供するほとんどすべてのアプリにその家を見つけることができます。 設計作業にかかる時間を節約し、アプリのよりユニークな側面に焦点を合わせます。
ダウンロードしたファイルスケッチ
この小さなモックアップは、ウェルカム画面を使用して、新規または既存のユーザーにアプリケーションの内容を説明し、ユーザーがアプリにアクセスするのに役立つ簡単な「Enter」ボタンを提供したい企業向けのオンボーディングテンプレートです。 移行が必要なアプリ画面に合わせてカスタマイズできる素敵な小さなウィジェット。
プランナーダッシュボードの概念
この美しいダッシュボードのコンセプトのための100以上のダウンロード。 左、中央、右のサイドバーの3つの部分に分かれています。 左側のサイドバーは、ダッシュボードのナビゲーションメニューに焦点を当てています。 真ん中は実際の計画のためのものであり、誰がそれらのいずれかに参加する可能性があります。 一方、右側のサイドバーは、作成したい自分の個人的なタスクに焦点を当てています。 Ghani Praditaは、このコンセプトの背後にあるデザイナーです。 この素晴らしいアートワークに2つの親指を立ててください。
製品UIキットをカスタマイズする
オンラインストアの製品ページは、より現代的でデジタル化されており、確かにはるかに柔軟になっています。 Rodrigo Borgesからのこの景品は、オンラインストアで製品のカスタマイズページを作成するためのものです。 このコンセプトにより、ユーザーは最終製品のさまざまなオプションを選択し、最終的に購入することができます。 デザインはAppleのオリジナルの販売ページから借りたもので、購入したい製品の最終調整を行うことができます。
食べ物と飲み物のUI
フードアプリは、ウェブ上で慣れ親しんでいる従来のコンテンツを多用するプラットフォームである必要はありません。 代わりに、注意深く設計することで、このコンセプトUIに見られるように、食品関連のストーリーの「カード」を作成し、より効果的で魅力的な方法で表示できます。 さまざまな種類の食べ物や飲み物を表示する3枚のカードと、その後ろに少し説明があり、最終結果を達成する方法を説明しています。 これは、小さくて簡単なレシピを公開したいフードネットワークにとって、モダンでプロフェッショナルな雰囲気で非常にうまく機能する可能性があります。
統計UI
Ranjith Alingalは、優れた統計アプリケーションUIがどのように見えるべきかについての彼のモックアップを他の人と共有しています。 統計がどのように機能するかを理解し、コードを介してそれらを組み込むことは1つのことです。 ただし、統計の生の出力用に実際のUIを作成することに焦点を当てる必要があります。 あなたがその部門で苦労しているなら、この景品はあなたにいくらかの安心を与えるでしょう。 このコンセプトは、ビジネスの特定の領域の統計を要約したいアプリを対象としており、最大30日間のログもレポートできます。
カレンダースケッチ
カレンダーは、あまり多くの時間を費やしたくない要素の1つです。 簡単な作業のように感じますが、やり始めると時間が増え始め、時間が失われていきます。 数時間を節約して、SanjaZakovskaからこのモダンなカレンダーの概念を借りてください。 赤とコンパクトな配色を使用していますが、Sketchファイルを入手できるので、これを自分の好みに合わせて完全に操作することができます。
オンボーディングUI
オンボーディングは、新しいユーザーにサインアップする内容と、プラットフォームのメンバーになることで期待できることを説明する最も徹底的なプロセスの1つです。 最近では、単純なサインアップとプラットフォーム技術の使用がうまく機能しなくなったため、オンボーディングの正しい方法を見つけることが重要です。 Rodrigo Borgesは、3つの部分に分かれた赤い配色の無料のオンボーディングUIを公開しました。 これにより、メインアイコンとテキスト領域を編集してさらに説明することができます。 これらのオンボーディング画面はモバイルアプリで非常にうまく機能し、これまで以上にその重要性を強調することはできませんでした。
Google –スケッチのマテリアルアイコン
プロジェクトにマテリアルデザインを取り入れましょう。 公式のFacebookMessengerアプリでさえ、Androidデバイスのマテリアルデザインを推進しています。 そのため、マテリアルデザインの助けを借りて、より多くのスタートアップが新しいアプリの構築に注力しています。 この設計基準は、過去10年間に見られたものよりも早く成熟しています。 ここには、モバイルでもデスクトップでも、プロジェクトですぐに使用できるマテリアルデザインアイコンの景品があります。 ダウンロード数も急速に増加しています。
ロケーションカード
休日や一般的な旅行体験を顧客に提供する旅行ウェブサイト用の非常にモダンな「ロケーションカード」。 このコンセプトでは、提供されている場所の背景画像を表示するアプローチと、旅行の詳細をより徹底的に議論するための素敵な「カード」オーバーレイを使用しています。 デスクトップウェブサイトとモバイルアプリの両方で非常にうまく機能します。 独自性と近代化により、顧客は常に画面に夢中になります。
UstraaiOSモバイルアプリ
Ustraaはeコマースに焦点を当てたコンセプトアプリです。 具体的には、エキサイティングで洗練されたデザインの個々のブランド製品の販売に焦点を当てています。 製品リスト、製品ページ、すべてがこの完全なモバイルアプリのコンセプトに含まれています。 あなたがしなければならないことは、景品をつかんで、可能性を探求することです。 特にプロトタイプのみが必要な場合は、既存のアプリデザインを使用するのが常に最善です。
ウィジェットのアップロード
個人的なものであれ、すべての人が使用するものであれ、人々がコンテンツをアップロードするのに役立つプラットフォームを実行したいですか？ この目的のためだけにコンセプトデザインを構築するには、かなりの時間がかかります。 そこには非常に多くのアップロードスクリプトがあり、それらはすべて、要素の設計とフローに独自のアプローチを使用しています。 スペースを確保し、このUpload Widget UIを入手して、生活に支障をきたさないプロトタイプを作成してください。 実際には非常によく設計されています。
エレクトロアプリ
Electro Appという名前を聞いたとき、すぐに頭に浮かぶのは音楽アプリケーションです。 いや、この場合ではありません。 Electro Appは、ご家庭や職場での電気使用量の追跡に役立つ文字通りのアプリケーションコンセプトです。 毎日の使用量を入力し、月末までに支払うと予想される金額の出力を取得します。 デザイナーが率先して独自のモックアップとUIコンセプトを構築し、開発者を新しいカテゴリのアイデアに導くことができるのが大好きです。
音楽プレーヤー
そのすべてのエレクトロがあなたをいくつかの音楽に夢中にさせたなら、音楽プレーヤーのこの次のモックアップを取り、あなた自身のアプリケーションでいくつかの曲を進めてみませんか？ まあ、プロセスは確かにそれほど簡単ではありません。 しかし、コンセプトのデザイン機能を探求すれば、このコンセプトを実行して、一部のリスナーを引き付ける準備ができている完全に機能するモバイルアプリにすることを妨げるものは何もありません。 スタンドアロンとして使用するか、メディアに焦点を当てた既存のアプリと一緒に構築します。
サインアップカード
サインアップフォームは、従来のユーザー名/パスワードフォームから、ウェブサイト/アプリのデザインの全体的なテーマを強調し続ける非常に洗練されたデザインに成長しました。 サインアップフォームがやることリストにある場合は、このサインアップカードをよく見てください。 それはあなたが伝えたい追加情報のための別個のサインアップフォームとサイドバーを特徴とするように美しく設計されています。
メールアプリ
電子メールやインスタントメッセージングがなければ、世界はどこにあるでしょうか。 メールアプリは、既存のプラットフォーム用の個人用メールデザインに変換できる受信トレイアウトレットを備えたコンセプトUIワークです。 スタンドアロンの電子メールプラットフォームのスタイルを設定するには、いくつかの作業が必要になります。 ただし、個人使用のために構築している場合、これは、電子メールの受信トレイがどのように機能するかについてのアイデアを提供するための有益な出発点になるはずです。
ウォレットのコンセプト
おそらく、これのより良い名前はデジタルウォレットコンセプトでしょう。 それにもかかわらず、これはビジネスの財務的側面を扱うプラットフォームに統合できる美しいデジタルウォレットです。 おそらくあなたはオークションのウェブサイトを運営していて、人々は自分のアカウントにクレジットをロードすることができます。 このコンセプトはあなたに遊んで十分なスペースを与え、そして素晴らしくてモダンに見える財布をデザインします。
ファームベクトルアイコン
アイコンを忘れなかったので、ここにアイコン専用のUIキットとその他の概念をいくつか示します。 1つ目は、農家または農家関連アプリ用に設定されたベクターアイコンです。 アイコンには、トラクター、ニンジン、リンゴ、でんぷん、牛、農夫、鳥、家、および農業に関連する設計で機能する他のいくつかが含まれます。
iOSアイコン景品
これらのアイコンは、AppStoreで見つけることができるいくつかの異なる人気のあるアプリケーションを備えています。 アイコンを最初から作成するのはどのようなものか疑問に思ったことがある場合は、プロのアイコンをゼロから作成する方法を説明するレイヤードスケッチファイルにアクセスできます。 独自のアプリアイコンを作成する方法を学ぶのに最適です。 おそらく、この景品からいくつかのアイデアや要素を借りることさえできます。
20ダッシュボードアイコンスケッチ
ダッシュボードアイコンは、一般的なアプリやオフィス関連のアプリに最適です。アイコンセットには、カレンダー、アトム、メッセージ、ユーザープロファイルカード、ハッシュタグ、Webブラウザー、デスクトップコンピューター、スマートフォン、設定パネル、建物、フォルダー、ユーザープロファイル、値札、フォルダーが含まれます。 、および他のいくつか。 時間を節約し、ビルド済みのアイコンパッケージを入手して、好きなように使用してください。 この驚くべきオファーを利用したのはごくわずかであることに驚いています。
分析チャートスケッチ
すでに言及した分析チャートが1つありましたが、それ以上の余地は常にあります。 このコンセプトはRacineDavisから来ています。 彼女はデジタルデザインアプローチを使用して分析チャートの概念を作成し、個別にまたは時間の経過を通じて、考えられるあらゆるデータを表示できます。
フィットネス分析
そして、さらに多くの分析関連のもの、今回はフィットネス愛好家のために。 スポーツアプリは引き続き身体活動アプリのカテゴリを支配しており、ステップカウンターは最も人気のあるもののいくつかです。 私たちにとって幸運なことに、Padam Booraは、機能的なアプリケーションにすばやくプロトタイプを作成できる、優れたフィットネス分析のコンセプトデザインを提供することに尽力しました。 このコンセプトは、歩数、距離、登山距離の追跡に役立つように作成されています。
フラッシュメッセージ
Flashメッセージは、ユーザーをアプリのアクティビティに引き付け続けるための優れた方法です。 感謝のメッセージであれ、完了したアクションを知らせるメッセージであれ、フラッシュメッセージは常にユーザーにアクションが完了したことを安心させ、心を落ち着かせるのに役立ちます。 このUI要素は、アクション呼び出しが行われた後に追加するために既存のアプリ内に組み込むことができる単純なフラッシュメッセージです。
製品詳細
eコマースアプリやオンラインストアの場合、優れたデザインが必要な最も重要なページの1つは、製品の詳細ページになります。 これは製品を表示するページであり、購入または閉じたウィンドウのいずれかにつながります。 製品の詳細ページで間違いを犯してはならないため、時間をかけて優れた製品の詳細ページのモックアップを設計または見つけることが重要です。 私たちが見つけて本当に気に入ったものがあります。 Iitはシンプルでありながら、メッセージを伝えることができ、顧客の画面をゴミの要素で膨らませることはありません。
ソーシャルアプリiOSUIキットスケッチ
最近では、誰もが独自のソーシャルネットワークを作成できるようになったおかげで、ソーシャルアプリケーションが勢いを増しています。 多くのデザイナーがソーシャルメディアの領域を取り巻くモックアップ、コンセプト、テンプレートの作成に焦点を合わせているのは当然のことです。 ここに、iOS開発者向けのソーシャルネットワーキングアプリケーション専用のSketchUIキットがあります。 これは、メディアのアップロードやインスタントメッセージングなどの機能を強調しています。 さまざまなコンテンツフィードは、コンテンツ、ユーザー通知、およびフォロワーシステムを表示するのに役立ちます。 もちろん、これはすべて単なる設計であるため、コーディングを通じてこれらすべての機能を実現する方法について計画を立てる必要があります。
最小限のAndroidUIキットスケッチ
Androidはこの総括の勝者ではありませんが、Android開発者向けのリソースがそれほど多くないというわけではありません。 これを除いて、多くのデザイナーがiOSに焦点を合わせているようです。 これは、Androidデバイス用に構築された最小限のUIキットです。 パッケージには、標準および最新のデザインを選択して、シンプルなコンテンツ/ビジネスWebサイトのプロトタイプを作成するために必要なすべての要素が含まれています。
ムーンワイヤーフレームキットスケッチ
Moon Wireframe Kit for Sketchは、3,000回以上ダウンロードされています。 プロトタイプを作成するときに使用するのに十分な要素があることを設計者に安心させるためです。 これが、最近の多くのUIキットに欠けているものです。より複雑な要素が、より幅広いアイデアを実現するのに役立ちます。 ただし、Moon Wireframe Kitは大きな銃に固執し、興味深く多様な要素を提供することを躊躇しません。 画面は、スプラッシュ、ログイン、メニュー、設定、ギャラリー、フィード、リストアイテム、連絡先、プロファイル、通知、コメント、統計、カートのカテゴリに分類されています。
基本的なワイヤーフレームキットのスケッチ
設計機関で働いていて、ラピッドプロトタイプを作成するための適切なツールがないことは、惨事になる可能性があります。 そのため、オンラインで無料で見つけたUIキットの多くは、ウェブサイトのデザインサンプルのプロトタイプをすばやく効果的に作成するのに役立つすべての基本的な要素と必需品を提供しています。 このUIキットには、フォーム要素、チェックボックス、ボタン、画像プレースホルダー、マッププレースホルダー、ツールチップボタン、情報モーダルなど、コンテンツWebサイトを構成するすべての気の利いた要素も含まれています。 デザインを始めましょう！
パールUIキットスケッチ
このまとめでは、すぐに作業を開始できることがわかっているクールなUIキットをいくつか追加して締めくくります。 パールUIキットはこれをテーブルにもたらします：アイテムと検索バーを備えたナビゲーションメニュー、個別の検索バーとフォーム、電子メールとパスワードのログインフォーム、コメントボックス、国選択メニュー、簡潔なプロファイル情報を備えた個人プロファイルメニュー、友達検索機能、カテゴリの選択、タブ付きコンテンツの選択、投稿ステータス更新フォーム、ビデオフォーム、ボタンなど。 要約すると、コンテンツの作成とソーシャルメディア指向の方法でのユーザープロファイルの作成を可能にするWebサイトを開始するために必要なのは基本的にすべてです。
スケッチ用のBootstrap4UIキット
4,000以上のダウンロードと毎日の合計により、これは間違いなくSketchユーザー向けの主要なBootstrap 4UIキットの1つになります。 そのライブラリも進歩を続けており、Bootstrap4のより多くの機能が同社によって解明されています。 Bootstrap 4は現在開発中ですが、その一部の側面は公開テストに利用できます。 そのため、コミュニティは主導権を握ってUIキットをSketch形式で公開し、他のユーザーが新しいデザインフレームワークを使用してアプリをブートストラップできるようにしました。
シンプルなUIスケッチジェネレーター
Simple UI Sketch Generatorを使用すると、テキストスタイル、ボタンシンボル、色見本、およびアバターを使用してUIキットを生成できます。 また、アートの方向性をすばやく調査し、グラフィックのアイデンティティがすべての要素で一貫していることを確認するための優れたツールでもあります。 キットの作者は、透かしをそのままにして、彼の作品を補完するように求めています。 クリエイターとその自由な時間を尊重するのは良いことですが、最終的にはあなたの要求に応えてください。
ドリブルGUIスケッチ
Dribbbleは、プロで真面目なグラフィックデザイナー、およびデザインアーティストにとって最も広く知られているデザイン共有リソースです。 このGUIを使用すると、作業中のプロジェクトをすばやくロードして、公開するとDribbbleでどのように表示されるかを確認できます。 少なくとも、GUIの作成者がこのキットの目的を意図したものです。 結論として、いつでもGUIを使用して、デザインに基づいて独自のアプリやWebサイトを構築できます。
iOSフォトアプリUIキットスケッチ
3,000以上のダウンロードとカウントにより、グローバルまたは個人のコミュニティで使用するかどうかにかかわらず、独自の写真アプリを立ち上げる市場の誰もが、これがiOS向けの最高の写真アプリUIキットの1つであることを学びます。 豊富な品揃えの画面と、デザイナーの思いやりをアピールする機能画面が充実。
柔軟なUIキットのスケッチ
最後に、価格表、ツールチップ、ビデオプレーヤー、ナビゲーションメニュー、コンテンツ領域などの要素を必要とするランディングページとビジネスページの構築に必要な画面と要素を備えたFlexible UI Kit forSketchです。 確かに非常に柔軟なUIキット。
スケッチデザイナーのための最高のデザインリソース
さて、それはスケッチデザイナーがここ数ヶ月で何をしてきたかを探求するための素晴らしい方法でした。 Sketchユーザーが利用できる最高の設計作業のいくつかを再確認しましたが、最終結果にこれ以上感銘を受けることはありませんでした。 この投稿には、本当に壮観で特別なグラフィックデザインの仕事がいくつかあります。 時間をかけて可能性を探り、現在の設計ワークフローに役立つと思われるものを入手していただければ幸いです。 最後に、スケッチデザイナーの皆さん、ネット上のどこかに独自の景品を公開している場合は、私たちに連絡してください。 この投稿に含めることを検討し、検討したいと思います。 ありがとうございました！