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

Browse By

Category Archives: Web Design

[DESIGN] Grammy Award Winning Album Colors 2007グラミー受賞作品のアルバムジャケットのカラーパレット考察

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

2007年の(ってまだ終わってないから、2006年の作品かな)グラミーの各部門で受賞したアルバムのジャケットのカラーパレットを考察した記事。デザイン屋にとっては興味深い内容であります。まぁ基本的にポップアルバムがほとんどで、この中で聴いたのはレッチリとマドンナくらい。けどレッチリの作品についてはジャケも内容も糞だったので(15年選手のファンとしては聴くに耐えなかった)、実質ちゃんと見た事あるのはマドンナのみ。こうして主要な色を抽出すると、ただパレット見てるだけでも「なるほどねー」と思える色づかいがされてます。iTMSやiPodの普及で音楽は切り売りされ、プレイしている内容のみでミュージシャンが評価されるのはもちろんイイ事なんだけど、自分みたくアルバム単位でレコードを聴く人間にとっては、アルバムジャケットというのはアイコンという意味でも大事なファクターなのであります。

[GENERATOR] Blogflux – ブログの各種バッジを生成してくれるサイト

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

海外のBlogでよく見かける「xml」とか「RSS」といったバッジをウェブ上から生成できるサイト。バッジの大きさや色を細かくカスタマイズできて、HTMLソース(タグ)の吐き出しまでしてくれます。元々はRSS Feedへのリンクに使われてたデザインフォーマットなんだろうけど、最近じゃブログランキングや各種ウェブサービス系のバッジとしてもよく見かけます。(元記事:2005年12月 2007年4月リライト)

[PHOTOSHOP] 10 Photoshop Masters – 10人のフォトショップマスター

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

10人のフォトショップマスター、という記事。イイ仕事するフォトショッパーを、どこの国の人かを含めて紹介されてます。自分もユーザー歴結構長いけど、なんつーかため息の出るような素晴らしい作品ばかり。それぞれリンクも用意されているので、見てるだけでも勉強になります。結局のところあれだよなー、ここまでくると技術よりもセンスだよなーと、しみじみ思うのであります。

[WEB DESIGN] CSSeasy.com – CSSレイアウトのテンプレートサイト

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

CSSレイアウトのテンプレートサイト。横幅固定のいわゆるフローズンレイウト(ソリッドとも言うね)と横幅可変のリキッドレイアウトに分けられてて、それぞれ数種類のカラム構成がラインナップされてます。サイト下部には、Adsenceとかそのあたりのウェブマスター向けのツールも紹介されてます。いちからレイアウトすんのメンドクセーって時などに是非ひとつ。

[WEB DESIGN] whos.amang.us – サイト訪問者数をリアルタイムに表示

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

今自分のサイトに何人の訪問者が来ているのかを、リアルタイムに表示してくれるバッジ。バッジの貼り方は簡単で、サイト内に表示されているHTMLコードをコピペするだけ。早速この記事の個別エントリー内に貼り付けてみました。“続きを読む”クリックで表示されます。

(さらに…)

[WEB DESIGN] Web2.0 Logo Creator – Web 2.0っぽいロゴのジェネレーター

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

“Web2.0っぽい”という言葉でだいたい話が通じるようになった昨今、もう色々メンドくさいからロゴとか誰かソレっぽいの作ってくれ!という方、朗報です。サイト名を突っ込んで“Generate”ボタンを押すだけでアラ簡単、サクっとソレっぽいロゴを出力してくれます。しかもご親切に「Beta」というお馴染みの表記やリフレクション付き!ナイスですねー。ロゴ作った後は、画像の直リンURLまで出力してくれます。至れり尽くせりです。これと以前紹介したWeb2.0ぽいサイト名ジェネレーターとを組み合わせれば、とりあえず頭ん中カラっぽでもソレっぽい事が始められます。いや、ホントに始められるのか? まぁそんな感じで是非ひとつ。

[PHOTOSHOP] Knot Now 4 – フォトショップで何でも結んじゃう

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

フォトショップコンテスト。お題は「何でも結んじゃおう」。いろんな物が結ばれてます。これってコピースタンプツール使ってやってるんだろうな。考えただけでもスゴく手間かかりそう。血管が結ばれてるのがなんつーかナイス。海外のフォトショ職人の人ってレベルたけーっス

[WEB DESIGN] Google TalkをWebページに組み込めるガジェット

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

メッセンジャーソフトのGoogle Talkを、自分のウェブサイトやブログに組み込めるようになったそうです。これを組み込む事でいわゆるステータス画面が表示されるようになって、そのウィンドウ内でチャットができるみたい。リンク先は英文なんだけど、“Want to add the Google Talk Gadget to your webpage or blog? Get the code here.”からコード生成画面に行けます。自分の場合最近じゃメインに使ってるメッセンジャーソフトはSkypeなんだけど、Google Talkも仕事で使ってたりするのでこれはなかなかナイス。といっても仕事用だけにブログに貼り付けるのはアレだしナニなんだけどね。