2009/05/29

楽しいナビゲーションのチャリティサイト



Web Designer Wallの記事「30 Examples of Attractive Nav」で紹介されていたサイト、
Red Nose Day 09
のデザインがおもしろかったのでメモっておきます。
(「2009」となってるので来年には消えていそう。)

イギリスのチャリティイベント「Red Nose Day」のサイト(・・・だと思います)。

赤い鼻をモチーフにしていて、全体が手描き風のかわいいデザイン。
立体っぽくするのは流行っていますが、手描きなのがおもしろいな~。

ナビゲーションはマウスオーバーで震えたりボタンが引っ込んだりして、触っていて楽しいです。
小さいアイコンもちゃんと手描き風だったり、ロゴをマウスオーバーすると「HOME」っていう看板が出てきたりして、細かい。


同じ記事にあるその他のサイトも勉強になります。
詳しくはこちらで。
30 Examples of Attractive Nav

2009/05/26

今PCにインストールしてあるソフト一覧

ahkslog: 今使っているFirefoxのアドオン」のつづき。

自分でダウンロードしてインストールしたソフトもメモしておこうっと。
使ってないのも多いけど。

ブラウザ


フリーソフトとか

あると便利

モバイル用


ところで今知りましたが、「LiveSwif」ってなくなっちゃったんですね。
LiveSwif - Wikipedia, the free encyclopedia
「OpenSwif」というプロジェクトに引き継がれている模様。
http://www.liveswifers.org/

今使っているFirefoxのアドオン

会社のPCを買い替えてもらえることになった。
もう4年使ってて重くて困っていたので嬉しい!

そこで、いま使っているアドオンを自分用にメモしておきます。
(ちなみに家のMacもほぼ一緒。)


あと仕事用のPCなので、こんなのも入れてみてます。
(興味ないページとかいっぱい見るから。)

2009/05/24

自然にインスパイアされたWebデザイン

Six Revisions」の記事「30 Beautiful Web Designs Inspired by Nature」がきれいです。
やっぱり自然のモチーフはいいな〜。

好きなのはこの辺。



しかしこれだけは・・・怖すぎる。

2009/05/22

とってもかわいいアイコン集「Ultra Cute Vector icons」

「Vectortuts+」の記事「Icons, Icons, Icons!」で紹介されていた、「48 Ultra Cute Vector icons」というアイコン集がすごくかわいい!



私もこんな感じのアイコンを作ってみたいな~。

$15.00でeps、ai、svg、psdファイルをダウンロードできます。
購入ページはこちら。
48 Ultra Cute Vector icons - Icons - GraphicRiver

同じデザイナーのこれもかわいい。
Winter-wonderland - Icons - GraphicRiver

2009/05/13

スウォッチみたいなグラデーション



Veerle's blog」に紹介されていたチュートリアルを見て作ってみました。
Adobe Creative Suite 4 familyの箱みたいな、四角が並んだグラデーション。
ただのグラデーションよりもちょっと凝った感じで、印象的な背景として使えそうです。

Illustratorのブレンドツールを使用して作ります。
詳しくはこちらで。
Illustrator swatches gradient background effect | Veerle's blog

2009/05/11

Illustratorでくるっと巻いた紙を作る方法

Vectortuts+」にIllustratorで巻いた紙を作るチュートリアルが載っていたので、早速作ってみました。


おもしろ〜い!
渦巻きのパスを描き、3D押し出しで立体にするだけなんです。

簡単ですのでぜひ。
How to Create Sheet Rolls with Custom Spirals - Vectortuts+

3Dっぽく見えるグラデーションの背景

Small web design elements tutorials collection | Design-Notes
という記事にある「3D illusion in two dimension web design」がおもしろかったのでメモ。
3Dっぽく見えるグラデーションのやり方です。
上から、


  1. 少し暗い→明るい(奥の壁)

  2. 暗い→少し明るい(面)

  3. ハイライト(角)

  4. 明るい→少し暗い、けれど1よりは明るい(手前の壁)


という風にグラデーションをかけます。
するとこんな感じに。

段っぽく見えます?

ちなみに女子はアイシャドウみたいにやるといいそうですよ!
(確かにあれも立体感が大切です。)

ahkslog  ©Template Blogger Green by Dicas Blogger.

TOP