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

Browse By

Category Archives: Material

[Freebie] FREE Apple TV Mockups – Apple TVのベクターモックアップ

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

新型Apple TVのモックアップが配布されています。ダウンロードすると.ai、.psd両方の素材が同梱されているので、PhotoshopでもIllustratorでも扱えます。様々な角度のTVの画像と、Apple TV本体やRemoteの筐体画像がベクター画像として用意されているので、Apple TV対応アプリのWebサイト作る時なんかに使えそうです。

[Stock Photo] Awesome Stock Resources – 画像素材のリソースまとめ

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

画像素材サイトのまとめ。GitHubを使って一覧がまとめられており、随時アップデートされているようです。素材はそれぞれ写真、イラスト、ベクター画像、ビデオ、パターン、フォント、アイコン、カラーパレットといった感じでカテゴリごとに紹介されており、各サイトごとのライセンスの取り扱いまで言及されている点がとってもナイスです。特にCC0(Public Domain)の写真素材はまとめて紹介されており、素材探しの際に重宝しそうです。

[Freebie] Free Vector iOS9 GUI template for illustrator – イラストレーターフォーマットの、iOS 9 GUIテンプレート

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

iOS 9のGUIテンプレート。これ系のテンプレートって多くの場合PSDかSketchの場合が多いんだけど、これはIllustratorベースで制作されています。画面サイズはiPhone 5ベースのようだけど、ベクターデータなので拡大に関しては問題なさそうです。イラレでUIデザインする場合に役立ちそうです。

[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制作の際に役立ちそうです。

[Icon] Simple Icons – メジャーなWebブランドのSVGロゴデータ

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

メジャーなWebブランドのSVGロゴデータをまとめたサイト。各企業やサービスごとのイメージカラーも併せて紹介されていて、色順でソートされているようです。個別にダウンロードするのが面倒な時はGitHubからまとめてダウンロードできます。こうして見ると青系多いっすね。SVGフォーマットなので汎用的に使える点が便利です。

[Freebie] iOS 9 UI Kit – iOS 9のUIテンプレートPSD

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

iOS 9のUIテンプレートがPSDフォーマットで配布されています。この前公開されたばかりですからね、UIテンプレート出てくるの早いですね。ダウンロードする際にはiPhone 5, iPhone 6, iPhone 6 Plusの3機種から選ぶ事ができます。これら現役の3機種はそれぞれ画面解像度が違うので、制作するものに合ったサイズを選んでネ、という事なんでしょう。UIデザインする時に役立ちそうです。

[Freebie] Apple Watch vector mockup PSD – ベクターで作られたApple WatchのモックアップPSD

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

ベクターで作られたApple Watchのモックアップ。PSDフォーマットで配布されています。ベクターなのにAIじゃなくてPSD?と一瞬思いましたが、結局この手のモックアップ使った作業のフィニッシュってPhotoshopで行う事が多いので、この方が合理的なのかとも思いました。WatchOS 2になって劇的に変わるのかと思いきや、それほど今までと変わんないWatchたんですが、それでも俺は毎日付けてます。よく人に「それ何かの役に立つの?」と聞かれて「時間が分かる(`・ω・´)」程度の事しか言えませんが、それでも毎日付けています。

[Generator] Pixel Map Generator – 世界地図のジェネレーター

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

世界地図をカスタマイズして画像を生成することのできるジェネレーター。いやこれスゴい便利っす。できる事は色々あるんだけど、まずは国ごとの色分け。各国の境界線が設定済みなので、バケツツールを使って簡単に国単位で色を塗る事ができます。次にマップ画像のカスタム。丸ドットや四角ドットなど、いくつかの描画オプションが用意されています(適用にはちょっと待たされますが)。陸地と海のデフォルトカラーも変更できます。また作った地図はSVGやHTMLでも書き出す事ができるので、最後の仕上げにIllustratorを使う事もできます。ちょうど3日くらい前に世界地図の着色作業をしたばかりで「これ知ってりゃこれ使ったのにー!」状態でした。Webの仕事してるとたまーにこういう絵描く機会ありますからね。