もっといい同人サイトを目指すスレ２

ネットで公開するからには、より多くの人に楽しんでもらいたい。
しかし願った通りの反応があるとは限らないもの。
いったい自分のサイトには何が足りないのか？

より魅力的な同人サイトを目指す管理人が、
悩みや改善案、体験談を話し合うスレです。
管理人だけでなく、閲覧者・ROMも交えて知恵を出し合おう。
次スレは>>980あたりで

留意事項
・無理はしない。無茶は言わない。
・腕前ですべてが決まるとは限りませんが、
　サイトに載せる作品は上手いに越したことはありません。
　作品を良くしようとするのは当たり前なので、
　このスレではそれ以外の工夫を中心に話し合いましょう。
　「神だったら〜」「ヘタレだから〜」という話は
　あまり議論の余地がないので程ほどに。

前スレ
もっといい同人サイトを目指すスレ
http://changi.2ch.net/test/read.cgi/doujin/1202482229/

参考スレ
[閲覧者⇔管理人]聞いてみたいことがある45
http://changi.2ch.net/test/read.cgi/doujin/1232258451/
自分のサイトを評価してもらうスレ
http://changi.2ch.net/test/read.cgi/doujin/1231652061/
【無断】同人サイトのリンクについて 24【相互】
http://changi.2ch.net/test/read.cgi/doujin/1231692614/

いちおつ
この乙はポニーテールなんだからね云々かんぬん

>>1乙

>>1
乙です

質問。今度エチャ大会やろうと思ってます。自分サイトはCPを３つ取り扱ってるのですが、
エチャ会開くならちゃんとCPを１つに固定したほうがいいでしょうか？
それと、時間帯はいつくらいが一番来やすいのでしょうか。
金曜の夜がいいのか土曜の夜がいいのか…。っていうかエツカンで聞いた方がいいかな

スレチですね

>>1
乙です。

前スレ980です。
いろいろ相談に乗ってくれてありがとう、
知らなかったことがたくさんあってかなり勉強になりました！
これから皆さんが教えてくれた方法を一つ一つ試してみて、
どれが一番自分に合っているかよく吟味してみます。
あと、新スレ立てられなくてごめんなさい。
次からは気をつけます

レスくれた方々、本当にありがとうございました！

>>4
管雑でもいいかも

>>1乙です
ちょっと漠然とした質問になっちゃうんだけど…
二次字書きで絵のセンスゼロなんだけど、バナー作成にすごく困ってる
素材サイトさんから素敵バナーお借りしても
自力で文字入れしたら妙にもっさりした感じになってしまう

バナー作る時に何か注意したり心がけてることってありますか？
あと目立つバナー、クリックしたくなるバナーってどんなものだろう？

・全部自作する（ベクターにバナー専用のソフトがあるYO！）
・フォントに凝る
・同系統のサイトバナーを見比べて、利用の少ない色味を使う

自分がやってるのはこのくらいかなあ
特にフォント。印象がすごく変わる感じがする。

>>8
素材バナーを選ぶときに、バナーだけを見て気に入ったの選んでも失敗しやすいから
文字を入れてどうよってのを考えて選んだらいいんじゃないかな。
サイト名が日本語かアルファベットかでも、文字数の多い少ないでもバランスが全然違う。
文字列によってはやっぱり合わせにくいバナーの傾向もあると思う。

あと自分が幸なんかで見るときの第一印象だけど、
小説サイトならフォントや文字装飾でサイト名がほどよく目立ってるのが目を引きやすい。
素材が派手すぎて文字が負けてるバナーや、よく見かけるバナー素材だと素通りしがち。

字サイトさんのバナーでクリックしたくなるサイトか…
私見かもしれないけど、文字がド真ん中にあると何となく垢抜けない印象
左上に模様または空間があって右下にサイト名とか、
右半分ほぼ全面に模様があって左半分はまるまる白一色でその中にサイト名とか
もちろん左右や上下は逆でもいいんだけど
「空間」とか「位置関係」を感じさせると、奥行きと世界を感じる
…文章の巧拙とは比例しないってわかってるんだけどな…

