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

Browse By

Category Archives: Material

[Web Design] Website Template Bar – 様々なWebテンプレートをまとめたサイト

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

Webテンプレートを各種まとめたサイト。プレーンなHTML5ベースのものに加え、Bootstrapベースのテーマ、Wordpressのテーマ、eコマースに使えるものがそれぞれカテゴリ分けされて紹介されています。最近じゃフレームワークにBootstrap使って、その上にテーマ置いて、そこからデザインカスタム始める事もよくありますしね。ちなみに自分はBootstrap v3によく使うJSやら機能拡張のCSSぶち込んだものをテンプレートみたいに使ってます。テーマ的なものはあまり使った事ないんだけど、このサイト見ると結構いろんなテーマがあるので、テーマぶち込んで楽するのもアリだなーと思いました。

[Photo Stock] AllTheFreeStock – CC0の写真素材サイトを横断検索できるサイト

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

いやこれ久しぶりにグっときました。CC0(パブリックドメイン)の写真素材サイトを横断検索できるサイト。CC0というだけでナイスなのに、それらのサイトがリスト化されていて、その上横断検索までできちゃう。なんともまぁデザイナーにとって素晴らしいサイトでございます。画面左側にある「Free Stock Search」→「Mutisite Search」と進む事で横断検索ができます。ちなみにこのサイト、写真素材だけでなくモックアップやビデオ、フォント、Webテンプレートなども探す事ができます。便利過ぎて鼻血出そうです。エクセレーント!

[Freebie] PSDDD – PSD素材ギャラリー

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

PSD素材のギャラリーサイト。Dribbbleからピックアップされた素材が紹介されていて、リンク先からPSDをダウンロードできます。アイコン、デバイスモックアップ、UIパーツ、ワイヤーフレーム、イラストなど様々なPSD素材があるようです。デザインワークでちょっとサボりたい時とか、ネタ探ししたい時なんかに使えそうです。

[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インストール大会とかスゲぇ面倒なんですけどね。

[Web Design] btns.css – ボタン装飾だけのCSSモジュール

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

ボタン装飾だけに限定したCSSモジュール。Webでよくあるボタン状の装飾を簡単に行えます。ダウンロードはこちらから。sassのコードも同梱されているようです。色やボーダーの有無、サイズなどを簡単に指定できます。グリッドレイアウトなどのCSSフレームワークみたいなものはいらないけど、ボタンの装飾だけは手間を省きたい、って時なんかに使えそうです。

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

[Resources] Design Lazy – 様々なデザインリソースを紹介するサイト

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

Webデザインに役立つ素材や、各種モックアップ、UIパーツなどの様々なデザインリソースを紹介するサイト。まだローンチしてそれほど経ってないようで、紹介されている点数こそ多くないですが、内容はわりと使えそうなものが多いので、素材探しの時なんかに使えそうです。日常的な巡回ルートにも良さそうです。

[Photo Stock] Good Free Photos – パブリックドメインの写真素材サイト

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

パブリックドメインのフォトストックサイト。5月24日現在6180枚の写真が用意されているようです。写真素材サイトとしてはそれほど多い量ではないけど、何よりパブリックドメインというのが素晴らしいです。写真もオシャレな感じのものが多く、素材として使いやすそう。各素材はカテゴリ分けされており、またサイト内検索もできます。予算がなく、またクレジット表記も入れづらいデザイン制作の際に使えそうです。