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

Browse By

Tag Archives: 素材

[Freebie] Sketch – Element UI Kit – iPhone XのSketch用UIテンプレート

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

iPhone XのUIデザインに便利なUIテンプレートを、Sketch Teamが配布してます。ダウンロードすると様々な場面を想定した画面テンプレートが用意されていて、全画面でiPhone Xの切り欠きや角丸の部分にマスクがされいるので、AppのiPhone X対応を行う時なんかに使えそうです。またPages内、App以外にSymbolsというのも用意されており、ここではiOSのデフォルトUIパーツに加え、独自のアイコンやシェイプ、ナビゲーションパーツが用意されています。SketchベースでUIデザイン起こす時にイイですねこれ。

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

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

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

[Logo] WorldVectorLogo – 企業やブランドロゴのベクターデータアーカイブ

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

企業や企業ブランドのロゴデータを、ベクター形式で配布しているサイト。各ロゴデータはSVG形式で用意されています。Web系企業だけでなく広く様々なジャンルの企業ロゴが用意されていて、またそれぞれの深掘り感もスゴいです。例えばAppleで検索すると、懐かしい6色リンゴから最近の単色ロゴだけでなく、Apple PayやApple Watch, さらにはThink differentキャンペーンのロゴまで用意されてます。あとはLatest DownloadsやMost Downloadedといった条件抽出もできます。メジャーな企業に関するロゴデータならだいたい揃うんじゃないかという印象。ちょっと大きめの仕事する時のデザインカンプ制作なんかに役立ちそうです。

[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デザイナーといった職種の人にオススメ。

[Icon] Simply beautiful open source icons – オープンソースのシンプルアイコン

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

シンプルな線画のオープンソースアイコン。フォーマットはSVGで、個別にダウンロードする事もまとめてダウンロードする事もできます。シンプルで分かりやすく上品な印象なので、いろんな場面で使えそうです。ベクターデータな点もナイス。

[Software] Stockmagic for Mac – Pixabayの画像素材をメニューバーから検索できるMac用アプリケーション

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

画像素材サイトPixabayにある画像をメニューバーアイコンからサクっと検索できるMac用アプリケーション。起動するとメニューバーに常駐するので、そこからいつでも素材検索ができるようになります。サイト内の動画を見ると分かるんだけど、検索結果はSketchに(おそらくはPhotoshopにも)直接ドラッグ&ドロップする事ができるようです。仕事でこの手のフォトストックサイトをよく使う人にイイですねこれ。

[Freebie] uipixels – ハードウェアのモックやUIテンプレートを配布するサイト

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

ハードウェアのモックアップ素材や、WebやAppのUIテンプレートを配布しているサイト。素材のフォーマットは作例にもよるけど、Sketch、PSD、Aiなどがあるようです。いくつか詳細を見てみたんだけどどれも無料のようで、ダウンロードボタン押すとすぐに落とせます。面倒なメアド入力とかTwitterでリツイートするとか(あれ大嫌い)、わずらわしい手順がないのがステキ。素材探しに使えそうです。