極論だがAAにするとこんな感じ
■■■■■■■■■■■■■■■■■■■■■■■■
■■■□□□□□□□□□□□□□□□□□□■■■
■□□□□□□□□国区囚因団困□□□□□□□□■
■■■□□□□□□□□□□□□□□□□□□■■■
■■■■■■■■■■■■■■■■■■■■■■■■

■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■□□□□□□□□□□□■
■■■■□□□□□□□□□□□□□□□□□□□■
■■□□□□□□□□□□□□□□□国区囚因団困■
■■■■■■■■■■■■■■■■■■■■■■■■

□□□□□□□□□□■■■■■■■■■■■■■■
□□□□□□□□□□□□□■■■■■■■■■■■
□□国区囚因団困□□□□□□■■■■■■■■■■
□□□□□□□□□□□□□■■■■■■■■■■■
□□□□□□□□□□■■■■■■■■■■■■■■

文字サイトだと絵ではなくグラフィック手法を用いることになる。

安易な方法だが、最近流行の２手法のうち
どちらかを使えば、平均的なレベルにおちつく。

１）　プラスチックな質感の半透明ボタン＋シンプルなドロップシャドウの文字
　Photoshopでレイヤー効果を駆使（グラデーションの塗り、
　光彩（内側）、境界線１ピクセルグレー、ドロップシャドウ鉛直下の薄め、
　ハイライトは白のシェイプでレイヤーマスク、合成モードはスクリーン）

２）　背景は濃色のシンプルグラデーション（青→濃紺など同系統色）
　文字は白、流行の反転キャストシャドウ　（テキストレイヤーをコピー、
　ラスタライズ、上限反転、上下に画像を縮める、レイヤーマスク）

またお前か

絵も字も書く両刀者だけど>12が何言ってるのかさっぱり分からない
専門用語使いすぎ。分かりやすく教える気ないだろ

最近流行の、とか言われてもな

レスどうもありがとう
これまで考えもしなかったor気をつけなかったことがいっぱいで目から鱗だよ…！
>「空間」とか「位置関係」を感じさせると、奥行きと世界を感じる
これなんて発想すらなかった
さらに勉強してきます！

>>15
最終手段としてはバナーに文字入れしてくれる素材やさんに頼むって手もあるｗ
気楽に構えてがんばれ

バナーといえば、以前サイト名が長かった時は
どう入れてもバランス悪くて困ったｗ
バナーサイズに入る時にバランス悪いサイト名ってあるよね

字書きサイトさんのバナーの場合、デザインはそこまで気にないけど、
（というか自分的には若干地味系な方が好感度高い）
素材とかの上にフォントを乗せたときに、何かフリーソフトを使ってるせいなのか
文字の縁が白くジャギっちゃってるのがたまにある。あれだけはいただけない

>>18
ぎくり

>>18
耳が痛い…

>>8
もう〆ちゃったみたいだし>>8に合うかどうかはわからないけど
バナー作りにお薦めなフリーソフト

簡単バナー
ttp://www.vector.co.jp/soft/win95/art/se100601.html
文字の縁取りとか楽で操作自体も手軽
自分は何年も前からこれにお世話になってる

>>14
Webデザインの雑誌みたら最近流行の手法はわかるよ
オンラインの情報は最新のものから時代遅れのものまで
錯綜していて、どれが新しいかというのはよくわからない

もっとも同人サイトってそういう流行とは無縁のところが多いし
流行を取り入れると、かえって反感を買うことがあるという不思議
あんまりオサレにしないほうがいいのかもね
見やすいけどダサい、ぐらいが適当か

>>22
その雑誌にアクセシビリティの記事がないのは確実だな

>>21
自分もそれ使ってるｗ

>>21
いいねこれ

>>21
素材屋さんで配布されてるバナーに文字入れするだけなら
お手軽で使いやすいね、これ
フォントがプレビューされる機能が個人的に嬉しい
てか、わざわざ海外サイトまで行ってオサレなフォント探さなくても、
PCに元から内蔵されてるフォントだけでも結構オサレなのあるんだなｗ

