2020年1月4日こんにちは、fuyuna(@fumm_ii)です。今週の月曜日から「#1日1サイトレビュー」のタグをつけて、ツイッターにWebサイトのレビューを投稿し始めました。spose写真やアニメーションの使い方が素敵で、高級感と遊び心が共存している。背景からモデルの身体の一部がはみ出した写真は、手を伸ばせば触れそうな、生きた感じがする。2019まずは7日間・7サイトをレビューしたので、レビューを始めたきっかけや目的、続けてみた結果や感想を書きたいと思います。結論から言うと、1日1サイトレビューはインプットとアウトプットが効率よく練習できて、かなり勉強になります。言語化が苦手な人にもぜひオススメしたい練習方法です。今週分のレビューをnoteにまとめましたまとめ1日1サイトレビューとは?#1日1サイトレビューとは、その名の通り1日1つのWebサイトをレビューするというものです。人によって書き方は少し違いますが、Webサイトと日記アプリの画面をスクショして投稿するのがスタンダードになっています。検索すれば過去のレビューも見れるので、気になる方はチェックしてみてください。◎北信濃ワインバレー列車の旅https://t.co/Kggf4YQEVm女子旅好きな大人女子をターゲットとしたワイン列車のLP。20191日1サイトレビューを始めたきっかけ1日1サイトレビューを始めたきっかけは、Twitterですでに取り組まれている方の投稿を見ていたことでした。見ているだけでも勉強になりましたが、「デザインの独学で確実に成長できる4つのコツ」で散々手を動かそうと言っていた自分自身が受け身になっていることに気づき、始めようと思いました。その他、以下の目的で始めました。良質なWebサイトを見る習慣をつけるためWebデザインの引き出しを増やすため言語化する力を伸ばすためCSSやJavaScriptなど表現の引き出しを増やすため4つの目的を念頭に置き、毎日楽しくサイトレビューをしました。1日1サイトレビューをして良かったこと毎日レビューでしたが、7日間続けてみて想像以上に得るものが大きいことに気づきました。7日間続けることで起こった変化や取り組んで良かったと思ったことは以下です。Webサイトを見る数が圧倒的に増えた最近のあるあるデザインが見えてきた一つ一つの要素をよく見るようになった目的を達成するまでのプロセス・表現が学べるやってよかったと強く感じる点が他にもたくさんあったので、今後も積極的に継続していきたいです。以下、それぞれについてもう少し詳しく書いていきます。Webサイトを見る数が圧倒的に増えたレビューするサイトは1日1つですが、実際には事前に10ページ以上気になるサイトを見て、特に気になるサイトについてレビューしていました。単純計算で1日10サイト、7日間で合計70サイト以上見たことになります。今まで参考サイトの確認をするために多くのページを見ることはあっても、これほどコンスタントに毎日見ることはありませんでした。今後も継続して「良質なWebサイトを見る」ことを習慣化していきたいと思います。最近のあるあるデザインが見えてきた今まではWebデザインに関する情報サイトでトレンドなどをチェックしていましたが、実際に多くのサイトを観察することで「あれはこれのことか」と納得できました。以下、7日間で気づいたあるあるWebデザイン。メインビジュアル・背景に動画使用コンテンツ幅が広く動きのあるレイアウト縦書きと横書きの文字を混ぜたデザインPCでもハンバーガーメニューを使う控えめにグラデーションを使ったデザインイラストを取り入れたデザインローディングアニメーションがあるCSS・gif・JavaScriptをなどをかけ合わせた動きのあるデザイン今までは残念ながら「他者が発信した情報を見て知った気になっていた」だけだということに気づきました。今後はこういったあるあるデザインにも注目して観察・レビューをしていきたいと思います。一つ一つの要素をよく見るようになった取り組み前はサイト全体の雰囲気や、自分が好きなところに注目して見ていることが多かったように思います。今回「Webデザインの引き出しを増やす」ことを目的の一つとして設定し、「アウトプットをする」前提でサイトを観察し始めたことで、今まで見えていなかった部分や全体を通してのデザインの意味、目的などをより考えるようになりました。目的を達成するまでのプロセス・表現が学べる7つのサイトをレビューすることで、どんな手順で、どんな手法を使って目的を達成しようとしているかを学べました。それぞれWebサイトの目的やターゲットが明確で、ページの第一印象を決める大切なファーストビューの使い方、全体を通して感性に訴えるストーリーやレイアウト、イラスト・アニメーションの効果的な使い方など、とても勉強になりました。手段であるため、今後も多くのサイトを見て、より効果的なデザインを学んでいきたいと思いました。1日1サイトレビューを7日間続けてみた感想レビューを7日間継続して感じたことは、「もっと早く始めれば良かった」ということでした。目的を持ってサイトを観察することで、今まで「勉強したつもり」「知っているつもり」だったことがたくさんあることに気づきました。限られた文字数でアウトプットすることで思考の整理ができ、継続すれば言語化する力も確実に伸びると感じました。最後に、良質なサイトは見るだけでテンションが上がり、知らなかったこと、新しく気づいたことがどんどん出てきたので、知的好奇心も刺激されてかなり楽しかったです。今週分のレビューをnoteにまとめました6月17〜22日分のレビューをnoteにまとめてみたので、興味がある方は見てみてください。まとめ1日1つ、気になるWebサイトのレビューをしてTwitterでアウトプットする「#1日1サイトレビュー」をやってみてわかったメリットや感想についての記事でした。7日間レビューを毎日継続した結果、次のような「いいこと」がありました。Webサイトを見る数が圧倒的に増えた最近のあるあるデザインが見えてきた一つ一つの要素をよく見るようになった目的を達成するまでのプロセス・表現が学べるいいWebデザインができるようになるには、世の中にあるいいデザインに触れることが必要だと思うので、今後もサイトのレビューをする練習を継続していきたいと思います。▼Webデザインの勉強法まとめWebデザインの独学に役立つ記事まとめWebデザインの独学に役立つ記事をまとめました。当ブログで今まで発信してきた、独学で成長するコツやデザインの練習方法、オススメの本、学習サービス、ポートフォリオの作り方などをご紹介します。『だから、そのデザインはダメなんだ。』は、WebサイトのUI設計や情報デザインに関しての考え方を、レイアウトやコンテンツ、ユーザビリティなどの観点から解説した書籍です。そのデザインはダメなんだ。フリーランスを経て、現在は東京のデザイン会社に勤務。Webとグラフィックのお仕事が中心。本と人とお出かけ好き。blog|想いと意味をデザインして伝えるデザイナーのブログ。