タグ

*WebDesignとGIGAZINEに関するwebmarksjpのブックマーク (5)

  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • Photoshopを使ったWeb2.0風ロゴの作り方ムービー

    Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30%に。 ↓ 垂

    Photoshopを使ったWeb2.0風ロゴの作り方ムービー
  • サイトで使われている色を調べる「mooColorFinder」

    指定したサイトのCSSファイルを解析し、自動的に使われている色をパレットのようにして見せてくれるというネットサービスです。サイト自体のサムネイル画像(小さい画像)も同時に表示されるので、どこかのサイトを参考にしてウェブデザインする際に役立ちそう。 使い方などの詳細は以下から。 mooColorFinder - retrieve all website colors 解析したいサイトのアドレスを入力して「get me the colors!」をクリック すると上部にカラーパレット、下部にプレビューが表示されます

    サイトで使われている色を調べる「mooColorFinder」
  • 人はページ内のどの辺りをクリックする傾向があるのか

    まったく何も描かれていない無地のものから、文字で「click here」と書かれているものまで、8枚の画像に対して好きなところをクリックすると、自分と他の実験者のクリック位置データが表示されます。結果表示はクリックされることが多い所ほど熱そうな色になっていくのですが、かなりハッキリとクリック位置の偏りが出ています。 詳細は以下から。 一枚目は無地です。手っ取り早く結果のデータだけ見たい人は右上のSkipをクリック。 New Click Survey ジョルジュ・ド・ラ・トゥールの名画「いかさま師」をつかったクリック実験もあります。 Click Survey 好きなところをクリックしていいといっても目標があるとそこに意識が向かってしまうようですね。

    人はページ内のどの辺りをクリックする傾向があるのか
  • 世界中のウェブカメラが夕焼けを追いかける「Eternal Sunset」 - GIGAZINE

    現在世界中にウェブカメラが218個、38カ国に渡って設置されているそうです。一日の内では夕焼けを見られる時間は限られています。しかし地球上のどこかは夕焼けになっているはず。というわけで、ウェブカメラを置いて撮影することで途切れることなく夕焼けを見続けられるようにしているようです。ウェブカメラを持っている人は夕焼けの撮影に参加することもできるようです。 詳細は以下から。Eternal Sunset ウェブカメラを持っている人は夕焼けの撮影に参加することもできるようです。以下からウェブカメラのある位置とどこが夕焼けになっているのかが分かります。日にも富士山や信州などいくつか設置されているようです。 http://www.eternalsunset.net/more.php

    世界中のウェブカメラが夕焼けを追いかける「Eternal Sunset」 - GIGAZINE
  • 1