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

Browse By

Tag Archives: Sketch

[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の紹介ページなどで使えそうです。

[Freebie] iOS 9.3 UI Kit Sketch Resource – iOS 9.3のSketch用UIキット

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

つい昨日公開になったばかりのiOS 9.3のUIキットがもう出てます。フォーマットはSketch。9.3では9.2に比べて細かいところがちょいちょい変わった程度ですが、まぁモックアップキットは最新のもの使った方がイイですしね。ちなみにNight Shiftモード使ってみましたが、アレ暖色に寄せ過ぎると視界の色が変になりますね。スライダー控えめにしといた方が良さそうです。

[Sketch] Sketch App Rocks! – Sketchプラグインや各種リソースを紹介するサイト

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

Sketchのプラグインや知識、モックアップ類などの.sketchファイルなどの各種リソースを紹介するサイト。Sketchユーザーにオススメ。プラグイン、リソース、知識(チュートリアルとか)、イベント、その他とカテゴリー分けされて色々なものが紹介されています。右上の「+」マークから自分で投稿する事もできます。

[Freebie] Sketch App Sources – Sketchフォーマットのリソース紹介サイト

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

Sketchに関するリソースの紹介サイト。ギャラリー形式でズラーっと紹介されており、各詳細ページからソース元に行く事ができます。UIキットやアイコン、Webやモックアップなど、各リソースごとにタグ付けされて管理されているので、目的の素材を探すのも簡単です。Sketchに限定しているという点がとってもナイスです。

[Sketch, Photoshop] Craft – ダミーデータ入力に便利なSketch, Photoshop用プラグイン

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

WebやUIデザインでよく行うダミーデータを、簡単に生成してくれるプラグイン。SketchとPhotoshop用の2種類が用意されています。動画見ると分かるんですが、ダミーのユーザープロフィールなどを自動で生成して、かつそれを挿入までしてくれるようです。入力する項目の内容も細かくカスタマイズできるようで、これで無料ってのはスゴいなと思いました。ユーザーアカウントの存在するモバイルAppなんかのデザインに使えそうです。

[Freebie] iOS 9 GUI iPad for Sketch – Sketch用のiPad GUIテンプレート

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

Sketch用のiPad GUIテンプレート。最新のiOS 9ベースで、かつベクターデータで制作されています。またもうすぐ発売となるiPad Pro用のUI制作にも対応しているそうです。UI Elementsを見る限り、Apple純正の一般的なiPad用UIパーツは一通り揃っている印象。iPad App制作の際に役立ちそうです。