【コラム】ブログのデザインを変えました【戯言】



          ____
        /      \
       / ─    ─ \  こんにちはだぉ
     /   (●)  (●)  \
     |      (__人__)     | ___________
     \    `ー ´    ,/ | |             |
___/           \ | |             |
| | /    ,                | |             |
| | /   ./             | |             |
| | | ⌒ ーnnn          |_|___________|
 ̄ \__、(“二) ̄ ̄ ̄l二二l二二  _|_|__|_

お気づきの方も多いかと思われますが、ブログのデザインを変えました♪

理由はいくつか…ですが、主には「アクセスの低下」が要因となっています。
以前のサイトトップページは、固定ページの上にウィジェットが張り付いている状態(ウィジェットが表示されているわけではない)だったので、トップページに何の情報もないという状態だった。1月くらいからアクセスの低下が続いていて、どうやらメニューを読んではいるものの、ページそのものがインデックス登録されていないのではないか?という疑問が起きたため。
また、以前に使っていた「MH MAGAZINEMagazine」というテーマが、ここ数年、アップデートされなかったため、時代的にかなり古いものになってしまった感があり、そろそろ変えねばなぁとは思っていたんですよ。「MH MAGAZINEMagazine」の有料版の使用も考えたのですが、こちらもまったくアップデートがされていないこととから、使用について有用性がないかなと。
「MH MAGAZINEMagazine」は、一見見やすくてすごく好きでしたし、今も良いトップページ構築ができるのになぁとは思っています。
ですが、Googleが変わるんですよ。Googleがトップページから情報を持っていけないサイト構築はもうしてはいけないんです。これはこれで虚しくもありますが…見た目よりも情報量の時代なんですよね。

そんなわけで、いろいろと悩んだのですが、今のサイト構築に落ち着きました。
使っているワードプレステーマは、「NewsBlogy」と言います。まだクセが掴みきれていませんが、大方、デザインは完成させました。

まぁ、まだいじらないといけないところはありますが、まぁ、これで良いかなと。
コレまでは、小さなサムネを50件ほどトップページに表示できるようにしてきました。商品の販売元である「あみあみ」がこの方式なので。いっぺんに見えるのはだいぶ見やすいのだ。

本当は、以前のサイト構成のように、もっとたくさんの商品を1ページに掲載して、リンクで飛んでいってもらう方法のほうが使いやすいのだろうなぁとは思う。
しかし、なんだよ。アクセス解析やページ移動を見てみると、トップページへの移動というのは多いのだけれども、トップページからの移動というのは少ないのだ。

ウチのサイトに飛んでくる時は、googleをはじめとして、いろいろなサイトからなのが多いのだけれど(ブックマーク以外はほとんどgoogleと言ってもいい)、その後は、ページ内リンクを辿って、別の商品の紹介に飛ぶのだ。そして、トップページで終わる感じ。そう、トップページが最終視点になっていることがわかっていたのですよ。

で、最終地点になるのなら、たくさんの商品を掲載するのではなくて、最新記事がはっきり見えていたほうが良いかなって。このページが生きていることをアピールせねばなるまいかと…ね。

そんなわけで、今のテーマを使うことにしました。

で、完成させたわけなんだけれども、どうしても気に入らないところってあるわけですよ。
いちばんダメだながって思ったのが、ブログタイトル。もうね、酷かったのよ。センター寄せで文字間狭くて、太いだけの色気も面白みもないフォントで。
なので、もう、ブログタイトルの表示はナシにしたよ。タイトルバーには表示されているので、ブログタイトルとしての情報は生きているはずなので、もう、文字では表示しなくていいや!ってね。
で、バナーを作ろうかと。

ずっと以前に、けっこう好きでバナーを作っていました。
イラストの詰め合わせだったり、フィギュア画像の切り抜きだったりでバナーを作っていたのですが、いかんせん、時代というものは流れが早くてねぇ…古くなっちゃうのですよイラストにしてもフィギュアにしても。
なので、風景画ですかね?って答えがあったのですけれども、イラストが良いかなと。

で、コレも時代なので、イラスト、AIに描かせて見ようかなとね!

使ったのは、X経由の「Grok」OPENAIの「ChatGTP」、GoogleのAIアシスタント「Gemini」です。
で、できあがってきたのが、コチラの少女たち…です。

1.X経由の「Grok」

描画する際のプロンプトは、

美少女フィギュア最前線!


このサイトをイメージした美少女キャラクターを作ってほしい。
18歳くらいの女の子をアニメ調で。髪型や服装はサイトの印象に合せてくれれば良いです。
バナーに使いたいので、なるべく引きで描画してくれると助かります。

…まぁ、こういう雰囲気なんですねうちのサイトは。
面白いなーと思ったのは、「Grok」がサイト内を(一応)見ていて、「美少女フィギュアがたくさん掲載されているサイト」であるということを理解しているということ。それがどうしてこのイメージになったのかはわからん。でも、まぁ、こういうイメージなんだね。
ちなみに、画像の大きさ(1920×200)というプロンプトも入れたけど、完全無視だったよ。「なるべく引きで描画して」というのもガン無視されているね。
でも、かわいいのでいいです。18歳には見えませんが、まぁ、こういう18歳はいます。服装もサイバーな感じ、色合いもかわいいので好きです。
そんなわけで、うちのイメージキャラクター1号になりました。

2.OPENAIの「ChatGTP」その1

描画する際のプロンプトは、

美少女フィギュア最前線!


このサイトをイメージした美少女キャラクターを作ってほしいです。
18歳くらいの女の子をアニメ調で。髪型や服装はサイトの印象に合せてくれれば良いです。

…と、入れたのですが、「ChatGTP」は「https://figpon.com/」の雰囲気の情報を読み込めないらしい…ありゃ、これは盲点。
で、髪型や背景情報を入れてほしいと。

髪型はセミロングのボブで、明るめの髪色。
遠くを見ている感じの視線。横顔はNG。服装は可愛らしく。
光の粒子が舞っている感じ。キャラクターが輝いている表情がいいです。

と追加入力。で、出来上がったのがオレンジの子。
なにかに、誰かに似ているのだが、誰でもないというところがAI絵のミソだよね。
正直、書き直してブラッシュアップしてあげたほうが良いんじゃないかな?そんな気持ちではある。
画像の完成時の大きさのしてもしましたが、完全無視されました。まぁ、仕方なし。AI絵って、そういうものなんだろう。
シンプルで、私の中にはないキャラクターデザインとシルエットなので、けっこう気に入っています。ほんと、私の中にはないやつです。

3.OPENAIの「ChatGTP」その2

描画する際のプロンプトは、上記の失敗を踏まえて、

美少女フィギュア最前線!


このサイトをイメージした美少女キャラクターを作ってほしいです。
18歳くらいの女の子をアニメ調で。髪型や服装はサイトの印象に合せてくれれば良いです。
サイトのイメージカラーに緑を使っているので、緑基調のキャラクターにしてください。
遠くを見ている感じの視線がいいです。振り向きポーズとか。背景には光の粒子を舞わせてください。

ということを頼みましたが…案外、緑じゃなかったので驚きまして。もっとガッツリと緑色キャラになるかと思ってた。肌が緑なのくらいは想像していたのだけれども。わりと、思ったより緑色じゃなかったね。
この子も私のイメージにはないですね。未来っぽいジャケットは考えたこともなかった。胸ポケットの切り込みが光っているのもいいですね。
髪型を指定しないと、高確率でセミロングになるっぽいのですが、ポニーテールやショートボブなどのプロンプトも試しましたが、あまりぱっとしなかったので使いませんでした。髪型を指定すると、カチっとしたキャラデザになるようなことが後にわかったので、髪型は任せるか、細部まで指定したほうが良いようです。
私がキャラクターを作ると、たいがい髪の毛を編み込んでいることが多いんですよ。これって、クセなんでしょうね。もしくは髪飾りを着けちゃう。なので、シンプルに出力されたAI絵のほうが新鮮だったりする。光の反射で髪の毛の内側がツートーンカラーっぽくなるのもいいですねー。こういうのもあるんだなーって、勉強になりますね。AI侮りがたし。

GoogleのAIアシスタント「Gemini」

描画する際のプロンプトは、「Grok」と同じモノを使いました。

美少女フィギュア最前線!


このサイトをイメージした美少女キャラクターを作ってほしい。
18歳くらいの女の子をアニメ調で。髪型や服装はサイトの印象に合せてくれれば良いです。
バナーに使いたいので、なるべく引きで描画してくれると助かります。

で、出力されたのが上の絵。
…なにこれかっこいい。背景が、背景がかっこいい!
「Grok」と「Gemini」は指定していないのにキャラクターの服装と合わせて背景も描いてくるのよ。それと、髪型が一緒!なんだか、キャラデザインの方向性が似てるね。ウチのサイトって、AIから見たらそういうことなんか!?そんな気持ち。サイバーっぽいイメージなんだねどうやら。そして、セミロングでまとまりのない髪型なのだなイメージが。今時のキャラクターにありがちといえばありがちだけれども。そういえばみんなセミロングだねぇ…無難だからかな。ん?

で、できたバナーがコチラだよ。




これがランダムでトップバナーに表示されます。
画像にはマスクがかかるので、ちょっと暗くなりますが、それはそれで。

可愛くできた子たちなので、コレを基にオリジナルキャラクターを作っても良いかな。
「Grok」と「Gemini」がヘアスタイルがとても似ているので、このあたりからイラストを起こしていけばウチのオリキャラとして成立するよね?

私、実はAI絵は好きじゃないんよ。
AI絵って、なにかが足りなくて、なにかが多いのです。キレイに仕上がって来るけれども、絵の技法そのもの、骨格の捉えかたが、イラストを書かない人のものなんですよ。

それと、絵は、使い方かなと思っているんです。
なんのためのイラストか?なんのためのキャラクターか?というところがとても大切なんです。
例えば、「地方都市の産業振興イベント」のポスターキャラクターが、”おっぱいの大きな陸上選手”で、”夕日に向かって走っている”というイラストだった場合、それって意味があるのかないのか?無論、意味なんてないのだ。ただ、カワイイ女の子が写っていればいいってものじゃなのですが、わからない人にはわからないんです。なので、イベントにあつまってくのは、「イラストがわからない人」になります。でも、これって悪いことでもないんですよね。わからない人のわからない集まりは、それぞれシンパシーが一緒なので、うまくまとまるんですよ。コレも世の定理(ただし、反発は強いぞ)

絵描きっていう生き物は、書かれた絵のシルエットだけじゃなく、どんなふうに描いているのかな?とか、どういう技術なのかな?とか、何時間くらいかかったのかな?どの辺りを工夫したのかな?どんな意味を持っているのかな?どこに好きが詰まっているのかな?…などなど、見る点が描かない人とは違うんよ。
で、私が今回、AIに作ってもらったのは、あくまでキャラクターのシルエットなのよね。かなり人任せのシルエット作成をしてもらったのよ。
まったく当たり障りのないキャラクターが欲しかったので、都合よくAI絵を使いました。オリジナルで書いても良いんだけれども…それだと味が出すぎちゃうからなぁ…

でもね、はじめて作ったからね、キャラクター作るだけで1時間くらいかかりました!で、切り抜きとバナーレイアウトは、PhotoshopとIllustratorで、手動でやりました!
…こういうところこそ、AIでやってもらうべきところじゃないかな?などという葛藤を抱いての作業だったので、やっぱり僕は絵描きなんだなぁー。

AIでのキャラ作成はけっこう楽しい。ほんと、自分にはない要素が入ってくるから。髪型とか、瞳の大きさとかね。
他のAIでも同じように作ってみよかねぇ。面白いものが出来そうな気がするYO。

まぁ、そんなこんなですが、ブログの回収作業はこれで一旦終了。
まだやらないといけないことはあるんだけれども、ブログ構築ばかりに手間取ってもいられまいよ。

みんな、ゆっくりしていってね!

Be the first to comment

コメントを残す