その中でかなり気に入ったフォントを見つけたけど
オサレな反面見辛くて歯痒い
借りたバナー画像の雰囲気に
これでもかってくらい合ってるのに、そもそも読めないorz
ああ歯痒い

カリグラフィー系のフォントとか、カッコイイけど本当に読めないからねｗ
ルビ入れられるほどスペースもないし

オサレでも読めなきゃ意味ねーｗ
俺はサイトの欧文フォントとしてMyriad Proしか使ってない。
ありふれたフォントだけど低解像度でも読みやすいから。

WindowsとUNIX系X-Windowに標準装備されるフォントで
Lucidaファミリーがある。あれはFAXなどの低解像度でも
読みやすい文字として設計されたもの。Lucidaでもいいかも
しれないね。Winにはセリフ体のLucida Brightは入ってないけど。

アンチエイリアスきっててパッキリ見えるフォントが好き
前時代的かもしれないけど今でもMicroBit愛用してる
今もう配布されてないんだっけ

フォントのバナー配布って著作権大丈夫なんだっけ？
ゲーム作ってるんだけどほとんどのフォントは
画像化しての配布は不可だから気になった

ノウハウ板のフォントスレへ逝けばわかることだが、
Adobe CreativeSuite付属のフォントはライセンスが一番緩い。
フォントそのものを配布したり販売したりしない限りにおいて、
商用に使おうが同人誌に使おうがバナーに使おうが問題無し。
まぁあれだけ高額な商品だから当然だけどさ。

バナー程度ならいいんじゃないの＜フォントの著作権
商業利用じゃないんだし…と思うんだけど甘いのかな？
周囲でも2ちゃんでもそんなの気にしてる人見たことない

自分は非営利なら個人利用可能なフリーフォント使わせて貰ってる

バトンとかで、憧れてる管理人さんの名前をあげるっていいのかな？
しゃべった事もないし、相互してるわけでもないけど…

イニシャルトークはどうよ
狭いジャンルだったらバレバレかもしれないけど

>>35
よし、やってみる

こっそりんくしてくれてるところがバトンで
私や他のリンク先の管理人（相互、片思い問わず）イメージを回答してた
リンクにはコメントつけてないところだけれども
こういう印象もってくれてるのか！って知る機会になって嬉しく思ったよ！

皆にとって見やすい・使いやすい同人サイトってどんなサイト？

自分は例を挙げるなら、ありきたりだけど
更新履歴から更新した作品にリンクが張られているのが好き。
どこが更新されたか分かりやすいし、クリックの手間が省けてすぐに読める（見れる）から。

他にも何かないかな。
（ついでに良スレage

> 更新履歴から更新した作品にリンクが張られている
ものすごい基本的なことだけど意外とやってるとこ少ないよね

自分にとっては、これも基本的だけど、リンクがわかりやすいことかな
下線があって色が他と違うのがベストだけど、色分けだけでもわかればいい
そして一度クリックしたらちゃんと色が変わって欲しい
コンテンツが多いとどこまで見たかわからなくなっちゃうし

・イラストと漫画をきちんとわけてる。
・キャラ名、カプ名表記

かな

・トップページのメニューがわかりやすい
tabキーでリンク場所探さないと一見でメニューが見つからないページとか結構多い
ページの下の方に豆字であったり、派手なバックに埋もれてたり、画像リンクがちっさいとかそこで帰ろうかと思う

・作品ページからトップに戻りやすい
結構ここでも迷子になる

・画像クリックで先に進める
画像下に←→とかのリンクでもいいんだけど、画像にリンク貼ってあるとすげーラク。とくに漫画。
左フレーム（もくじ）に豆字で書いてある数字クリックとか面倒くさい

俺のサイトは昔1hitスレで鑑定してもらったことがあるが
ナビゲーションについては好評だった。俺が気を遣ってる点は：

