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

Browse By

Monthly Archives: 9月 2015

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

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

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

[Freebie] Pure CSS & SVG Social Buttons – コードのコピペだけで実装できるソーシャルボタン

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

ソースコードを貼り付けるだけで使えるソーシャルボタン。CSSとSVGで作られているそうなので、画像ファイルを別に用意したりアップする必要がない点がナイス。対応するソーシャルサービスも、Facebook、Twitter、Tumblr、Instagram、Pinterest、Dribbble、Flickr、Github、LastFm、Reddit、Soundcloud、Vimeoなど、わりと盛りだくさんです。ボタンの大きさや角丸の有無、フラットデザインなどのオプションもいくつか用意されているので使いやすそうな感じ。デザインのベース素材としてもナイスです。アイコン揃ってるし。

[Freebie] Designer Mill – Webや印刷の素材に使えそうなデザインリソースまとめサイト

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

Webや印刷物、UIデザインなんかに使えそうな様々なデザインリソースの配布サイト。PSDやSketch、AI素材なんかを紹介してます。各素材はカテゴリ分けされて掲載されているので、目的に応じた素材探しができそうです。まだわりと新しいブログのようで掲載数はそれほど多くはないんですが、紹介してる素材の趣味がイイので、数が増えたらスゴい便利なアーカイブサイトになりそう。

[Photoshop Plugin] HTML Block – カンバス内にHTMLエリアを作る事のできるフォトショップ用プラグイン

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

これなかなかアツいです。カンバス内にHTMLブロックを設ける事のできるPhotoshopプラグイン。どういう流れでHTMLブロックを作るのかは、サイト内にある動画を見ると「へぇ〜」と納得できます。専用のパネル内にHTMLを直書きする事で、任意のレイヤー内にHTMLが描画されるようです。描画に使われるのはWebkitエンジンだそうで、Web上のイメージの読み込み、外部CSS、Webフォントなども使う事ができるそうです。PhotoshopのレイヤーやレイヤーフォルダなどをHTML化するプラグインは前からあったけど、これはその逆パターン。コーディングしつつのWeb制作において途中でデザイン要素が出てきた場合や、既存HTMLのあるサイトのリニューアルする時なんかに使えそうです。

[Photo Stock] Free stock photos · Pexels – パブリックドメインの画像素材サイト

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

CC0(Creative Commons 0)、つまりパブリックドメインの写真ばかりを集めたフォトストックサイト。いくつか適当な単語で検索してみましたが、それなりに多くの素材が集められてそうです。一切の権利を放棄された素材ばかりなので、個人・商用問わず使う事ができます(CC0に関する詳細はこちらを参照)。権利面気にせず使えるのが便利ですね。デザイナーのお供にひとつ。

[Photoshop] 50 free Photoshop actions – フォトショップアクションのまとめ記事

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

Photoshopで使えるアクションをまとめた記事。様々なアクションが紹介されていますが、写真フィルター系が多いです。5ページに分けて、合計50のアクションが掲載されています。アクションってPhotoshopの中じゃわりと古い機能だけど、意外と根強く残ってますよね。印象的な写真加工をしたい時なんかに便利そうなまとめ記事。