[Photo Stock] Pexels – オシャレなフォトストックサイト

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

by on 9月.02, 2014, under Material

写真がオシャレなフォトストックサイト。通常の写真素材サイトと同様に、キーワード検索で素材を探す事ができますが、ただスクロールして見ているだけでも写真の質が高いので見てて楽しいです。質が高いというか構図が変わってたり、フィルタがかっこ良かったりして、写真単体でオシャレな雰囲気が出せそうです。タグ抽出、ポピュラーソートなどができます。

コメントを書く :,

[UI Design] UXPorn – モバイルアプリのUIギャラリー

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

by on 8月.29, 2014, under UI Design

iOSやAndroidなどの、モバイル端末向けアプリのUIギャラリーサイト。これ系のサイトによくある感じで、様々な場面ごとにカテゴリー分けされて紹介されています。サインアップ画面やリスト画面など、同一場面での異なるアプリのUI作例を見る事ができるので、UIデザインする際の参考になりそうです。そして何よりもサイト名がアツいです。「UXポルノ」って。そういや映画のパシフィック・リムも「ロボットポルノ」とか言われてましたね。最近こういう言い方流行ってるんでしょうか。

コメントを書く :, , ,

[Pattern] PatternBolt – 使い勝手の良いSVGパターン

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

by on 8月.28, 2014, under Material

使い勝手の良いSVGパターンの配布サイト。ファイルは一式という形でダウンロードする事ができ、サイト内ではそれらの色や大きさを変えて試す事ができます。どう使い勝手が良いかというと、まずSVGであるという点。ベクターパターンなので拡大縮小が簡単です。次に各パターンは画像ファイル単体ではなく、CSSファイル内にData URIとして埋め込まれている点。なのでパターンを配置する際に画像ファイルを置かなくても、コードのコピペだけで使えます。またCSSだけでなくSCSSファイルも同梱されてるので、記述方法がSCSSメインの人やサイトにも対応ができます。いやこれ便利ですね。パターンの数もそこそこあるので、コーディングベースでの装飾に使えそうです。

コメントを書く :, , , , ,

[Web Design] httpster.net – クールなサイトを集めたデザインギャラリー

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

by on 8月.27, 2014, under Web Design

クールなデザインのWebサイトを集めたギャラリーサイト。一時期この手のまとめサイトってよく見たけど(なぜかCSSなんちゃらって名前が多かった)、最近じゃMobile App系のギャラリーサイトばかり増えて、Web系は目立たなくなったような気がします。このサイトで紹介されているWeb作例は、デザインだけでなくコード的な作りにおいても凝ったものが多いです。スクロール芸とかレスポンシブレイアウトとか全画面+スクロールとか。コンテンツの見せ方そのものの参考にもなりそうです。

コメントを書く :, ,

[Music] The Artist Hunt – アーティスト名を軸に、関連アーティストをサクサク聞けるサイト

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

by on 8月.26, 2014, under Music

アーティスト名を入力する事で、関連するアーティストの音源を聴く事のできるWebサービス。これ系のサイトって他にもあるけど、独特の操作法により快適に音源発掘ができます。トップページに書いてある通り、基本的にはキーボードの十字キーを使って操作します。左右でミュージシャン選択、上で選択したミュージシャンの画面に、下で選択したミュージシャンの次の音源を聴く事ができます。また曲を再生中にSpaceキーを押す事で、今流れている曲をSpotifyのライブラリに追加する事ができます。日本でもぼちぼちサービスが始まるらしいので、この機能はとってもナイス。このSpotifyとの相性もあって、洋楽リスナーにとってもオススメ。仕事中のBGM用途としてもイイですね。

コメントを書く :, ,

[Funny] PSDisasters – ダメなフォトショップ作例のギャラリー

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

by on 8月.25, 2014, under Funny

ダメなフォトショップ作例をブログ形式で紹介して、「ホラここの処理ヒドいだろ!」という感じでコケにするサイト。しかしまぁヒドいもんですな。特に女性の体のラインを補正する際に、余計なものまで歪ませちゃってる系は笑えます。あと過去に特にアツかった(=ヒドかった)作例をGreatest Hitsとしてランキングしてあり、これがまぁヒドい。他人のスキルのなさを笑いのネタにするという意味では、決して上品な笑いではないんだけど、Photoshopユーザーならきっと笑えると思いますw

コメントを書く :,

[Logo Design] Logospire – ロゴのデザインギャラリー

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

by on 8月.25, 2014, under Logo Design

ロゴ作例のデザインギャラリー。ユーザーからの投稿がベースになっているようです。各作例はページングで整理されてて、現在14ページまでなので、それほど数は多くないです。あと検索もできないのがちょっと不便です。けど投稿されている作例は結構クオリティ高いので、ロゴデザインのネタ探しには使えそうです。

コメントを書く :, ,

[Funny] Punk Edits – 有名人をパンクスに仕立てるTumblrブログ

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

by on 8月.25, 2014, under Funny

映画やTVドラマ、アニメやゲームなどにおける有名人(有名キャラ)をパンクスに仕立てるTumblrブログ。どちらかというと元々が健全キャラの人が多いです。まぁ元からパンクスっぽかったらオモしろくも何ともないですからね。ディズニーキャラなんかも餌食になってます。個人的にエマ・ストーンちゃんがカワイ過ぎてツボりました。

コメントを書く :,

[CSS] CSS Shorthand Generator – CSS記述をショートハンドにしてくれるジェネレーター

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

by on 8月.22, 2014, under Web Design

CSS記述をショートハンドフォーマットに変換してくれるオンラインツール。サイトを開くと「例えばこんなCSSならこうしちゃうYO!」という例が表示されてます。fontやbackground、margin、padding、borderあたりに効きそうですね。ただショートハンド記述ってどちらかというと、書く人がラクに書けるように用意されたものであって誰かに変換してもらうようなものでもないという気もします。ショートハンド記述が苦手な人がお手本にするのが正しい使い方なのかも。この記述法だと結果的にデータ量も減ってCSSも圧縮できますしね。

コメントを書く :, ,

[Icon Design] Realistic iOS App Icons – リアル志向なiOSアイコン

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

by on 8月.21, 2014, under Icon

リアル志向なiOSアイコンの作例をまとめた記事。最近じゃフラットデザインの波にグっと押されて、すっかり影をひそめてしまったスキューモーフィックデザインの手法で作られたアイコン達です。こういうの最近じゃ見る機会減っちゃいましたが、ここで紹介されているものはどれもクオリティが高く、しみじみとスゲーなぁって思うものばかりです。ディテールの細かさ、情報量の多さ等、仕事の細かさがはんぱないです。プロトタイプも併せて掲載されているので、アイコンデザインの参考にもなりそうです。

コメントを書く :, , , ,

Web Services

My Profile by iddy

Twitter Status