・メインナビゲーションボタンはわかりやすいところに見やすく存在させる
　ページ上方に横１列もしくはページ左に縦１列など
　いかにも「これはナビゲーションボタンです」というようにしてヘンに凝らない

・ヘッダーグラフィックは最小限に。デカいと本文領域が圧迫され
　スクロールが発生する。スクロールはなるべくなら発生しない方がよく
　どうしても発生する場合は標準的な画面サイズの２倍以内にする

・パンくずリスト(Breadcrumb)を静的HTMLページにも必ずつける
　トップページだけでなく、どの階層にも戻れるように

・どのページもレイアウトが同じ　つまりナビゲーションボタンや
　パンくずリストが必ず同じ場所に同じデザインで存在する
　これを実現するためにレイアウトはCSSで、どのページも同じCSSを参照する

・CSSが使えないブラウザでも表示できるように、画像置換を使う
　ロールオーバーイメージを使う時はJavaScriptではなくCSSで

・本文中はなるべくグラフィックによるボタンは使わない（テキストリンクにする）
　hoverで下線を表示させたりするかどうかは好みで

・Copyrightや個人情報保護指針などのどうでもいい情報へのリンクは
　最下段に豆文字で目立たないように掲載

サイトマップは好み、かな。今のサイトにはないけど、大規模ならあった方がいい

・作品にタイトルが付いてる
順繰りに押していくとき次を間違えにくいし、
後からあの作品をもう一度って思ったときにも探しやすい

・広告が無いかサイトの表示速度に影響しない
特にフラッシュとかのは、複数窓や他アプリ使用中に開くと、たまにブラウザ固まるんだよね
他のでも広告サーバーが重い所為でページ読み込めないときが有ったりして困る

・横幅可変
・文字サイズ可変
・小説サイトなら本文は白系背景に黒系文字
・イラストサイトなら画像直リンかhtmlページ＋imgタグで表示

>43
ほぼ同意だが

・イラストサイトなら画像直リン
これだけは同意できない

・一ヶ月ぶりに行っても、その一ヶ月間で更新されたものが
どれとどれとどれなのかが簡単に分かる

>・どのページもレイアウトが同じ
これは結構大きいかも
ナビボタンの位置が上なら上、左なら左と統一されてるだけで全然違う

重複です

同人系サイトの運営について
http://changi.2ch.net/test/read.cgi/doujin/1234954186/

後から立った方が重複スレだろぼけ

きっとウイルスなんだよ

そことここは重複じゃない

このスレにも変な削除以来出しまくってる奴が来たのか

>>47は元・管理人の雑談スレだよね

名前欄の推奨文も読めない奴がいっちょまえに誘導するなと

なんでもかんでもノウハウに追い出したい粘着が頑張ってるからな

スレ的にいい流れだったのに…

>>44
なんで？特にデメリット思いつかない

>>55
ブラウザより画像の方がサイズ大きかった場合、ブラウザのサイズに縮小されてしまう。

今更だけど>>41
＞・画像クリックで先に進める

画像リンクしてたら、数年前に
「広告のポップアップが嫌なので画像表示を切ってるから、リンク先わかりません」
みたいなコメントきて、怖くて今でも画像リンク使えないよ……。

個人的にいいなって思うサイトは
・更新履歴がある（more）とかで履歴にとべるとか。
・作品ページまでのリンク数が少ない。
・ジャンルを略称で書かない。
・他サイトのリンクにジャンル表記がある。

とかかな。上でもいってるけど、更新履歴から作品ページにとべるととってもうれしい。

画像リンクの下にもう一つ文字リンクも置いとけばいいんでね？
そこまでする必要も無いかもだけど

画像表示切ったら、その絵自体も見えなくなるんじゃないの？
だったら絵サイトに来る意味ないような。

>57
画像表示を切ってるなら、そもそも何しに絵サイトや漫画サイトに来るんだろう
とスゲー疑問なんだけど…

画像リンク＊のみ＊だとちょっと不親切だと思う
「次へ」「戻る」「ＴＯＰ」みたいな表記にリンクも貼っておいてほしい

