デザインについて思うこと

  • Days
半円

このブログの設定を11月に開始してはや3ヶ月が過ぎました。Neveのテーマを使っているもののデザインは自分の好きなように試行錯誤してきたのでテンプレートの外見は見る影もないです。

私はWeb制作会社ではディレクターとして働いていたので、業務でのデザイン経験も実装経験もありません。ただ、制作側の様子を見るにつれ、どちらの作業の方に興味があるかと言われるとデザインの方に魅力を感じていました。
そのため、このブログで実際に自分でデザインをできている今が楽しいです。

とは言うものの、大学は理学部の地学科で今までデザインのイロハなど一切学んだことがない私なので完全に我流の見様見真似で進めてきました。
Figmaの中には「ああでもないこうでもない」の軌跡が大量に残っており、後から眺めると面白いものです。
自分の中のデザインへの意識もこの3ヶ月間で変わってきたので、その分かりやすい変遷をこの記事でまとめていきます。

TOPページ

初期のデザイン

初期のTOPページデザイン
ドメインを誤っていた頃ですね…

当初はカテゴリは4つの予定でした。あの時は「良い!」と思っていたのに今見返すと色やデザインに統一感がまるで無い上に無駄なものも多く、まさに「自分の好きなものを詰め込んだ」という感じが強いですね。

その次のデザイン

2番めのTOPページデザイン

メインビジュアル画像を変更し、ちょっと色合いやデザインを意識し始めた頃ですね。図形の要素が好きなのでふんだんに詰め込んでいました。

次の次のデザイン

最近の投稿一覧の表示形式やページ内の細かい色を変えたりしていました。ただ、カテゴリのバナーにはずっと悩んでいました。

直近のデザイン

背景色と文字色、画像の色合いなどを考慮した結果かなり落ち着いたデザインになりました。デザイナー目線で見た時にこのデザインで良いのかどうかは分からないのですが、個人的には今までとは異なり「なんか変…」という違和感を抱かなくなったので徐々に方向性が定まってきたのかなと思っています。
シンプルなデザインが好きなので今のデザインが1番気に入っています。

次はTOPページ配下の下層ページについてです。

下層ページのメインビジュアル

つい最近まで

メインビジュアル画像は全幅、というイメージがあったためか全ページにバーンと画像を入れていました。ただ、これだとページごとに色の主張が強かったので、変更したいと思うようになりました。
「Read More」はcss調整前なのでpadding無しです。

直近のデザイン

思い切って画像の表示を小さくしました。各画像の明度も調整し、記事カード幅も縮めて各要素がなるべく主張しないように変更しています。
私がブログのサムネ画像に人間の要素を入れないのは肖像権を気にしているからではなく、単なる好みです。できるならそれに統一したいのですが、さすがに映画や歌手の感想記事に彼らの画像が無いのは物足りないので…

自分でデザインして思ったこと

「デザイン制作めっちゃ大変やん!」

フォントサイズから色合い、px単位での余白調整、タブレットやスマホ表示時のバランス考慮などなど…挙げればキリが無いのですが、パッと見て違和感を抱かないようなデザインにするには相当色々考える必要があることを身を以て実感しました。
特にTOPページはそのサイトの印象となるので1番重要で、TOPページデザインが変われば下層ページのデザインも変える必要があります。Webサイトを制作する際、デザイナーさんが「TOPページのデザイン期間はPC/SP合わせて3日は欲しい」と言っていた理由がようやく分かりました。

今回ド素人の私が「いいかも」と思えるようなデザインに到達するまで3ヶ月間かかったのですが、デザイナーとして働く方々はそのレベル以上のものを数時間~数日間でイメージを起こして具現化しているんですね。
デザイン知識の引き出しの多さは言わずもがな、もともとのセンスなども関係しているのだと思いますがやはりすごいです。

タグ:

Next >

< Prev