Webデザインに「意味」を持たせる（縁起モチーフで福を呼べ）｜津籠睦月
昨年から、そのWebデザインに「縁起の良いモチーフ」を取り入れています。 ■きっかけは「縁起の良い和柄」きっかけは、昨年の夏に使った伝統的な模様「波兎」でした。 そもそも昨年度は、年間を通してのデザイン・コンセプトを「和柄」にしていたのですが… 夏のサイト・デザインをどうするか迷った時、「波兎」が頭に浮かび… 同時に「波兎って『繁栄』や『火除け』の意味が込められた『縁起の良い』柄だったな…」というのを思い出したのです。 （日本の伝統的な模様には、そういった「縁起」や「願い」が込められたものが多いのです。） 「和柄で、しかも縁起が良いなんて最高じゃないか」と、すぐにデザインに取り入れることを決めました。 ■「縁起」だけでなく「季節感」も大切に…で、それ以降何となく、ただの「和柄」だけでなく、「縁起の良い和柄」を選ぶようになっていきました。 もちろん、そもそも「季節に合わせた」模様替えですので
小説の「雰囲気」をビジュアルで分かりやすく見せる工夫｜津籠睦月
自分の作っているサイト「言ノ葉ノ森」は小説サイトなわけですが… 小説というコンテンツは「まだ読んでいない人」に小説の「中身」を伝えるのが非常に難しいコンテンツです。 「タイトル」や「あらすじ」だけでは、その小説の持つ「雰囲気」や「空気感」までは到底上手く伝わりません。 そこで「少しでも読者の『小説選び』の助けになれば…」ということで、サイト開設当初から行っているWebデザイン上の工夫があります。 それは小説の「雰囲気」を星の数の比率で分かりやすく示す仕組みです。 具体的には、こんな感じなのですが…↓ （言ノ葉ノ森TOPページ「夢の降る島」小説概要）たとえば「シリアス」なのか「コミカル」なのかって、好みの「合う・合わない」に関わってくる重要な要素ですよね？ そんな要素が、その小説にどれだけ入っているのか（シリアス寄りなのか、コミカル寄りなのか）… ５つの星の「比率」でビジュアル的に示そうとい
サイトの「信頼性」を高めるための工夫｜津籠睦月
現代は、ネットで検索すればすぐに情報が出て来る便利な時代ですが、その情報の「質」は玉石混交。 信頼できるものもあれば、そうでないものもあります。 情報リテラシーのあるユーザーであれば、その種の「情報の信頼性」は気にするものなのではないでしょうか？ なので、個人的に、サイトを作る際には「読者に信頼してもらえるサイト」を目指し、工夫しています。 ■情報ソースの明示その情報が「何を元にして」書かれたものなのか、すなわち「情報源」は信頼性を示す上で最も大切なものです。 なので、自分はサイトに「参考文献リスト」のページを作っています。 うちのサイトは「小説サイト」ですので、小説執筆に使った文献はもちろんのことですが…
素材アレンジのテクニックを磨くと、素材集の活用の幅が広がる｜津籠睦月
その素材集の素材、「そのままの形」で使っているわけではありません。 時には素材の一部を切り取ったり、組み合わせたり、加工したりして「アレンジ」しています。 （もちろん「加工OK」な素材集を利用しています。） …というのも、素材を「そのまま」で使うと、用途が限られてしまうからです。 フレーム素材は「枠」や「ふちどり」として…、ライン（罫線）素材は「区切り線」として…という風に「そのまま」使うより、「フレーム素材やライン素材も加工して壁紙に使おう」とアレンジしていった方が、活用の幅が広がります。 ■フレーム素材を加工して壁紙に具体的なアレンジ例を挙げていきますと、たとえば２０２３年度の春の壁紙に使っている「クローバー」ですが… 元は「フレーム素材」でした。 上のフレームの、赤丸で囲った部分を切り取り、（余計な部分をカットし）上下に合体させたものを「壁紙」に使用しています。 （色なども変え、別素
サイトのデザインは、季節ごとに変えています｜津籠睦月
当初は全く予定になかったのですが… 気づけば自作サイト（全体）のデザインを、四季に合わせて変えるようになっていました。 ■きっかけは「ふとした思いつき」きっかけは、サイトタイトルの背景画像の「森」でした。 自作サイトは小説サイトのため、タイトルが「言ノ葉ノ森」というのですが… （実は葉っぱを１枚塗り洩らしています。どこでしょう？）タイトルに「森」が入っているため、サイト全体のコンセプトを「癒やしの森」とし、タイトルの背景壁紙も「森」の模様になっていました。 ある時、その森の画像を見ながら、ふと「この森の景色が、季節に合わせて変わっていったら、面白いんじゃないかな…」と思ってしまったのです。 こうして、気づけば３ヶ月ごとにサイトのデザインが変わることになっていました。 タイトル背景の「森」部分だけを変えても、他の素材との組み合わせが悪くなってしまいますので、結局は全体の背景壁紙も一緒に変える
サイト更新情報（2023／2／26）
オリジナル・ファンタジー小説サイト「言ノ葉ノ森」のＴＯＰページ周辺を春バージョンに変更しました。 今回の全体壁紙のモチーフは「クローバーと蝶」。 ２０２２年度の壁紙テーマが「縁起の良い和柄」でしたので（「縁起の良い」を意識しだしたのは夏からでしたが…）、今年度は「西洋のハッピー・シンボル（ラッキー・モチーフ）」をテーマにしてみました。 （「和風」の次の年が「西洋風」というのが、安直という気がしないでもないですが…。） 「クローバー」は言わずと知れた「幸福」のシンボルですが、他にも「愛（愛情）」「健康」「財産」「名声（名誉）」などの意味を持ち、ハッピー・モチーフの中でもかなり「総合的」で「オールマイティ」な幸福シンボルです。 「蝶」は「チャンス」「変化」「幸運」などの意味を持ちます。 「チャンスをつかんで、状況を幸運な方向へと変化させる」という感じで、壁紙モチーフとして、とても縁起が良いので
Ｗｅｂサイト デザイン試行錯誤｜津籠睦月｜note
自作サイト（小説サイト）制作の、特にＷebデザイン面での試行錯誤の記録です。素人が初めて作ったホームページですが、気づけば異常に多機能になっています。 （別マガジン「チャレンジャ… もっと読む
各小説のページデザインは、小説の内容から決めています｜津籠睦月
自作の小説サイトを作ろう…と思い立った時「各小説のWebデザインは、小説の内容に合ったものにしよう」と決めていました。 当初は「ピッタリな雰囲気のWeb素材が無いものか」と、素材サイトさんをいくつも巡っていたのですが… 「綺麗ではあるけれど、イメージと違う」「雰囲気的には似ているけれど、モチーフ的にいろいろ違う」など、なかなかピンと来るものに出会えませんでした。 そこで「それならもう、自分で作ってしまえ」と思いました。 当時、CG制作スキルもほぼゼロなら、素材集も持っていなかったというのに… 我ながら思いきったチャレンジだったと思います。 （そして最初に仮で作った自作素材のヒドさがまた…↓。） 当初は、本当に簡単な素材しか作れませんでした。 ２色の正方形を互い違いに並べて「市松模様」を作ったり、黒背景に黄色い円と黒い円を重ねて「三日月」を作ったり、アスタリスクで「花」を描いたり… しかし、
ドレスの解説（図解？付き）だけで１日を費やしてしまった｜津籠睦月
自作サイトの方に載せている小説には「独自機能」があり、文章の一部をクリックすると「解説」が表示される…というのは、以前の記事に書きましたが…↓ 実は、その「解説」にこだわり過ぎて、そこだけで１日を費やしてしまったことがあります。 具体的には「夢の降る島」の第９章「悪夢の宴」（および、その後の章）に登場する「空織のドレス」の解説なのですが…。 このドレス、ファンタジーな世界の魔法のドレスのため、見た目が特殊です。 その「特殊さ」を、文章だけではなく「ビジュアルでも魅せたい」と思ってしまったばかりに、あり得ない手間をかけることになってしまったのです。 自分にはCG制作スキルなどほとんどありませんので、サイトに使う画像は「素材集」のものを使わせてもらっています。 しかし、オリジナルのファンタジー小説に登場するような「特殊なドレス」の画像が、既存の素材集に入っているわけがありません。 かと言って、
今年も専門学校の授業課題で「夢の降る島」が使われました！(2022)3
「学校法人 河原学園 河原デザイン・アート専門学校」様の授業で課題として描いていただいた、グラフィックデザイン科の生徒様方の「夢の降る島」のイラスト第３弾です。 （詳細は「今年も専門学校の授業課題で「夢の降る島」が使われました！(2022)１」にて記載しています。） 画像データを一括で載せると重くなるため、２～３作品ずつ記事を分割して掲載させていただいています。 （掲載順はデータを送っていただいた際のナンバリング順です。） 今年も昨年に引き続き、授業も学校も何かと大変な状況にあったのではないかと思います。 そんな中でも、構図も仕上げも凝った素敵な作品を描いてくださり、どうもありがとうございます！ ＜関連記事＞ 専門学校の授業課題に「夢の降る島」が使われました！１ 専門学校の授業課題に「夢の降る島」が使われました！２ 専門学校の授業課題に「夢の降る島」が使われました！３ 今年も専門学校の授業
ラブコメ・ファンタジー小説｜魔法の操獣巫女エデン４－１
Episode４：From today on,あなたは My Friend＜1＞ ～キョウ カラ、アナタ ハ ワタシ ノ ズットモ～ 入学したての学校は、まだその景色にも匂(にお)いにも慣(な)れなくて、よその学校に足を踏み入れているようなが消えない。 六年間も通い慣れた小学校とは何もかもが違(ちが)い過ぎていて、今はまだ、よりも不安の方が大きい。まして、あんな話を聞いてしまったのならなおさらだ。 （まさか、この学園が災厄の獣(カラミタス・ビースト)の溜(た)まり場だなんて……。ママ、知ってて私にココを勧(すす)めてきたのかな？） 今も、知らないうちに災厄の獣(カラミタス・ビースト)に目をつけられているかも知れない――そんなことを考えて、エデンはしながら校舎(こうしゃ)へ続く道を歩いていた。 「そんな風にずっと気を張(は)ってたんじゃ、ムダに疲(つか)れるだけだ」 「ぅひゃあ……っ!?」
30:サイト開設半年にしてビルダーさんに匙を投げられる｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→29:ネットデビュー作は「完結できる」長編小説２作同時連載＞ 小説サイト「言ノ葉ノ森」は、たぶん他のサイトには無いであろう独自の機能を備え付けてあるため、大変複雑な構造をしています。 それゆえに、時に大変な苦労をさせられることがあります。 最初にして最大の（？）ピンチは、サイト開設から半年目あたりに訪れました。 それは、ビルダーさん（※）の「転送機能」が使えなくなってしまったことです。 （※→「言ノ葉ノ森」で使用しているホームページ制作ソフトの愛称。詳しくは過去記事→03：ソフト選びは慎重に…） ホームページ制作ソフトには元々いろいろ便利な機能が備わっています。 サイトを更新するにしても、「サイトを開く」でサイトのデータを読み込ませれば、前回アップロード日から今回までの間に更新されたファイルを自動でピックアップしてくれ、ボタンひ
11:たぶん、こんなエンタメ性は求められていない…｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→10:自作サイトなら使い勝手も自分の思うがまま…のはずなのだが…＞ インターネットを最初に見始めた頃、訪問先のサイトさんで目を奪われたのが「ロールオーバー効果」です。 ある画像の上にマウス（カーソル）が来ると、瞬時にパッと絵が変わる……それがロールオーバー効果です。 灯の点っていないランプの絵が、マウスを乗せた途端にポッと明るく光ったり…… マスコットのポーズがマウスを乗せた時だけ変わって、マウスを乗せたり外したりを繰り返すと動いているように見えたり…… まるで魔法のようで、一気に心を奪われました。 「いつか自分でサイトを作る時には、こんな風に魔法のようなエンターテイメント性を取り入れて、訪問者を楽しませよう」と思ったものでした。 そして時は流れ、実際にサイト制作を始め……当然のようにサイトにロールオーバー効果を仕込みました。
26:「長文が苦手」な読者向けカスタマイズ｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→25:「文字ばっかり」がそもそも苦手な読者向けカスタマイズ＞ 最近は「そもそも長文が苦手」な人が増えているようです。 読書離れや活字離れの影響もあるのかも知れません。 「文章のボリュームが多いというだけで読まれない可能性がある」ということは、かなり由々しき事態です。 そこで、考えました。 「文章量も読者の好きにカスタマイズしてもらえば良いのでは？」と。 小説というものは、描写を詳細にすればするほど文章量が増えます。 描写を省けば文章量は減りますが、その分「あっさり過ぎて物足りない」「小説というよりも“シナリオ”や“あらすじ”」という感じになってしまう可能性があります。 しかし、詳細な描写で文章量が多いものを好むのか、あっさり描写で文章量が少ないものを好むのかは人それぞれだと思います。 ならば、そこを読者自身に選んでもらえば良いの
23:ファンタジー知識に差のある読者向けカスタマイズ｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→22:おまけコンテンツをデジタル資料庫に＞ 「言ノ葉ノ森」のサイト内小説に仕込んだ「カスタマイズ機能」については、以前の記事で説明した通りですが…… ＜参考記事→12:小説の文章をカスタマイズしてもらいたい＞ カスタマイズのパターンをそれほど多くは作れない以上、どの小説にどんなカスタマイズを仕込むのかについては熟考しました。 （……というか、そもそもカスタマイズありきで小説の内容を決めていった部分もあります。） 児童文学風ファンタジー小説「夢の降る島」に仕込んだカスタマイズは、ルビのＯＮ／ＯＦＦと、ファンタジーレベルの強弱です。 ルビのＯＮ／ＯＦＦは文字通り、フリガナを付けたり外したりする機能です。 このルビのＯＮ／ＯＦＦについては、他の小説にも付いている機能だったりするのですが、ファンタジーレベルの強弱変更は「夢の降る島」独自
25-2:文字装飾はマンガの描き文字を参考に｜津籠睦月
「文字ばっかり」が苦手な読者向けに、「ビジュアルに特化した（ビジュアルを多く取り入れた）ウェブ小説を作ろう」ということで制作開始した「魔法の操獣巫女★エデン」。 ＜関連記事→25:「文字ばっかり」がそもそも苦手な読者向けカスタマイズ＞ 「デコレーション・モード（デコ盛りモード）」レベルＭＡＸ版には、絵文字を入れるだけでなく、文字自体にも装飾を施し、そのことにより「その言葉が表すものを、ビジュアルでも分かりやすく」しようと試みているのですが… コレ、なかなか難しいです。 「言葉」のイメージをビジュアル化するって、センスが必要なんですよ…。 たとえば「お姫様抱っこ」という言葉ひとつを取っても、「『お姫様』っぽいイメージを出すには、何を入れたら良いだろう？」「抱っこのポーズはさすがに入れられないよなぁ…」などと、いろいろ悩みます。 ＣＧ制作技術も、本格的なアプリケーションソフトも無いので、ビジュ
21:読者に黒歴史を生まないための蛇足解説｜津籠睦月
【→チャレンジャー過ぎる創作活動の記録：もくじ】 ＜前の記事→20:ひとつの機能を複数の用途に使いまわす＞ 小説やマンガというものは、たとえ実在するモノや歴史を「モデル」にしていても、（一部ノンフィクション作品などを除き）結局はフィクションが混ざっているものです。 しかし、ホンモノの知識とフィクションの設定があまりに巧妙に混ざり合っている場合、どこまでが事実で、どこからがフィクションの設定なのか分からないこともあります。 そして中には、そんなフィクション設定をうっかり「ホンモノの知識」と勘違いして、そんな小説やマンガから得た「フィクション知識」を知ったかぶりで友人に話す人間がいたりするものです。 ……と言うか、学生時代の自分がソレでした。 そんな「小説やマンガの中だけの話を事実と勘違いして話してしまった」過去は、後になって真実を知ると、思い返すたびに恥ずかしい「黒歴史」になってしまいます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「小説サイト」のTwitter検索結果 - Yahoo!リアルタイム検索
小説サイト「言ノ葉ノ森」ガイド・オリジナル小説一覧の見方
小説サイト「言ノ葉ノ森」の見方ガイド(Version1.0)