>>56
IE6.0以上かな？
設定でかえられるよ
かえなきゃ不便だし

>>61
閲覧者側が変えなくては不便な仕様のサイトは
「もっといい同人サイトを目指す」にはそぐわないだろ

>>56
なるほどサンクス
IEじゃないから気付かなかった

>>57
img要素にaltを書けば、画像駄目な環境で文字が出るハズ
<img src="***.jpg" alt="【NOVEL】">
↑なら画像の代わりに【NOVEL】って出る

>>61
自分は速攻切ったけど、初心者や設定カスタムしない人は
初期設定のまま使い続けそうなんで、絵描き的には画像直表示はしたくない。
本人たちは慣れててその状況にストレスはないかも知れないけど、
ジャギジャギ縮小表示のまま拡大されずに閲覧終了する人とかもいそうで嫌だｗ

絵サイトなら画像直リンよりはhtmlに置いてある方がいいな
様々な環境への対応を考えるなら直リンの方がいいのかもしれないけど
見せ方まで考えるなら直リンだと物足りない気もする

絵サイトで、やけに読み込みが遅いなーと思ったら
画像の縦横の数値を指定していなかった、ってのよく見る
重い画像＆一ページに何枚も表示だと、
なおさら読み込みが遅くなりがちになるから、出来れば毎回指定して欲しい

あ、あとCSSでイラスト（一枚絵）を背景にしているサイトで
「全部表示されない方はこちらから」と
その絵へのリンクが貼ってあるサイトは優しいと思う

＞絵サイトで、やけに読み込みが遅いなーと思ったら
＞画像の縦横の数値を指定していなかった、ってのよく見る

まじで！？　文章サイトじゃないけど、それは知らなかった。
一応数少ない画像タグを変更してくるよ、ありがとう。

>>67
HTMLかCSSに画像サイズ(縦横の数値)が書いてあると、その分だけスペースを先に確保しておけるからね。
他のテキストとか背景の色とか受信したものからいろいろ描画して、画像が到着したらそこに突っ込むだけ。
一方、画像サイズが書いてないと、せっかく先にテキストやらなんやらを描画しても、
画像が到着するたびに配置しなおして描画しなおさなきゃなんない。

画像サイズを書いてない画像多用のサイトの読み込みを眺めてると、あれこれ移動するからよくわかるよ。

CSSで背景指定、無料鯖の広告が絵に被っちゃってたりする時が有るから
広告ある鯖でやるならhtml＋imgタグにして欲しいかなぁ
広告下げして被りを回避してるサイトも有るけど
たとえ広告下げが規約違反じゃないんだとしても
スクロールして広告しかないとガッカリするからやっぱりhtml＋imgタグがいい

>>67
体感的に画像の読み込みが早く感じはするけど
実際の読み込み速度自体の変化は迷信だとも言われる

展示する絵は縦横幅指定されててもいいけど、
リンクボタンとかの場合はＩＥで代替文章が見切れる場合が
あるから、指定ないほうが嬉しいな
それ以前に代替文章がちゃんと書いてあってほしい

ＣＳＳ背景はなあ・・・
リンクして見られるようにしてくれるとこはまだ親切だけど、
そもそもぱっと見の段階で好きなキャラがウィンドウで首ちょんぱになってたり
するから、あんまり良い印象がない

良スレあげ

IE以外のブラウザでも見れるようにって頑張ってる。
そんなに大きくデザインが崩れているわけじゃないけれども、
paddingとか微妙に場所が違う………あー、意味わからん！

>>73
paddingを使わなきゃイインダヨ！
marginもできるだけ大雑把な指定ですむようにすればイインダヨ！

operaかFirefoxでデザインしてからIEの表示を調節した方が楽だよ

IEのトンチンカン表示、根性ハックでなんとかしたけど
box関係の微調整はほんとめんどくさいな
かといってboxなしでレイアウトすんのは無茶だし

>>75
標準モードでやってるかい

勿論標準なんだけど、言われてみれば何でずれるんだろう
box並べていくと必ず位置関係がおかしくなる