LR

開発日誌

―リトル・リコレクターのメンバーが、それぞれの目線で開発の様子をお届けします―

ストライプ
icon

#21 「見る目の学び」

こんにちは!Webデザイナーの御園です!

7月も終盤に入り、すっかり夏本番!という感じがしてきましたね~! 今年も熱中症に気をつけつつ、夏を思いっきり楽しもうと思います🏮🎆

さて!今回は、以前富澤くんも書いていましたが、引き続きWebページをリニューアルしたよ!というお話をしたいと思います! 富澤くんのコーディングのお話はこちら

Webページは、たくさん本を読んだり勉強した上で完成!というところまで仕上げられていたのですが、ゲーム開発が進むうちに 「Webの雰囲気、少しゲームの中身と違うかも...?」とか「リトル・リコレクターらしさをもっと出したい!」と思うようになり、リニューアルさせてもらいました...!

初めは、この色使いをしたほうが良いのかなとか、この配置を変えたほうが良いのかなと自分なりに試行錯誤してみたのですが、なかなかリトル・リコレクターらしさを出すことができず...。 そこでデザインの得意な先輩にまた相談させていただきました...!

そうしたら 「時間を感じさせる画を意識してみたら良いよ」 とアドバイスをもらい、その言葉でWebデザインに対する視点がガラッと変わりました!

それで特に大きく変わった箇所がこちら!👇

before after

どうでしょう!結構雰囲気が変わったのではないでしょうか...!

先輩のアドバイスやFBをもとに、 「時間の流れをコントロールする」っていうのを意識して、全体的にいろいろ調整してみました!

特に意識したのは以下の点です!

テキストの文言を調整

文言を大幅に変えるのではなく、単語と単語の位置を逆にしたり、少し削ったり、記号を変えたり細かい調整をしました! その少しの差でも読み手のリズムが大きく変わると感じているので何度も読み返しました。

グラフィックの見せ方

特に"WORLD"では一番の見どころであるグラフィックを大きく見せるよう調整しました! それにより、世界観への没入度合いを高めるようにしています。 また、周りに空白を大きく取ることでゆったりした雰囲気が伝わるようにしました!

余白を多めに

こちらも時間のゆったりさを伝えるのはもちろんのこと、リトル・リコレクターはグラフィックがとても繊細で綺麗なところが魅力的なので、 それを表すため、余白を多くとり洗練された綺麗さを表すようにしました!

このような感じで前回のWebデザインのときよりも更に「リトル・リコレクターの空気を出すにはどうしたら良いのだろう?」と考えながら見直していきました!

Webデザインって、ゲーム開発とはちょっと違うものだと思っていましたが、 実際作業をしてみると「ユーザー体験をつくる」という意味では、開発の一部なんだなと強く思いました!

たくさんリニューアルしたWebデザイン、よかったらみなさん見てください✨

それではまたお会いしましょう~っ!!🍉

page top