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

Browse By

Calendar

2026年5月
日 月 火 水 木 金 土
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Tag Archives: 素材

[Freebie] The Ultimate Collection Of 500+ Free Mockup Templates PSD Designs – フリーのモックアップ素材まとめ

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

無料で配布されているモックアップ素材をまとめた記事。あらゆるモックアップ素材を1記事にまとめてるので、数がめっちゃ多いです。配布されている素材の種類を紹介すると、Mac、iPhone、iPadのApple製ガジェットのモックアップ。続いて名刺などの印刷物のテンプレート。AndroidやWindows Phoneのモックアップ。Tシャツ、ロゴデザイン、ビジネスブランディングツールのテンプレート、カタログ、ポスター、UIテンプレート、PCブラウザウィンドウの素材、プロダクトデザインテンプレート、誌面レイアウト、Facebookページのテンプレート、アイコン素材などがあります。いやぁ多い。最後まで見るだけでも結構なアレです。PSDやAIの素材探す時にはこういうまとめ記事って助かりますな。それにしてもiPhoneのモックアップ素材の多さにはビックリした。こんなにあるのね。

The Ultimate Collection Of 500+ Free Mockup Templates PSD Designs

Tagged with: ,

[Freebie] Savethegraphics – デザイン素材の配布サイト

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

様々な種類のデザイン素材の配布サイト。UIテンプレート、Webテンプレート、印刷物テンプレート、アイコン、壁紙、ワイヤーフレームキット、デバイスモックアップ、テキストエフェクトなどのデザイン素材が紹介されてます。各詳細ページからダウンロードできるようです。種類は色々あるけど、UIとWebのテンプレートが多い印象。デザイン素材探す際に重宝しそうです。

Savethegraphics

Tagged with: , , , , ,

[Sketch] An index of the most useful resources for Sketch – Sketchに関するリソースのまとめサイト

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

Sketchに関する様々なリソースのまとめサイト。多くはGithubにリンクされており、プラグインやチュートリアル、Tipsなどが紹介されています。「PhotoshopユーザーがどうやってSketchに移行するか」なんて記事もあったりします。Adobe系ソフトに比べるとSketchのリソースはまだまだ少ないですが、最近急激にこの手のサイト増えてきましたね。自分もUI系のデザインはこっちに移行しようと思ってます。

An index of the most useful resources for Sketch

Tagged with: , , , ,

[CSS] MocKit – HTML & CSSで描画されたiPhone 6

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

HTML & CSSで作られたiPhone 6のモックアップ。画像ではないので、コードをコピペするだけでサイト内に使えます。試しにダウンロードしてみましたが、ソースコード内に「Put your screenshot here」とコメントアウトしてあるので、iPhoneのスクリーンショットのハメコミもomgタグでサクっとできそうです。カラバリは黒と白が用意されています。フラットに描画されているので、最近のデザインにも合いそうです。

MocKit

Tagged with: , , ,

[Icon] icono – CSSだけで描画されたアイコン

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

CSSだけで描画されたアイコン。使い方はとっても簡単で、サイトからダウンロードできるicono.min.cssをサーバに置いてリンクするだけで導入終わり。あとはclass指定すればアイコンとして使う事ができます。個別の画像ファイルもなくCSSブチ込むだけで導入できるのが楽ですね。用意されているアイコンもシンプルなピクトグラムなので使い勝手が良さそうです。

icono

Tagged with: , , , ,

[Font] 7 Free Fonts Perfect for Minimalistic Design – ミニマルデザインのためのフリーフォント

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

ミニマルデザインに役立ちそうなフリーフォントをまとめた記事。紹介されているフォントが7種類と、まぁ数はそれほど多くはないんだけど、わりと趣味のイイものが多い印象です。過装飾なし、細身、サンセリフ、そしてものによっては個性的なフォントが揃ってるので、シンプルでミニマルなデザインをする際に役立ちそうです。わたくし細身フォント大好きなのでいくつかダウンロードしました。

7 Free Fonts Perfect for Minimalistic Design

Tagged with: , ,

[Freebie] Roundup of Essential Grunge Design Resources – グランジデザインがらみのデザイン素材まとめ

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

グランジーなデザインをする際に便利なデザイン素材をまとめた記事。Photoshop用ブラシ、テクスチャ、Photoshop用アクション、パターン＆テクスチャ、フォント、Tipsやチュートリアル、e-ラーニングコンテンツの順に紹介されています。こういうテーマ絞ったまとめ記事って用途が分かりやすくてイイですね。グランジデザインって汚し系のものが多いので、ヴィンテージ風のデザインにも応用できそうです。

Roundup of Essential Grunge Design Resources

Tagged with: , , , , ,

[Freebie] Design Freebies – デザイン素材の配布サイト

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

様々なフリーのデザイン素材をまとめたサイト。フォント、ベクター画像、デバイスモックアップ、UIキット、アイコン、PSD、テクスチャ素材、Webデザインモックアップなど色々あります。各素材はナビゲーションから抽出する事もできます。最近この手の素材サイトってこのレイアウト多いっすね。なんかこうイイ感じの素材ねぇかなーって感じで仕事サボりたい時なんかに便利です。

Design Freebies

Tagged with: , ,