ちょっとだけ改装しました。


テキストページ(YGOのみ)を改装しました。
置いてある小説の中身は変わっていませんが、一覧ページの見せ方を変えたかんじです。
実はしれっとヘッダーにも背景画像を設定しました。

●カップリングごとに区分けして、目次を置いてページ内リンクで飛べるようにしました。

●ページがだらだら下に伸びるのが気になっていたので、作品タイトルをタップすると詳細が出るようにして、初期状態のページを短くしました。

●表紙画像を設置しました。(pixiv用に作ってるのに個人サイトでは表示してないの勿体ないので)

 

CSS頑張った…!!全然うまく動かなくて予想よりもだいぶ時間がかかりました。
レスポンシブって難しいですね〜。それにwebデザインって下にどこまでも伸ばしていけるから、紙のレイアウトとは勝手が違うんだなあと思いました。
とはいえ紙でできてることがwebでできないわけありませんからね。最後は力技です。デザインはパワーです。

 

ところではじめての人の作品をwebで読むとき、作品がいっぱいあるとかえって何から読んでいいかわからないみたいな状態になりませんか?
いっぱい書いてくださってるの嬉しいんだけど、正直なところを言うと私はめちゃくちゃあります。なにから読んだらいいんだってなる。

カプ(キャラ)とタイトルしか分からない…なにから読もう……と判断材料が少ないのが個人的にネックで…。

なので、判断材料を増やしたくてカプの他に「字数」「注意書き(特殊性癖など)」「冒頭書き出し」そして「⚪︎⚪︎が〜〜する話」みたいな一言補足をつけています。スマホでの閲覧時は、タイトルをタップしたときのこの詳細一覧が一画面にいい具合に収まるような比率にしました。

pixivでも書き出しは見れるけど、シェアしたときにしか見れなかったり、検索一覧ページで読めるのはキャプションだったりして、、う〜〜んいまいちだよな〜〜〜〜と……
でもこういうときの判断材料のひとつに「ブクマ数」とか「いいね数」とかがあるんだろうなあ。でもぶっっちゃけpixiv内の評価って当てにならないしな〜

 

この改装でサイトの操作性が上がったらいいな〜。
今後もストレスのないページデザインを作っていきたいですね。