[Freebie] 100+ Best Free Badges Vector & PSD – バッジ画像まとめ
Webのビジュアル制作なんかでたまに使うバッジ類の素材をまとめた記事。いわゆる「xx%オフ！」とか「今だけお得！」みたいなアピールしたい時に使うアレですね。ショッピングサイト運用時の素材なんかに良さそうです。
Monthly Archives: 7月 2015
[UI Design] Calltoidea – UIデザイン作例のギャラリーサイト
UIデザイン作例のデザインギャラリー。この手のまとめサイトによくある感じで、ログイン画面やカレンダー、ポップアップ、フォームといった各種場面ごとにカテゴリ分けされて紹介されてます。UIデザインのネタ漁りに使えそうです。このサイトちょっと興味深いのが、レスポンシブレイアウトの手法というか見せ方。1つのカテゴリを3つのスクリーンショットの固まりで表現してるんだけど、後ろの2枚がスライドする形で横幅が可変します。こういうサムネイルの見せ方ってオモろいなーと思ったのであります。
[Icon] SVG Porn – SVGロゴのコレクションサイト
デベロッパーのための各種SVGロゴを集めたサイト。企業やサービスのロゴをSVGフォーマットで集めたサイトなんだけど、デベロッパー向けというだけあってAWSとかCodepenなどの、各種サービスやフレームワーク、CMS、Web規格のアイコン類が豊富に揃っています。SVGフォーマットで作られているので汎用性も高く、この手のサービスロゴを掲載したい時なんかに便利ですね。SVG Porn（ポルノ）というサイト名もクールです。
[Template] Template Stash – HTMLテンプレートやテーマなどの紹介サイト
HTMLテンプレートやテーマなどのギャラリーサイト。いわゆる自動化されたまとめサイトではなく、手動でピックアップしてるから質が高いYO！というのがウリのようです。定番のWordpressテーマや、Bootstrapのテーマ、またマテリアルデザイン準拠のものなど、色々とカテゴリ分けされて紹介されています。テンプレート探しの起点として使えそうです。
[Typography] in a brush – ハンドレタリング作例のギャラリーサイト
フリーハンドでササっと描いたレタリング作例のギャラリーサイト。作例によっては動画で紹介されてます。最近じゃまずは手書きから作業をスタートする人自体減ってそうですが、ロゴデザインの起点ってやっぱコレだよなーと個人的には思います。使っている道具も作例によって様々なので、例えばカリグラフィーとかに興味ある人なんかも楽しく見れる気がします。いやーしみじみと美しいですな。
[Misc] linkmoji🍕💩 – URLを絵文字に変換してくれるサイト
URLを絵文字に変換してくれるサイト。これはなかなか興味深い。試しにこのブログのURL突っ込んでみたら「http://🚴🐴🐨🍕🔑🍵🏈🐮.🍕💩.ws」となりました。これがちゃんと動くんですよ奥さん。まぁサイト内でリダイレクトしてるだけではありますが、なかなか興味深いなぁと。ってかURLに絵文字って使えるんスね。まぁ日本語と同じ2バイトURLなのかな。ちょっとしたネタに使えそうです。
[Misc] DEEPDREAM GENERATOR – Googleの深層学習アルゴリズム「Deep Dream」を使う事のできるジェネレーター
「気味が悪い」とか「絵的に基地外」とか色々言われてるGoogleのDeep Dream。あの人工知能に絵を見せて、人工知能が解釈した結果を得る事ができるというジェネレーター。なかなか興味深いですねこれ。早速画像投稿してみましたが、なかなかに人気のようで「残り時間あと7時間」と言われました。oh… まぁ投稿したのはいつものように江頭の画像なんですけどね。間違っても自分や知り合いの写真とか投稿しないようにしたいと思います。夢に見そう。
[Freebie] iPhone 6 and Apple Watch Resources – Appleデバイス向け制作に使えるリソースまとめ
iPhoneやApple WatchなどのApple系デバイス向けコンテンツを制作する際に便利な、様々なリソースをまとめた記事。これなかなか素晴らしいです。まずは解像度やデバイスごとの親指守備範囲、GUIテンプレートが紹介されています。GUIテンプレートはVectorやSketchフォーマットなどがあります。次に各デバイスの外観モックアップがPSDやSketchなどのフォーマットで紹介されています。アプリを紹介するWebデザインをする際の素材としてはだいたいこの記事だけで揃う気がします。UIデザイン用の素材というよりは、紹介用のWebページ制作に使いやすい素材、という印象です。