カッコいいグローバルメニューを集めてみました

かっこいいサイトについての感想ばかり書いてましたが、たまにはコラム的な物も書いてみようかと冒険にでてみました。

かっこいいサイトって主にグローバルメニューが良くないとダメですよね。どんなサイトでもメニューをクリックして色々なページを見てもらわないといけないし、メニューがわかりにくかったり、みにくかったりすると押すに押せないって事もあるだろうし。

とは言ってもカッコいいメニューってのは英語表記だったり明朝だったりして、ちょっと見難いんですよね。

とりあえずシンプルでかっこいいなと思った色々グローバルメニューを集めてみたのでどうぞ。

サイトの雰囲気全体

グローバルメニュー

これは、罫線のクオリティや間隔、色のクオリティが高いグローバルメニュー(ナビ)の例です。

罫線を上手くあしらって、シンプルに見せる、そしてロールオーバー(マウスオーバー)の場合は薄くなって下に下層メニューがぶら下がるプルダウン的な物、プルダウンのメニューも同様にデザインされてて、とても綺麗。

サイト全体の画像

グローバルメニュー

背景の写真を利用した、軽く黒を透かした帯に白文字のメニューを配置したと言う例。

これは、センスの必要な感じでデザインされたグローバルメニューと言う感じ、サイト全体もモノクロの写真ってのがインパクトありますし、メニューが英語で、マウスオーバーでグローすると言う所が更にカッコいいですね。

サイト全体のイメージ

グローバルメニュー

アパレル関係に割と多い、マガジンちっくなサイトで使うグローバルナビの例。

こう言ったサイトでは、シンプルな中でもインパクトを持たせないといけないので、グローバルメニューにも気合が入りますね、枠と文字の空間が綺麗に整理されたメニューだと思います、さらにロールオーバーではボタン毎にロールオーバーの色が変わると言うコダワリ、吹出しちっくな所も可愛いと思います。

サイト全体のイメージ

グローバルメニュー

和風のサイトに良くある、縦書きのグローバルメニュー例。

和風テイストなサイトを作る時に、僕もこのパターン良く使いますが、これはほんとにセンスが良く見えるんですよね。日本語の横に英語を並べると言うのも1つのポイントです、すっとした縦書きもシンプルでカッコいいですが、ちょっと横に英語で味付けするのが日本の粋なデザインと言う感じがします。

サイト全体のイメージ

グローバルメニュー

フォントの扱いに気をつかった、シンプルデザインのグローバルナビ。

ものすごくモノクロでセンス良く作る時って、たとえメニューであってもこの様にフォントの扱いを丁寧にし、強弱をつける事で誘導も上手く行われる。これは少しDTPよりの手法と言った感じもしますが、デザインとしては大事な役割を果たすメニューって感じです。

と、今回はシンプルなグローバルメニューを集めてみましたが、参考になりますでしょうか?

次回は何か実用的なデザインについてピックアップできればなーと思います。

【かっこいいサイト】ツナグカフェ

ツナグカフェのサイト

カフェのサイト、いまどきのカフェっぽいデザインで非常に綺麗です。

今のデザイナーさんはこう言うサイトをつくるのが得意そうですね。

ベージュ系のサイトってなんでもわりとオシャレにかっこよく見えますよね。

http://www.tsunagu-cafe.com/

【かっこいいサイト】和婚×桜坂観山荘

和婚×桜坂観山荘のサイト

桜坂観山荘のブライダルサイトのようです、和の結婚式を行うって感じが滲みでてて良いですね。

和風で綺麗に洗礼されてて、女性も気に入りそうなかっこいいサイトです。

http://www.kanzan-wedding.net/

【かっこいいサイト】Toshiba Tablet

かっこいいサイト

TOSHIBAのアンドロイドタブレットの英語サイトのようですが、かなりクオリティが高い。

ほんと、立体的で操作感が抜群に良いので、良質なかっこいいサイトと言えますね。

こっち系のかっこいいサイトは久しぶりにみました。

http://thetoshibatablet.com/

【かっこいいサイト】Feu (フー)

Feu (フー) のサイト

人の感じる空間の明るさ感を数値化する、照明における新しい指標を伝えるコンテンツサイトのようです。

このサイトデザインの綺麗さは半端ない。

そしてコンテンツの伝えるべき内容がイメージでも文章でも伝えてる上に映像でも伝える、ユーザビリティとして最高に楽な形です。

http://denko.panasonic.biz/ebox/lighting/feu/index.html

【かっこいいサイト】CASH CA | カシュカ

CASH CA | カシュカのサイト

アパレル関係のサイト、ちょうイギリスっぽいですね、きれいな感じが。

こう言う白ベースのモノクロでかっこよくってなってくると、やっぱり明朝とか使いますよね。
僕もそうですが、余白とか間隔とかにこだわらないと失敗しますけど、これは完全なる成功例です。

あとこう言うjavascript系サイトを見ると、Flashってどんどん無くなっていきそうで、ちょっと寂しくなりますね。

http://www.cashca.jp/

【かっこいいサイト】ilove.cat

ilove.cat

猫とクリエイターのウェブマガジンのようです!写真がメインでさらっとしてて綺麗なサイト。サイトの企画が良いですね、猫とクリエイターと言う。

http://ilove.cat/ja

——————-

【PR】PSPの後継機、PSP2(NextGenerationPortable:NGP)の発表についてのメモ

【かっこいいサイト】JWT

JWT

世界初の広告系の会社のホームページ。

と言うかHTMLってここまでレイアウト自由なんかと今の時代を感心しました。

http://www.jwt.co.jp/

【かっこいいサイト】撮りラボ by EXILIMケータイ CA006

撮りラボ by EXILIMケータイ CA006

出来ては消えて行く携帯の特設プロモーションサイトなのですが、オープニングから内装のデザインまで一貫してクオリティが高い!!オープニングの動きがもう、気持ち良い。

デザインのジャンルは好きなポップな感じをかっこ良く出してる・・これはもう参考にするしかないね!

http://ca.casio.jp/

【かっこいいサイト】The RL Gang – ラルフ ローレン | RALPH LAUREN

The RL Gang - ラルフ ローレン | RALPH LAUREN

ラルフローレンの子ども服のプロモーションサイト、ナチュラル系代表と言った感じのデザインの作り込みと、Flashサイトです。こう言うデザインの作り込みは学ぶべき所が多いです。

http://local.ralphlauren.jp/rlgang/