• ベストアンサー

カッコいいデザインで使い勝手が良いサイト

カッコいいデザインで尚且つユーザーの使い勝手も考慮している素晴らしいサイトはないでしょうか。 それからWebデザインの最新動向がわかるサイトもあれば是非教えてください。 デザイナーなら絶対チェックしてるであろうサイトなんていうのも 教えていただけると嬉しいです。

noname#15756
noname#15756
  • CSS
  • 回答数4
  • ありがとう数7

質問者が選んだベストアンサー

  • ベストアンサー
  • Earmy-S
  • ベストアンサー率64% (34/53)
回答No.3

 使い勝手…という意味合いは、実は結構難しいんです。というのは、Webメールのようなアプリケーションとしての使い勝手(代表的なところで Gmail ですとか…広義では各検索エンジンも含みそうですが)か、それとも音声ブラウザなどでも適確に読み出せる“アクセシビリティ”を意味するものかで大分違ってくると思います。かつては Dynamic HTML のようにアプリケーションとしての記述が多用されましたが、現在は W3C の勧告する、“文書”としての完全性・可用性をまっとうする仕様が重視されつつあります。それが引いては DOM (Document Object Model)です。日本でも先に勧告された「JIS X 8341-3」はそうした規定に基づいてますね。  もちろん、それら(アプリケーション性・文書性)を両立した構成がもっとも望ましいのでしょうが、そうしたすべてをまっとうするのは結構難しい作業です(ブラウザ側でフォントサイズを変更しても崩れないレイアウトにしないといけない…等々)。  いずれにしても、要はその「何を伝えたいページ(サイト)なのか」がデザインや仕様にも関係してくるんです。  前置きはこの辺にして、そういった事を踏まえた上で輩のオススメのサイトを紹介しましょう。 【Infoaxia(インフォアクシア)】Webアクセシビリティのポータルサイト ※参考URL  ここは「アクセシビリティとは? Web デザインとは?」を知る上では一度は観ておくべきです。 【CYBER@GARDEN】 http://www.cybergarden.net/  HTML・CSS・JavaScript などの基礎技術にも詳しく、かつ観易いサイトです。 【ロフトワーク】 http://www.loftwork.com/  デザイナー・クリエーターのコミュニティサイト。沢山のトピックを扱う機能的なデザイン構成のページです。 【Home | Round Two】(英語) http://roundtwo.com/  CSS デザインの代表的なページ…だと思います。秀逸な構成です。 【blogWatcher 2.0b】 http://blogwatcher.pi.titech.ac.jp/  ブログ検索サイト。機能性の見本でしょう。 #以下はブログ。 【津 波 荘】 http://www.ktsonline.jp/~minatsu/ 【Linkage Note!】 http://diary.sakura.ne.jp/ 【MozillaMinute】 http://mozilla.minutedesign.com/  いずれのサイトでも、出来ればスタイルシートを無効にした状態も見てみると良いです。Firefox や Opera は割と簡単に出来ますし、【Infoaxia ※参考URL】で I.E. 用のツールバーも配布されています。

参考URL:
http://www.infoaxia.com/
noname#15756
質問者

お礼

ありがとうございます。 どのサイトも大変勉強になります。 > W3C の勧告する、“文書”としての完全性・可用性をまっとうする仕様 私の中で今一番の課題です。どうしてもtable離れが出来ず 中途半端な知識でなんとかやっているので、もっともっと勉強していきたいと思います。 > 「何を伝えたいページ(サイト)なのか」がデザインや仕様にも関係してくるんです 伝えたい事柄が全く違うサイトなのに、いつもどこか似通ったデザインになってしまう為 これから勉強していきたい思います。 貴重なアドバイス、どうもありがとうございました。

その他の回答 (3)

回答No.4

個人的にはこのホームページかっこいいと思います。 http://www.imgcab.com/ http://www.suisaku.com/

noname#15756
質問者

お礼

ありがとうございました。

  • C_S_C
  • ベストアンサー率62% (5/8)
回答No.2

>ユーザーの使い勝手 アクセシビリティという意味でならここなんかいいですね。 デザインもそれなりだし。 http://www.will3in.jp/ デザイン重視ならここかなー? http://www.jtf-jp.com/ ALLFlashでもいいなら、個人的には好きなサイト http://www.form-process.com/

noname#15756
質問者

お礼

ありがとうございます。 > http://www.will3in.jp/ ↑ここはtableを使ってませんね。 CSSをもっと勉強したいと思っていたところだったのでとても参考になります。 > http://www.jtf-jp.com/ ここのデザイン、いいですね! > http://www.form-process.com/ ここは後程じっくりと見させていただきます。 ありがとうございました。

  • mendokusa
  • ベストアンサー率13% (359/2726)
回答No.1

最近気合いを入れてリニューアルしたらしいサイト↓

参考URL:
http://www.morinagamilk.co.jp/
noname#15756
質問者

お礼

ありがとうございます! 早速チェックさせていただきました。 トップページ見やすいですね。 中(次ページ)に入るとナビゲーションがヘッダー部分のみになって 他のページを見るには一旦トップページに戻らないといけなくなるのは 仕方がないんでしょうか。 あれだけのコンテンツをいかに見やすくするか、とても参考になります。 ありがとうございました。

