デザインは2年でどのくらい向上するものなのか。IT系女子ログスマートフォン用の表示で見るIT系女子ログWebデザイナーのエッセイ。デザイン、コーディングで気になることをあれこれ考える。2017-01-08デザインは2年でどのくらい向上するものなのか。Work勉強すればそれだけ成長できるのは、分かりきっていることだと思います。分かってはいるものの本当のところ、具体的なことは第三者からは見えづらいことも確かです。私が実際に制作したデザインをもとに、勉強する前と後ではどのくらいデザイン力が上がったのか検証してみます。Webデザインを勉強している方や、Webデザインの道を進み始めた方にお役立て頂ければと思い、恥ずかしながら制作物を公開します。先日、Webの勉強時間が2200時間を超えて、どんな変化があったかをまとめました。IT系女子ログせっかくなので、このプロジェクトを行う前と後とで、どのくらいデザイン力がついたのか自己チェックしてみることにしました。種類:PC用サイトのみクライアントからの要望:1かっこいい感じにしたい2青を使ってほしいあまりデザインにこだわりがないようで、12を押さえていればOKというクライアントでした。制作デザイン・Before2年前に提案用で制作したデザインを引っ張ってきました。人差し指のある箇所はホバーイメージです。【気になったところ】1グローバルナビや、メインのコンテンツ部分などは要素がギュッと詰まっているのに、ヘッダーの右側や左カラムの下など余白が大きくあいていたりしてバランスが良くないように見える。2ヘッダーのグレーとビジュアルの濃い青で、かっこいい印象はある。3全体の青の使い方やシャドウの使い方に統一感がないように見える。(グローバルナビ・サイドのボタン・フッターに使用している青の、彩度やグラデーションの使い方などが少しずつ違っている?)4フォントやコンテンツの置き方など、全体的にデザインが単調でメリハリがないように見える。サイズ感や2カラムなど、時代を感じますね。・After要素はほぼ同じ状態で、今の私が制作し直してみました。→総合診療科とは、内科系疾患を中心に幅広くかつ柔軟に診療を行う分野。専門的に細分化された数ある医療分野だけでは、複数の疾患を抱えている方などの診察・治療が難しくなり、高齢化社会の現代にあわせて比較的近年認定された新しい分野でもある。・現代的で洗練されているイメージ・医療系の爽やかなイメージを全体のテーマに決め制作しました。多くの分野を横断的に診療できるプロフェッショナルな医療分野だというメッセージを込めました。写真はサンプルで入れていますが、クライアントの病院の写真がくるイメージ。現代的で爽やかなイメージに近づくよう選定、補正しています。3「患者さまへ」と「研修医の方へ」の2つをメインコンテンツに→Beforeの「診療案内」を「患者さまへ」と文言変更し、「研修医の方へ」と対にしてメインで配置。想定されるメインユーザーに明瞭に伝わるように大きくイメージ写真を使用。→特に見せたいコンテンツ2つと、その他4つとに分けて配置することでメリハリをつけた。メインコンテンツに濃い青の対比でライトグリーンをあえて使用することで、色彩的にもメリハリをつけた。過去のデザインのリデザイン、結構おすすめです今見ると、あまり大きく成長していないかもしれません...。制作時間はBeforeで2日くらい、Afterは3時間でした。スピードアップはできているのでホッとしました。今回自分の作ったデザインをデザインし直したのですが、見てるだけでは考えられないくらい深く検証することができて、とても実りあることでした。今では当たり前にできることが、昔の自分はできていなかったり、意外と進歩していなかったりと、良いも悪いもモロにビジュアルに反映されます。これって、制作者ならではの勉強法かもしれませんね。話足りないので、細かい話は追記しておこうと思います。長くなりそうです...。考えたかでクオリティが変わる実は何度も何度も指摘されてしまっていて、私の課題でもあるのですが、デザインする上で要になるのが『どれだけ考えたのか』です。どれだけクライアントのことを知っているのか。どれだけ情報収集したか。競合のデザインの傾向はどれだけ調べたか。目指す方向に近いデザインをどれだけ検討したのか。本当にその方向を目指すのが最適なのか。最適だと判断したのか。どれだけ魅せ方を検討したのか。本当にこの配置が最適なのか。いい配置があるかもしれないなら試してみたか。本当にこの要素でいいのか。少なすぎないか、多すぎないか。...などなど、時間の許す限り考えられることは、とにかく考えます。考えたものとそうでないものは、やはり仕上がりが違うように思います。デザインの軸がしっかりしているというか、ブレが少ないというか。毎回きちんとできれば良いのですが、自己流で考えようと思ってもうまく行かないときがあるんです。そんなときに無理矢理デザインしても、なにか曖昧なものが出来上がるだけで、全然魅力的じゃないんですよね...。分かってはいるんですが、時間がない時とかはとにかく作って、ご指摘を頂いてしまって、まだまだ反省の日々です。今年勉強したいのが、「考えること」です。悩んでいる時に、『世界のエリートが学んできた「自分で考える力」の授業』という本を読んだのですが、とても助けられました。分かりやすい文章で、考え抜く力をつける練習もあり、「実践できるようになるともっと良いデザインができるようになるだろうなぁ」とわくわくしました。見る最後に私がよく参考にする国内製サイト集です。毎日10分でも見るようにしています。02:30デザインは2年でどのくらい向上するものなのか。»SearchProfileWebデザイナー4年目。ヒトクセあるけど軽やかでふところの深いデザイナー、目指してます。読者になるRankingRecommend2017-02-12ひトリ芸大生、はじめました。Project、中間報告3(2015/4/28〜2016/2/1)2015-09-26目標を達成する技術を、学びながら実践してみるはてなブログをはじめよう!tosssaurusさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。