• ベストアンサー

一番見やすいイラストサイト

教えてください！ 今、個人のイラストサイトのギャラリーページを作っているのですが、 一般的にどんなタイプが一番見やすいのでしょうか？ ・フレームタイプ・・・サムネイルをクリックで右(左)フレームに表示 ・別窓タイプ・・・サムネイルクリックで別窓表示（画像クリックで窓を閉じる） ・同一ウィンドウタイプ・・・サムネイルクリックで同一ウィンドウに表示（戻るボタンでメニューに戻る） などなど。。。 みなさんはどのタイプが一番見やすいですか？ 他にもこんなのが見やすい！とか、こういうのはダメ！ などがありましたら、教えてください！ よろしくお願いします！！

  • HTML
  • 回答数5
  • ありがとう数6

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

  • ベストアンサー
  • leap_day
  • ベストアンサー率60% (338/561)
回答No.2

こんにちは ・フレームタイプ 　お気に入り登録しにくい、検索移動でページがうまく表示されない( framesetタイプではなくて iframeタイプならいいかも） ・別窓タイプ 　ポップアップウィンドウを嫌われるユーザー様もいる ・同一ウィンドウタイプ 　Javascriptを使用することになるのでoffになっているとまったく機能しない 　※＞『戻るボタンでメニューに戻る』とあるのでこのタイプではなくページ間移動のもののことを言っているのかな？と思いますが・・・ どれも短所はありますので最終的には『個人の好みで作る』か『ユーザーサイドに立って作る』かのどちらかになると思います 質問の3つの中で・・・であれば見やすさの点から言えば(閉じたり、戻ったりする作業が無い分だけ）フレームタイプだと思います 他の方法としては上でもちょっと触れた同一ウィンドウ(Javascript)タイプですかね？ 今まで回答した中で言えば ・『next』『back』ボタンによるギャラリー http://okwave.jp/qa3786146.html ・小画像クリックによる大画像差し替え http://okwave.jp/qa2836772.html ・そういったツールを使用したギャラリー http://okwave.jp/qa3414131.html

bellEEP
質問者

補足

ご回答ありがとうございます！　同一ウィンドウは、「同じウィンドウのトップにリンク」「戻るボタンで戻る」の事です！ 説明不足ですみません。。 参考サイトありがとうございます！！3番目みたいなのもJavascriptで作れるんですね！ 1番目や、2番目の様なシンプルに差替えるJavascriptは何度か使っていましたが、 3の様なデザインは先入観でフラッシュのイメージがあったんですが、 これならトップのアイフレーム(インデックスにアイフレームを付けて各コンテンツをそこに表示させています。) のデザインを崩さずに、見やすさ、操作性も良く作れそうです！ ちなみにこの場合は、アイフレームにサムネイル(小画像)を並べて、クリックでウィンドウ全体に大画像表示ってできますか？ アイフレーム内にしか大画像を表示できないんでしょうか？？？ よろしければ、引き続きご回答をお願いします！＞＜

その他の回答 (4)

  • leap_day
  • ベストアンサー率60% (338/561)
回答No.5

こんにちは ＞ちなみにこの場合は、アイフレームにサムネイル(小画像)を並べて、クリックでウィンドウ全体に大画像表示ってできますか？ できますよ（＾＾） 手元に持っているのは『lightwindow.js』なのでそれで説明すると・・・ [iframe page] <script type="text/javascript"><!-- function lwin(IMGid) { parent.document.getElementById(IMGid).click(); } //--></script> <a href="javascript:void(0);" onclick="lwin('image1');"> <img src="little_image1.gif"></a> <a href="javascript:void(0);" onclick="lwin('image2');"> <img src="little_image2.gif"></a> のような感じになって [親元ページ(メインページ)] <head> <script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript" src="./effects.js"></script> <script type="text/javascript" src="./lightwindow.js"></script> <link rel="stylesheet" href="./lightwindow.css" type="text/css" media="screen" /> </head> <body> <a style="display:none;" href="big_image1.jpg" class="lightwindow page-options" title="画像1タイトル" author="Unknown" caption="画像1表題"> <input type="button" id="image1"> </a> <a style="display:none;" href="big_image2.jpg" class="lightwindow page-options" title="画像2タイトル" author="Unknown" caption="画像2表題"> <input type="button" id="image2"> </a>

bellEEP
質問者

お礼

ご丁寧にありがとうございます！！！＞＜ さっそくやってみます＊ それとすみません、もうひとつ教えて頂きたいのですが・・・ これで画像を表示させた時に、closeボタンで閉じるのではなく、 画像クリックで閉じるようにもできますか？ またその方法も教えてください＞＜ よろしくお願いします！

回答No.4

> そこに更にギャラリーのフレームページが来るとなると幾分狭くなってしまって(モニタ1024ｘ768仕様用に作っているので) > イラストが小さく制限されてしまうのです。。泣 フレームを使って、サムネイル、拡大、オリジナルサイズの３種類を載せている人もいますよ。 拡大画像は縦横640pxに収まる程度にして、 そこから別窓でオリジナルサイズ（1024から2500px程度）にリンクしています。 作るのは手間だと思いますけどね(^^; そのためか、オリジナルサイズはHTMLではなく、画像ファイルに直リンクが多いです。 オリジナルサイズだけではなく、壁紙アレンジや、色調変更アレンジなど、おまけ画像へのリンクがあることもあります。（サービスしすぎ（笑）いや、うれしいけど）

bellEEP
質問者

お礼

ご回答ありがとうございます！ ＞フレームを使って、サムネイル、拡大、オリジナルサイズの３種類を載せている人もいますよ。 マジですか！！すごいなぁ。。。画像に直リンクってのも思いつかなかったです！笑 やっぱり、ユーザー万人に満足してもらえる表示を目指すと、 何種類ものサイズを用意してってなってしまうんですね。 いろいろやってみて、少し反応を見てみようと思います！！ ご意見ありがとうございました！

回答No.3

別窓 毎回新しいウインドウに表示するのではなく、 別窓を表示したまま違うサムネイルをクリックすると、そのウインドウを更新するタイプの方が良いですね。 PCの性能がそれほど良いわけではないので、閉じる->新しく開くを繰り返すと、メチャクチャ時間がかかります。 フレーム 私は画像だけをブックマークすることはないので、そのファイルのアドレスがわかりにくくても問題はありません。 検索サイトから飛んだときにメニューに戻れないとかはありますが、 最近はアクセシビリティーを考えて作られているフレームサイトも増えてきてますし、そういうところでは全く問題はないですね。 同一ウインドウタイプ ・フレームや別窓を使わずに、同一窓でページをジャンプするタイプ ・サムネイル一覧の横に画像を表示するタイプ ・サムネイル一覧を消して、画面中央に大きな画像を表示するタイプ ３種類有ると思います。 JavaScriptを使ってサムネイルを消してウインドウ全体に表示するタイプは、 いちいち閉じるボタンを押してサムネイルを表示させないと行けないので、あまり好きではありません。 「次へ」ボタンが付いている物もありますが、２つ先を見たい時は、私にはまったく無意味なボタンです。 表示が早いので、 サムネイル一覧ページの表示にやたら時間がかかると言うところでも、表示しやすいという利点はありますね。 （ただし別窓のほうがマシじゃないかと思ったり、思わなかったり） あと、このタイプは同じライブラリを使っていることが多いので、 ブラウザ依存や、スクロール関係など、全サイトで同じ問題、不具合があります。 サムネイル一覧の横に表示するタイプは、インラインフレームで表示するタイプとJavaScriptを使って表示するタイプがありますが、 インラインフレームの場合は、フレームと同じですね。 ブラウザの戻るボタンに違いが出ますが、みたい物を直接表示出来るのがいいです。 ページジャンプのタイプは、JavaScriptを使ってサムネイルを消してウインドウ全体に表示するタイプと同じですが、 ブラウザの戻るボタンでも戻れるという利点があります。 私の場合、5ボタンマウスに「戻る」をセットしているので、そのボタンを使えると利用しやすいと感じます。 要するに私は、サムネイル一覧と大きな画像の両方を同時に表示出来るタイプか、 ブラウザの戻る・進むボタン（マウスにセットしたボタン）が利用しやすいタイプが好みなわけです。 ということで、私のサイトでは、JavaScriptを使ってサムネイル一覧の横に大きな画像を表示するタイプを採用しています。 大きなサイズになるとサムネイル＋画像の表示ができなくなりますが、そういうのは別窓にするなど、ほかの方法を考えないと行けないですね。 １枚の画像ごとに新しい広告を載せられるようにするとか、 （広告収入が重要なマスコミ系サイトの写真表示方法は、だいたいページジャンプです） 営業面でどうしなければならないか、ということも、表示方法を選択する要因になることもあると思います。 一長一短・十人十色。

bellEEP
質問者

お礼

ご回答ありがとうございます！ ＞別窓を表示したまま違うサムネイルをクリックすると、そのウインドウを更新するタイプ なるほど！今まで思いつきませんでした！ ちなみにこれだと別窓のサイズは固定になってしまいますよね？ あとこの場合サムネイルは別窓にあるのでしょうか？ メインのウィンドウにあるとすると、更新されてもウィンドウに隠れてしまって小窓を最前面にもってくるのに手間がかかりそうです。。 ＞5ボタンマウスに「戻る」をセットしているので、そのボタンを使えると利用しやすいと感じます。 私も同感です！これが利かなくてしかも閉じるボタンが無かったり小さかったりするとストレスを感じます。。 うーむ。。表示方法やレイアウトを自分のやりたいコトの中で どれだけのユーザーに対応させるかって考えれば考えるほど どこで妥協するかって問題になってきますね・・・。 一長一短、十人十色、、その通りです！笑 いろいろ試してみたいと思います＊貴重なご意見ありがとうございました！！

  • panasfy
  • ベストアンサー率72% (34/47)
回答No.1

ネット歴はそんなに長くないですが、回答させていただきますね。 個人的には、「フレームページ＆別窓タイプ」ですかね。 具体的にいうと、左右に分かれたフレームページを作り、メニューとなるフレームの＜ギャラリー＞なんかのボタンから横のメインのフレームにページを開き、 そのフレームの片方のページにサムネイルをおき、そこから別ウィンドウで開く。 が好きですね。（説明わかりにくいね、ごめんね（汗 あとはフレームページにいく前に、サイトのトップページを１ページ作って、そこから「ENTER」ボタンをおいてフレームページにつながる・・・っていうのも良さそうですね。 やってほしくないサイトは、 ・乱雑に画像が並んでいるサイト ・コントラストの強すぎるサイト（背景が黒、文字が白で文字ばっかりのサイトや、背景が黄色、文字が青なんていうのはかなり目にきます　^^;） ・音楽を流す場合、On/OFFを可能にしてください。たまにいやなタイプの曲が流れたりすると消音したくなるので（苦笑 ・なるべくメールアドレスを書いてください（直で書くとスパムとばされるんで、画像にして乗せるとか）→意見や情報サイトなどの場合、「ここ間違ってますよ！」みたいのを言えるんでね…。以前訪れたサイトには間違いばかりが書いてあり、その上連絡先がない、むかつきますよ(^_^;) なんか意見というか要望？ｗ自分はサイト作ってもブログ作ってもすぐ飽きるのに偉そうにねー笑 あ、ちなみにフォントも手書き風フォントなどを多用すると見にくくなるのでご注意です。 それと、私のサイトではないのですが、検索エンジンで「Cool Wallpaper World」と検索してみてください。 個人的にすごくきれいだなぁと思った、壁紙を作っていらっしゃる方のサイトです。 では。

bellEEP
質問者

お礼

ご回答ありがとうございます！ やはりフレームタイプだと操作はスムーズですよね！最初はそれで途中まで作ったのですが、 私の場合メインページで既にアイフレームを使っていて、各コンテンツボタンをクリックでアイフレームに表示させているので そこに更にギャラリーのフレームページが来るとなると幾分狭くなってしまって(モニタ1024ｘ768仕様用に作っているので) イラストが小さく制限されてしまうのです。。泣 う～む。。悩む。。 でも、貴重なご意見ありがとうございました！ 背景サイトもありがとうございます＊参考にさせていただきます＊

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • イラスト系のＨＰをお持ちの方、またはよく閲覧する方に質問です

    イラスト系のサイトをお持ちの方は、サイト内にご自分の作品を置いてらっしゃると思いますが、表示のしかたをどうしてらっしゃるか聞きたいです。出来れば理由もお願いします<(_ _)> ①ギャラリーページを別窓で独立させ、そこへ展示している ②メニュー中の「ギャラリー」等の文字やボタンをクリックするとギャラリーページが親窓表示され、そこへ展示している ③メニュー内にはギャラリー的なコンテンツは設けず、メニューの下等に作品を置いて、フレームを利用しトップページに作品が表示されるようにしている ④メニュー内の「ギャラリー」等の文字やボタンをクリックすると、フレームでページが「トップメニュー」「ギャラリーメニュー」「表示場所」の3つに分割されて表示され、ギャラリーメニューを選択すると表示場所に作品が表示される ⑤画像自体全て別窓表示 ⑥その他 分かりづらくてすみません(>_<) イマイチピンと来ない方はご自分の言葉で説明してくださっても結構です。また、「⑥その他」の方は表示のしかたを表記していただけると嬉しいです＾＾ そしてよくこういったページを閲覧される方、上記６つの中で、閲覧者の立場としてはどれが見やすいか、またそれは何故か、ということについてご回答いただけると嬉しいです。 よろしくお願いします。

  • FC2HPでイラストサイトを開きたいのですが…

    FC2でイラストサイトを開きたいのですが、ギャラリーのところフレーム？がよく分かりません…。 左のメニューをクリックして、右側に絵が表示される・・・というようにしたいです。 分かりにくかったらごめんなさい。 できるだけ詳しく教えて頂けると助かります。

  • 見やすいイラストサイトについて。。。

    友人とサイトを作ろうと計画しています。 メインはギャラリー(イラスト・写真・色々)になると思うんですが、 こういうギャラリーのあるサイトはどういう形式が見やすいですか？ ○ブログ ○フレーム ○別窓表示 ○そのままリンクで表示 ○その他（詳しく書いていただけたら嬉しいです） これ、やっぱりカテゴリーはアンケートにしたほうが良かったでしょうか。。。；；；

  • 見やすいイラストサイトについての質問。

    友人とサイトを作ろうと計画しています。 メインはギャラリー(イラスト・写真・色々)になると思うんですが、 こういうギャラリーのあるサイトはどういう形式が見やすいですか？ ○ブログ ○フレーム ○別窓表示 ○そのままリンクで表示 ○その他（詳しく書いていただけたら嬉しいです）

  • イラストページの表示

    イラストページの表示についての質問です 今サイトを作っているのですが、そのメニューの中のイラストのページだけができません；； 2カラムの左フレームが絵の題名で右が表示というつくりなんですがよくあるようなクリックしたら表示というようにしたいです。 左から右のページへリンクを飛ばす方法は分かるのですが、右の表示ページは、 一枚一枚画像ページを作らなければいけないのでしょうか？？ できれば一枚のページに画像だけが変わるような表示にしたいのですが 他の質問やGoogleなどで調べてみましたがよく分かりません＞＜； もし↑のようなページにするのに指定タグのようなものがありましたら教えていただきたいです。 また、何か方法があれば回答お願いいたします！ 分かりにくい質問ですいません

  • フレーム3分割について教えてください！

    こんにちは。 私は今、メモ帳でホームページを作っているのですが どうしても一箇所出来ないところがあって質問させていただきます。 イラストサイトなのでギャラリーページを設けたいのですが、メニューフレーム→ギャラリーフレーム→イラストの表示ページという感じの構成にしたいのですが、どうやってタグを打てばいいのか分かりません。 今出来ているのは、メニューフレームとギャラリーフレームです。 メニューフレームの隣にギャラリーフレームを表示させることはできるのですが、メニューフレームのGALLERYボタンを押すとギャラリーフレームとイラストの表示ページが同時に出てきてほしいのです。 説明が下手ですみません！分かりづらいとおもいますので、私がやりたいことをなさっているイラストサイトのURLをはっておきます。 ここのGALLERYボタンを押した状態が質問内容です。 http://www016.upp.so-net.ne.jp/east_castle/ec-top.htm 一度ここで過去の質問を検索して調べたのですが、ソフトを使っっていたり、初心者では少し理解しづらかったので、丁寧に教えてくださると嬉しいです。 それでは長文失礼しました！よろしくお願いします。

  • 画像が表示されません

    イラストサイトを作っているんですが… インラインフレームの中に別の フレームページを表示させたHPを作りました。 転送した後、確認してみたら index⇒top（フレーム）⇒ギャラリー(フレーム）⇒画像(右フレームに表示） >>topからインラインフレーム内に表示させてます。 ギャラリーの右フレームに最初から貼り付けている画像は表示されるのですが、 左フレームのmenuから見たい画像を選択すると、表示されません； 要するにギャラリーの画像だけ見れないんです。 でも、ファイルやビルダー上で見るとちゃんと見れるんです。 うまく転送できていないのかと確認してみたんですが、いったいどこが間違っているのか…；； どなたか分かるかたお願いします。 ちなみにFC2を借りています。

  • ＨＰのフレームが

    ホームページにフレームを導入しようと考えています。 実験ページで作業をしていますが、 フレームのテンプレートは、 上・右・左です。 （上部分は実験ページでは削除しています。） 右は内容。左はメニューにする予定です。 しかし、左のメニューをクリックしても、 右側に表示されません。 しかも、別ウィンドウで表示されてしまいます。 タグに問題があるのか、バグなのかも分かりません。 http://moromoro.go2.jp/bunkatsu.html の「・メニュー」をクリックすると分かります。 おそらく別ウィンドウで表示されます。 フレームに関してあまり詳しくないので、 よろしくお願いします。

  • HPビルダーでリンク先を別のフレームに表示することについて

    　使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。 　閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。（ここではピンク色の背景にしました） 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。 　確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。 　よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか？ 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。

  • イラストサイトを作るにあたって。

    近々、イラストサイトを作ろうと思っているのですが よくイラストを展示してるサイトにあるイラストを表示するリストみたいなものを 使用したいのですが、 右に□などのイラストを表示するボタン(？)を押すと、左部分に絵が 表示できる。みたいなものをやりたいのですが、やはりタグみたいなのがあるんですよね？ Yahooなどでも探してみようと思ったのですが、どういったワードで検索すればいいのかわかりませんでした。 よければ、そのタグ(?)を教えていただけると有難いです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する