関連するQ&A

  • あなたのお薦めかっこいいデザインのサイトは?

    趣味のページを作ろうと思っているのですが、どういうスタイルでいこうか迷っています。インスピレーションを得るために、デザインの格好いいページを見てみたいので、お気に入りのサイトを教えてください。 個人、企業どちらでも構いませんが、自薦やあまり重たいサイトはご遠慮下さい(ブロードバンドじゃないので..)。 アダルトサイト、ウィルスサイトはお断りです。

  • かっこいいホームページ

    Webデザイナーを目指しています。 優れたWebデザイン会社ってどんなところがありますか?またなんかの賞をとった優れたホームページやその他、かっこいいホームページがあれば教えてください。

  • Webサイトのデザイン時での注意点について

    サイトデザインについて、Webデザインにお詳しい方、是非ご意見をくだださい。 もしあなたがサイトをデザイニングする際、どういった点に注意して制作されますか? Webデザイン特有の注意点とはなんでしょうか? 普段デザインする時に、注意している点、気にしなければならない点、気をつけている点・・・などなど、Webデザイン特有の注意点を教えてください。 制作順序が云々、費用が云々は関係なく、あくまで純粋なデザイン時の話しです。 複数でもかまいませんので、具体的なご意見をください。 <詳細・経緯> 現在、サイト関連のデザインを外注させて頂いた場合の、最低限のチェックシートを作っております。 ブランドカラーは打ち出せているか、競合との差別化はできているか、コンセプトと合っているか、文字や文章は自然な可読性があるか・・・etc などの最低限チェックしておきたい内容のシートです。 基本的なデザインの判断基準は、仕事柄Web以外のデザインに多数関わっているので既にあるのですが、Webデザイン特有の判断基準がわからず、Webデザイン専用のチェックシート作りで悩んでおります。 何を最低限注意しなければいけないのか、サッパリわからないのです。 そこで知人のWeb以外を専門としている複数のデザイナー様に相談させて頂いた所、Web以外は比較的類似している点が多いけど、様々種類の制約がものすごく多いWebだけは特殊だから、やはり数をたくさんこなして粋も甘いもわかっているその道の専門家に聞いたほうが良いよ、とアドバイスされました。 ですが私にはWebデザイナー様の知人がおらず、まさか発注予定デザイナー様達に聞くわけにもいかず、困り果て、ここで相談させて頂くに至りました。 これを拝見されたお詳しい方、私はWebデザインの素人で申し訳ございませんが、ぜひご教授お願いします。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • デザインが参考になるようなカッコいいサイト教えて下さい

    再びウェブサイトを作ろうと思っています。 これまで簡単な含めると3つ作りました。 デザインを盗むと言うわけではないんですが、デザインの流行というか、そーゆーものを大事にしたいので以前も色々なサイトを参考にさせていただいてウェブサイトを作っていました。今回もそうしたいです。 ・カッコいい ・洗練されている ・見やすい ・flashは使っていない …こんな感じのサイトを探しています。 みなさんのオススメを教えて下さい。

    • ベストアンサー
    • CSS
  • webデザインが学べるサイト

    html cssをたまに勉強しています。 ウェブデザインの知識がないので独学で学習できるサイトがあればご教授お願い致します。 将来webデザイナーになりたいとかではないのですが、興味本位で勉強をしたいなと思い質問いたしました。

  • かっこいいと思われたいからwebデザイナーになる。

    他人から格好いいと思われる肩書きが欲しいからという理由で職業を決めるのはおかしいですか? いつか後悔しますか? 特にやりたい職業はありません。 デザイナー格好いいと思うのでwebデザイナーになりたいです。 デザインなどは苦手な部類です。 でもセンスはあまり必要ないと聞きました。

  • Webサイトのデザインは重視しますか?

    Webサイトを見るとき、やはりWebサイトのデザインって気になりますか? それとも、読みやすく使い勝手が良ければ、Webサイトのデザインは気にならないですか? 新しいWebサイトを作ろうと考えているのですが、どうもCSSが使いこなせないので、多少デザインが貧相でも、コンテンツとユーザービリティに注力しようと考えています。 やはり、デザインは気になりますか? ご意見を聞かせてください。よろしくお願いいたします。

  • 最新のWebデザインが見れるサイトを教えてください

    最新のWebデザインが見れるサイトを教えてください! ウェブデザインを勉強しようと思っています。海外の方が最先端のウェブサイトを作っていると聞いたので、参考にしたいと思い質問させていただきました。そういったウェブサイトの参考例がたくさんあるようなウェブサイトを教えていただけると幸いです。

  • ステキなデザインページやデザイン紹介されている本

    Webディレクター見習いです。 Webデザイナーは外注で、納期までの時間も費用も少ないため、 デザイナーとの打ち合わせはあっても1回。後はメールや電話でやり取り しています。 デザインはたいていお客様はお任せ。 トップページについては決定までお客様と打ち合わせをして直して もらいますが、中のページについては、納品間近にお見せすることが 多いので、最初からある程度、私の中でデザインを決めて、デザイナーに依頼を かけたいと思っています。 サイトを検索して、良いと思うものをデザイナーにいくつか見せて 考えてもらっていますが、サイト数も限られてしまいます。 そこで参考になるサイトや本を、ぜひ紹介いただきたいと思います。 よろしくお願いいたします。

  • WEBデザインの著作権について

    WEB系のデザインについて質問があります。 制作したWEBサイトのデザイン(HTML化されたものではなく、PhotoshopやIllustratorのデータです)の著作権は会社側のものですか、それともデザイナーのものですか? とくに一人のデザイナーが制作していて、制作途中で退職せざるを得なくなってしまった場合、その未完のWEBデザインの著作権はどちらのものになるのでしょうか? デザイナーからすれば、完成していないものであるから、後任の者が引き継いでデザインすることを拒む気持ちはよく分かるのですが。 チームで制作していたのならともかく、一人のデザイナーが制作していた場合、その著作権はどうなるのでしょうか? あるいは、完成していないということで、著作権は発生しないのかな・・・う~ん。 よろしくお願いします。