Webデザインに「意味」を持たせる（縁起モチーフで福を呼べ）｜津籠睦月
昨年から、そのWebデザインに「縁起の良いモチーフ」を取り入れています。 ■きっかけは「縁起の良い和柄」きっかけは、昨年の夏に使った伝統的な模様「波兎」でした。 そもそも昨年度は、年間を通してのデザイン・コンセプトを「和柄」にしていたのですが… 夏のサイト・デザインをどうするか迷った時、「波兎」が頭に浮かび… 同時に「波兎って『繁栄』や『火除け』の意味が込められた『縁起の良い』柄だったな…」というのを思い出したのです。 （日本の伝統的な模様には、そういった「縁起」や「願い」が込められたものが多いのです。） 「和柄で、しかも縁起が良いなんて最高じゃないか」と、すぐにデザインに取り入れることを決めました。 ■「縁起」だけでなく「季節感」も大切に…で、それ以降何となく、ただの「和柄」だけでなく、「縁起の良い和柄」を選ぶようになっていきました。 もちろん、そもそも「季節に合わせた」模様替えですので
小説の「雰囲気」をビジュアルで分かりやすく見せる工夫｜津籠睦月
自分の作っているサイト「言ノ葉ノ森」は小説サイトなわけですが… 小説というコンテンツは「まだ読んでいない人」に小説の「中身」を伝えるのが非常に難しいコンテンツです。 「タイトル」や「あらすじ」だけでは、その小説の持つ「雰囲気」や「空気感」までは到底上手く伝わりません。 そこで「少しでも読者の『小説選び』の助けになれば…」ということで、サイト開設当初から行っているWebデザイン上の工夫があります。 それは小説の「雰囲気」を星の数の比率で分かりやすく示す仕組みです。 具体的には、こんな感じなのですが…↓ （言ノ葉ノ森TOPページ「夢の降る島」小説概要）たとえば「シリアス」なのか「コミカル」なのかって、好みの「合う・合わない」に関わってくる重要な要素ですよね？ そんな要素が、その小説にどれだけ入っているのか（シリアス寄りなのか、コミカル寄りなのか）… ５つの星の「比率」でビジュアル的に示そうとい
サイトの「信頼性」を高めるための工夫｜津籠睦月
現代は、ネットで検索すればすぐに情報が出て来る便利な時代ですが、その情報の「質」は玉石混交。 信頼できるものもあれば、そうでないものもあります。 情報リテラシーのあるユーザーであれば、その種の「情報の信頼性」は気にするものなのではないでしょうか？ なので、個人的に、サイトを作る際には「読者に信頼してもらえるサイト」を目指し、工夫しています。 ■情報ソースの明示その情報が「何を元にして」書かれたものなのか、すなわち「情報源」は信頼性を示す上で最も大切なものです。 なので、自分はサイトに「参考文献リスト」のページを作っています。 うちのサイトは「小説サイト」ですので、小説執筆に使った文献はもちろんのことですが…
素材アレンジのテクニックを磨くと、素材集の活用の幅が広がる｜津籠睦月
その素材集の素材、「そのままの形」で使っているわけではありません。 時には素材の一部を切り取ったり、組み合わせたり、加工したりして「アレンジ」しています。 （もちろん「加工OK」な素材集を利用しています。） …というのも、素材を「そのまま」で使うと、用途が限られてしまうからです。 フレーム素材は「枠」や「ふちどり」として…、ライン（罫線）素材は「区切り線」として…という風に「そのまま」使うより、「フレーム素材やライン素材も加工して壁紙に使おう」とアレンジしていった方が、活用の幅が広がります。 ■フレーム素材を加工して壁紙に具体的なアレンジ例を挙げていきますと、たとえば２０２３年度の春の壁紙に使っている「クローバー」ですが… 元は「フレーム素材」でした。 上のフレームの、赤丸で囲った部分を切り取り、（余計な部分をカットし）上下に合体させたものを「壁紙」に使用しています。 （色なども変え、別素
サイトのデザインは、季節ごとに変えています｜津籠睦月
当初は全く予定になかったのですが… 気づけば自作サイト（全体）のデザインを、四季に合わせて変えるようになっていました。 ■きっかけは「ふとした思いつき」きっかけは、サイトタイトルの背景画像の「森」でした。 自作サイトは小説サイトのため、タイトルが「言ノ葉ノ森」というのですが… （実は葉っぱを１枚塗り洩らしています。どこでしょう？）タイトルに「森」が入っているため、サイト全体のコンセプトを「癒やしの森」とし、タイトルの背景壁紙も「森」の模様になっていました。 ある時、その森の画像を見ながら、ふと「この森の景色が、季節に合わせて変わっていったら、面白いんじゃないかな…」と思ってしまったのです。 こうして、気づけば３ヶ月ごとにサイトのデザインが変わることになっていました。 タイトル背景の「森」部分だけを変えても、他の素材との組み合わせが悪くなってしまいますので、結局は全体の背景壁紙も一緒に変える
サイト更新情報（2023／2／26）
オリジナル・ファンタジー小説サイト「言ノ葉ノ森」のＴＯＰページ周辺を春バージョンに変更しました。 今回の全体壁紙のモチーフは「クローバーと蝶」。 ２０２２年度の壁紙テーマが「縁起の良い和柄」でしたので（「縁起の良い」を意識しだしたのは夏からでしたが…）、今年度は「西洋のハッピー・シンボル（ラッキー・モチーフ）」をテーマにしてみました。 （「和風」の次の年が「西洋風」というのが、安直という気がしないでもないですが…。） 「クローバー」は言わずと知れた「幸福」のシンボルですが、他にも「愛（愛情）」「健康」「財産」「名声（名誉）」などの意味を持ち、ハッピー・モチーフの中でもかなり「総合的」で「オールマイティ」な幸福シンボルです。 「蝶」は「チャンス」「変化」「幸運」などの意味を持ちます。 「チャンスをつかんで、状況を幸運な方向へと変化させる」という感じで、壁紙モチーフとして、とても縁起が良いので
Ｗｅｂサイト デザイン試行錯誤｜津籠睦月｜note
自作サイト（小説サイト）制作の、特にＷebデザイン面での試行錯誤の記録です。素人が初めて作ったホームページですが、気づけば異常に多機能になっています。 （別マガジン「チャレンジャ… もっと読む
各小説のページデザインは、小説の内容から決めています｜津籠睦月
自作の小説サイトを作ろう…と思い立った時「各小説のWebデザインは、小説の内容に合ったものにしよう」と決めていました。 当初は「ピッタリな雰囲気のWeb素材が無いものか」と、素材サイトさんをいくつも巡っていたのですが… 「綺麗ではあるけれど、イメージと違う」「雰囲気的には似ているけれど、モチーフ的にいろいろ違う」など、なかなかピンと来るものに出会えませんでした。 そこで「それならもう、自分で作ってしまえ」と思いました。 当時、CG制作スキルもほぼゼロなら、素材集も持っていなかったというのに… 我ながら思いきったチャレンジだったと思います。 （そして最初に仮で作った自作素材のヒドさがまた…↓。） 当初は、本当に簡単な素材しか作れませんでした。 ２色の正方形を互い違いに並べて「市松模様」を作ったり、黒背景に黄色い円と黒い円を重ねて「三日月」を作ったり、アスタリスクで「花」を描いたり… しかし、
ドレスの解説（図解？付き）だけで１日を費やしてしまった｜津籠睦月
自作サイトの方に載せている小説には「独自機能」があり、文章の一部をクリックすると「解説」が表示される…というのは、以前の記事に書きましたが…↓ 実は、その「解説」にこだわり過ぎて、そこだけで１日を費やしてしまったことがあります。 具体的には「夢の降る島」の第９章「悪夢の宴」（および、その後の章）に登場する「空織のドレス」の解説なのですが…。 このドレス、ファンタジーな世界の魔法のドレスのため、見た目が特殊です。 その「特殊さ」を、文章だけではなく「ビジュアルでも魅せたい」と思ってしまったばかりに、あり得ない手間をかけることになってしまったのです。 自分にはCG制作スキルなどほとんどありませんので、サイトに使う画像は「素材集」のものを使わせてもらっています。 しかし、オリジナルのファンタジー小説に登場するような「特殊なドレス」の画像が、既存の素材集に入っているわけがありません。 かと言って、
30:サイト開設半年にしてビルダーさんに匙を投げられる｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→29:ネットデビュー作は「完結できる」長編小説２作同時連載＞ 小説サイト「言ノ葉ノ森」は、たぶん他のサイトには無いであろう独自の機能を備え付けてあるため、大変複雑な構造をしています。 それゆえに、時に大変な苦労をさせられることがあります。 最初にして最大の（？）ピンチは、サイト開設から半年目あたりに訪れました。 それは、ビルダーさん（※）の「転送機能」が使えなくなってしまったことです。 （※→「言ノ葉ノ森」で使用しているホームページ制作ソフトの愛称。詳しくは過去記事→03：ソフト選びは慎重に…） ホームページ制作ソフトには元々いろいろ便利な機能が備わっています。 サイトを更新するにしても、「サイトを開く」でサイトのデータを読み込ませれば、前回アップロード日から今回までの間に更新されたファイルを自動でピックアップしてくれ、ボタンひ
15:素材集を使えばサイトの見栄えが良くなる｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→14:センスや絵心が無くても作れるウェブ素材＞ サイト開設当初は、ほとんど自作素材ばかりを使っていましたが、そのうち「素材集」を使うようになりました。 本屋さんのＰＣコーナー等に置いてある、様々な用途に使えるデジタル画像素材をまとめたＣＤ－ＲＯＭ付きの本のことです。 プロのデザイナーさんの作ったものですのでクオリティーは高いのですが、お値段がそれなりにするのがネックで、自分の場合はクレジットカードのポイントが貯まって図書カードに交換できた際、その図書カードを使って実質数百円くらいで入手していることが多いです。 （ポイントが溜まるたびに１冊ずつ購入し、今では５～６冊くらいは持っています。） 普段本はネット通販することも多いのですが、素材集に関しては実際に書店でパラパラ内容を見てから選んでいます。 なぜなら、その素材集に含まれている
23:ファンタジー知識に差のある読者向けカスタマイズ｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→22:おまけコンテンツをデジタル資料庫に＞ 「言ノ葉ノ森」のサイト内小説に仕込んだ「カスタマイズ機能」については、以前の記事で説明した通りですが…… ＜参考記事→12:小説の文章をカスタマイズしてもらいたい＞ カスタマイズのパターンをそれほど多くは作れない以上、どの小説にどんなカスタマイズを仕込むのかについては熟考しました。 （……というか、そもそもカスタマイズありきで小説の内容を決めていった部分もあります。） 児童文学風ファンタジー小説「夢の降る島」に仕込んだカスタマイズは、ルビのＯＮ／ＯＦＦと、ファンタジーレベルの強弱です。 ルビのＯＮ／ＯＦＦは文字通り、フリガナを付けたり外したりする機能です。 このルビのＯＮ／ＯＦＦについては、他の小説にも付いている機能だったりするのですが、ファンタジーレベルの強弱変更は「夢の降る島」独自
14:センスや絵心が無くても作れるウェブ素材｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→13:低スペックなＰＣで複数作業を同時にやってはいけない＞ フォトショップなどの画像加工ソフトがあれば、素材集やフリー素材に頼らなくても、自分でweb素材を制作することができます。 ただし、難しいデザインだと、センスや絵心や、ペンタブレットなどの「絵を描きやすい端末」が必要になってきます。 （マウスやノートＰＣのパッドだと、線がふにゃふにゃ曲がって描きづらいので……。） ですが、そんなセンスや絵心が無くても簡単に、しかもちょっとオシャレに（？）作れる素材はあります。 自分も素材集の揃っていないサイト開設当初は、そんな「お手軽自作素材」で乗り切っていました。 たとえば、文字キーボードの「＊（アスタリスク）」はフォントによっては花のように見えますので、お花らしい色に塗って模様にしたり… 「ほし」を変換して出て来る「☆」や「★」も色付
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小説サイト「言ノ葉ノ森」ガイド・オリジナル小説一覧の見方
小説サイト「言ノ葉ノ森」の見方ガイド(Version1.0)