Hagiwaraこんにちは。キオミル株式会社のデザイナー萩原です。私はWeb業界に入って約10年になります。いまでこそクライアントやディレクターの要求するデザイン案を制作できていますが、Web業界に入った当初はデザインが苦手と感じることがよくありました。実践経験も少なく、自分のデザインの知識も不足していることから、デザイン案作成に煮詰まってしまい、良いアイデアをだすことができずデザインに対する苦手意識を持つようになってしまいました。Webデザイナーになりたての方やWebデザイナーになって3年くらいの方は、私と同じ壁にぶつかっている方も多いのではないでしょうか?そこでこの記事では私と同じようにデザインに煮詰まることが多いWebデザイナーに向けて私が実践した解決方法をご紹介したいと思います。私がデザインに煮詰まることが多くなったときにまず実践したのが、業務の合間に参考書を読んだり、Webサイトを模写したりデザインの知識を増やすことです。知識が不足しているとアイデア出しに困ります。幼稚園のWebサイトのデザイン依頼があったときに、自分の中に「幼稚園のイメージ」の引き出しがない場合、デザイン作成までに、事前調査の時間が必要になり、作業にかかる時間が増えます。この調査したり調べている時間が「煮詰まっている時間」なのです。私は参考書を読んだり、Webサイトの模写を通じて、様々なテイストのデザインを知ることができ、煮詰まる時間を大幅に削減できるようになりました時間をかけずにデザインの引き出しを増やす方法もある。デザインの引き出しを増やす方法として、Webサイトの模写は大変有効な方法の一つです。Webデザイナーは忙しい職種です。納期が迫っていたり、業務が忙しかったりと、まとまった時間がないのが実情です。時間がなければ、参考書を読んだり、Webサイトを模写したり、まとまった時間を使って学び続けることも難しいものです。私自身もデザイナーなので痛いほどわかります。そんなまとまった時間を確保しづらいデザイナーの私が、参考書の読書やWebサイトの模写以外にひとつだけ引き出しを増やす為に毎日習慣にしていることがあります。それは「Webデザインのまとめサイトをチェックする」ことです。実際に模写するわけでも読書をするわけでもありません。Webデザインまとめサイトチェックするだけです。これなら必要な時間は一日15分だけですので毎日続けることができますし、習慣化することも簡単です。素早くトレンドを感じとって、デザインの感覚を養える。Webデザインには様々な要素があります。アニメーション、レイアウト、写真の見せ方など、様々な要素が組み合わさってWebサイトは構成されています。これらひとつひとつの表現方法やトレンドは日々変化しているきます。個別にハイレベルなデザインを収集することは並み大抵な努力ではできません。まとめサイトは常に新しいトレンドを抑えたデザインを大量に収集してくれています。(本当にありがたい存在です。)トレンドを抑えたデザインやハイレベルなデザインを日常的に感じることで、視覚的に「良いデザイン」「悪いデザイン」の感覚を養うことができます。経験値不足を知識のストックで補う経験を積んでいるデザイナーであればあるほど、業務の中から得た知識とこれまで蓄積してきた知識が豊富にあります。ある程度頭の中にデザインパターンが存在していて、それらを組み合わせてデザインを完成させているようなイメージです。一方で経験の浅いのデザイナーでは実践経験も少なく、自分の経験や頭の中の知識だけでデザインを完成させることは、どうしても難しいものです。デザインまとめサイトを通じて、様々なデザインパターンを事前に収集しておくことで、自身の経験不足を知識で補うことができるようになります。知識をストックすることで提案の幅を広げられるまとめサイトをチェックするメリットはまだあります。「料金表にはこのような見せ方がある」「ポップさを演出するにはこのような表現がある」など、要素や目的別に、デザインを収集しておくことで、自分自身の引き出しを増やすことはもちろんですし、他者との感覚の擦り合わせにも活用できるようになります。あるケースがクライアントやディレクターとの意思疎通です。Web制作のプロジェクトでは「良い感じにして」「ポップな感じにして」といったあいまいな依頼が往々にしてあります。その際に「このようなイメージですか?」と自分が収集している「ポップ」なデザインを何パターンか提示して第三者のデザインを通じて具体的にイメージを固めていくことができるようになります。おすすめのまとめサイト最後に私が毎日チェックしているまとめサイトと、収集に使っているツールをご紹介します。3000https://io3000.com/81-web.comhttps://81-web.combookma!https://bookma.torch.blue各サイトとも業種や色、テイストでカテゴリ分けされているので探しやすく見やすいです。更新頻度はそれぞれ違いますので毎日チェックして確認という形です。おすすめのデザイン収集ツールまとめサイトを閲覧していても頭の中に蓄積するには限界があります。そこで私はデザインの収集ツールを使用しています。デザイン収集のツールや方法はいくつかありますが、私がおすすめする収集ツールは「Pinterest(ピンタレスト)」です。Pinterestはカテゴリに分けてデザインを収集することができるのがポイントです。カテゴリに分けることができるので、色やテイストで分けたりと、後から必要なデザインを探しやすくカスタマイズできます。他にも他のユーザーが投稿している画像を一覧で表示したり、お気に入りに登録したりできるので、Pinterestに登録しているデザイン関連のアカウントを閲覧するだけでも知識を身につける手助けになります。デザインの収集はあくまで知識の収集。デザインの収集はあくまで引き出しを増やすための習慣です。デザイン力向上には実践でアウトプットしていくことが重要です。すべてのデザインには意味があり、目的を達成するために作られるべきです。求められている目的を達成するためにはどのようにデザイン表現すべきかを考え、それらを表現するために最新のデザインや技術を学び続けることがとても大切です。Webデザインを学び、卒業後は印刷会社に入社。名刺や什器のデザインを担当する。その後、Web制作会社に転職。年間約100件以上のランディングページ、Webサイトのデザインを制作。キオミルではデザインとフロントエンドエンジニアを兼務し、常に「迷わせないデザイン」を意識し、使いやすいWebサイト制作に取り組んでいる。この記事を気に入りましたら、ぜひ「いいね」「シェア」をお願いします。はてブキオミル株式会社では個別交流会を実施しています。キオミルでは将来一緒に働いてくれる仲間やパートナー、同業種の方々と交流したいと考えています。転職先や職職先としてキオミルに興味がある方、同業者やパートナーとしてキオミルに興味のある方。飲み物でも飲みながらゆるやかに交流しませんか?Web制作に関するお悩みがある方はお気軽にご相談ください。Hagiwaraこのブログについてキオミルブログはキオミル株式会社のスタッフが日々の学びや社内のカルチャーなどを発信するブログです。キオミル株式会社はビジネス課題を解決できるWeb制作会社です。支援を得意としています。Web制作やマーケティングに関するお悩みがある方はお気軽にご相談ください。