ホーム >> 

ホームページデザイン分類

ホームページデザイン分類(ビジネス・都市)

ホームページデザイン【054】T-Change
Yahoo!などのポータルサイトで多く採用されているタブ形状のメニューを配置したデザインサンプルです。
ホームページデザイン【053】F-Slide
メニュー上でマウスオーバーすると、フォーカスが移動する動きを見せるサンプルです。
ホームページデザイン【052】Tilt
デザインサンプル「Sky」のメイン画像を傾かせてインパクトを与えたサンプルです。
ホームページデザイン【051】Shadow
ニューボタンのマウスオーバーで、メニューバーからはみ出して表示されるボタンが特徴のサンプルです。
ホームページデザイン【048】Change
メイン画像上のボタンをクリックすることで、画像上の一部が切り替わる仕様を持つサンプルです。
ホームページデザイン【047】Sub-Tab
メインメニューの各ボタンのクリックによりメイン画面が切り替わり、サブメニューとなるリンクが表示されるサンプルです。
ホームページサンプル【045】P-Menu
マウスオーバーで表示されるサブメニューを実装したサンプルです。
ホームページデザイン【037】Dog
メニューボタンにマウスオーバーすると、メイン画像上に関連情報を表示される点が特徴です。
ホームページデザイン【035】Ojigi
マウスオーバー時にメニューボタンのイラストが動くという仕様が特徴。ホームページの雰囲気にマッチさせた動きにしています。
ホームページデザイン【033】Circles
メイン画像を複数の丸い穴が開いたシートを通して見たデザイン。その円形を使ってメニューボタンをレイアウトしています。
ホームページデザイン【031】FixedView
メイン画像を固定した仕様のサンプルです。本サンプルではサイドにメニューを配置して、メイン画像の一部を隠している点がポイント。
ホームページデザイン【023】Neon
メイン画像のほぼ真ん中にメニューバーを配置した、大胆なデザインが特徴のサンプルです。メニューバーには透過性を持たせて後ろの画像が見えるようにします。
ホームページデザイン【020】GraMenu
メニューバーに左右非対称のグラデーションを設定している点が特徴のデザインサンプルです。
ホームページデザイン【018】Fusen
付箋紙を模したタブ型のメニューを持つデザインのサンプルです。リアリティを出すために、マウスオーバー時に付箋紙の端がめくれ上がる仕様になっています。
ホームページデザイン【011】PC
ヘッダー部分にメニューボタンを配置したデザインサンプルです。メニューの項目数が少なく、かつ全体をすっきりした構成にしたい場合に適します。
ホームページデザイン【009】Hotel
切れ目の無い画面構成が特徴。また、もう一つの大きな特徴として、ナビゲーションメニューを画像ではなく、テキストで作成しています。
ホームページサンプル【008】BlackWhite
二段構成の画面にして、ナビゲーションメニュー部分の背景は黒、本文部分の背景を白にすることで、締りのある構成にしています。
ホームページサンプル【003】Tab
ナビゲーションメニューがタブの形状を持つテンプレート。シャープなイメージを出したい場合など。
ホームページサンプル【001】Sky
企業用のホームページに適したオーソドックスなスタイルを持つテンプレートです。
ホームページデザイン【055】SlideMenu
メイン画像上に配置したボタンをクリックすると、メインメニューがスライドして表示されるデザインサンプルです。

ホームページデザイン分類

【色別分類】
      グレー  赤・黄    茶・金
【テーマ別分類】
ビジネス・都市  自然・ゴルフ  食物  商品    ウェディング  旅行・宿泊  子供

本サイトについて

ホームページ・FLASH&スマートフォンゲームのデザインを手掛ける「うぇっぶ工房」がお送りする、デザインサンプルを中心にご紹介するサイトです。魅力的なWebサイトや動きのあるFLASHコンテンツを制作、または制作依頼したいけど、どういったものが良いのかイメージできない。。。とお悩みの際にお役に立てください。

【著作権について】
本サイトでご紹介しているデザインサンプルおよびゲームは、ホームページ・FLASHデザインの参考としていただく目的で公開しているものでありますが、著作権は全てうぇっぶ工房および株式会社TOP・STAGEに帰属します。無断での複写・転載等はご遠慮ください。

お問い合わせ

ご質問や制作のご依頼はお問い合わせフォームよりお願い申し上げます。お電話でもお受けしております。
個人情報保護について

TOP