Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Sketch

[Freebie] Sketch for Designers – Sketch用リソースを紹介するサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

Sketchに関するリソースを紹介するサイト。プラグインやアイコン素材、モックアップなどのデザイン素材を随時紹介しているようです。自分まだメインのデザインツールはPhotoshopなんですが、最近ちょいちょいSketchでデザイン素材提供される機会が増えてきて、WebとかMobile Appのデザインツールとしては、すっかり主役が変わったんだなーという印象があります。Sketchはこの手のリソースが多い点もイイですよね。

[Sketch] Wireframe Prototyping System – プロトタイピングに便利なSketch用テンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

プロトタイピングに便利なSketch用テンプレートファイル。PC用とMobile用があり、またダーク系・ライト系合わせて4種類のテーマが同梱されています。まとめて全部ダウンロードする事ができ、$0で指定すれば無料で手に入れる事ができます。ワイヤーフレーム描く時に使えそうです。WebディレクターやIAやってる人などに是非。

[Freebie] Must-Have Sketch Templates for New UX Designers – UXデザイナーのためのSketchテンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

UXデザイナーのためのSketchテンプレートのまとめ記事。グリッドレイアウト素材、画面遷移のパーツが用意されたもの、アイコン、ワイヤーフレーム素材、iOSやAndroid、FacebookなどのUIモックアップ、カラーパレットなどのSketchファイルが紹介されています。Webディレクター、UXデザイナー、UIデザイナーといった職種の人にオススメ。

[Web Application] Sketch Web Viewer – Sketch 43ファイルのビューアー

  • Pocket
  • このエントリーをはてなブックマークに追加

Sketch 43ファイルのオンラインビューアー。Sketchの現行バージョンは42だけど、次の43からはファイルの構成が大きく変わるそうです(この記事で詳しく解説されてます)。で、そのSketch 43のファイルをオンラインで簡単に確認できるサイトがこれ。サイト内に放り込むだけで見るする事ができます。とは言っても今手元にSketch 43ファイルがある人はそうそういないと思うので、サイト内に用意されているDemo fileを使う事でどういうものか試してみる事ができます。まだSketch 43 Betaを使ってない人や、手元にSketchがない状態で内容を確認したい時なんかに使えそうです。

[UI Design] Android Nougat Free GUI – Android 7.0 ヌガーのUIテンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

Android 7.0 NougatのUIテンプレートが配布されています。フォーマットはPhotoshop、Sketchというおなじみのものに加え、Craftのライブラリーという形でも用意されています。Android AppのUI制作や、Material Designに準拠したWebサイト作る時なんかに使えそうです。

[Sketch Plugin] Egmont plugin – SketchでiOS角丸を描けるようになるプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

iOS 7から変わったアイコンの角丸のカーブを、Sketch内でも描画できるようになるプラグイン。サイト内では「Squircle shapes」と言われていますが、どうやらこれ「Square Circle」の事みたいです。ただ角がラウンドした四角形ではなく、カーブの始まりは緩やかで徐々にキツくなっていくという、独特のシェイプの事を指しているようです。実際このカーブって簡単に描けないので、数値指定するだけで描画できるようになるこのプラグインは、iOS AppのUI制作には便利に使えそうです。ちなみに通常の角丸とSquircle角丸の違いはこのGif見ると分かりやすいかも。

[Mockup] iOS 10 GUI 2.0 – iOS 10のPSDとSketchテンプレート

  • Pocket
  • このエントリーをはてなブックマークに追加

iOS 10のGUIテンプレート。PSDとSketchのフォーマットで配布されています。昨日ちょうど正式版公開されましたしね。わたくし初期化厨でして、メジャーアップデートのタイミングで毎年iOSデバイスを初期化しております。昨日iPhone 6 Plusを初期化&iOSインストールしたんですが、これやると新品みたいにサクサクになるので超快適でございます。iPhone 7 Plus予約したけど、まだ6で戦えるんじゃないかって思うくらい。まぁ初期化した後のAppインストール大会とかスゲぇ面倒なんですけどね。

[Mockup] Diverse Device Hands – タッチデバイスを手に持った状態の画像素材

  • Pocket
  • このエントリーをはてなブックマークに追加

各種スマホを手に持った状態の画像素材を、Facebookが公式に配布してます。機種はiPhone 6s、Microsoft Lumia 950、Nexus 5x、Samsung Galaxy Note 5の4つで、それぞれ4つのバリエーションが用意されています。ダウンロードするとSketchフォーマットと透過PNGのものが一式入っており、Sketchの方はディスプレイ部分がマスク処理されているので、画面デザインのハメ込みもサクっとできそうです。全機種に4パターンの肌色バリエーションを用意している点が、Facebook公式の素材っぽいなーとか思いました。モバイルAppの紹介ページなどで使えそうです。