step-up-web-design-more

「素人っぽいデザイン」から抜け出すために、過去に自分で作ったデザインを見なおす3つのポイント

  • このエントリーをはてなブックマークに追加

私が初めてweb制作会社に入り、デザイナーの方に自分が作ったデザインを見てもらった時に「チープだねー」「素人っぽい!」なんてこと言われてしまいました。
今でもバリバリ言われますが・・・。

そんな時に「なにがいけないのかな?」「どこが他のデザインと違うのかな?」なんて思いました。そんな時は自分で過去に作ったデザインを見なおしてみましょう。

過去のデザインを見れば、なにか見えてきます。見えてくれば、ステップアップして次からはそこを注意していけば、いつか「素人っぽい!」から抜け出すことができるんじゃないでしょうか!!?

少し恥ずかしいですが今回は私が、過去に作ったポートフォリオサイトを例に見ていきたいと思います!

最初に作ったポートフォリオサイト


webデザイナーになりたいとおもった時に初めて作ったポートフォリオサイトですが今見るとよくわからないところばかり!すごい余白が気になったり、マージンがバラバラだったり、トンマナが揃っていなかったりします。

以下に、ここを少しでも注意しながらwebデザインしていけば、必ず「素人っぽさ」から抜けれると思うポイントを3つまとめました。

ロゴとメニューバー


手書き感をだしているメニューにしたかったのですが、あまりメニューバーに見えません。

参考にブブンデザインアーカイブのグローバルナビゲーションをみると。

ナビゲーションメニューは、ボタンっぽくなっていたり、1pxのラインが入っていたりしています。
私のデザインは、ペタっとしているのであまりクリックできる感じがしませんね。クリックできますよーとユーザーにわからせないといけないので、これではユーザーはどこから次のページにいけばいいの?なんて迷ってしまいますね。メニューバーは重要ですからね!

余白やマージン


「素人っぽいデザイン」と言われる原因の一つは、マージンが全然揃ってなかったり、余白が沢山あったりしてスカスカしているのがあります。
その余白をうまく生かせることができるようになれれば、少しステップアップしたなー。なんて思いますけが自分はまだまだ余白をうまく生かせる方法がわかりません。難しい!

配色


リンクの色がすごい見づらいです。
背景色とリンクの色が馴染んじゃっていますね。なんだか目がチカチカします。
リンクの色が悪いのか、背景の色が悪いのか、わかりませんが配色が悪いですね。

配色についてはWebクリエイターBOXさんの「配色パターンからWebデザインを考える」がとても参考になります。

まとめ

まだまだツッコミたいところは山ほどありますが!
まずは1、メニューバーとロゴ。2、余白。3、配色を注意したいですね。

国内の素敵なwebデザイナーさんのポートフォリオのまとめを見てみたり沢山デザインをみて勉強!勉強!

おすすめ記事

  1. 国内の素敵なwebデザイナーさんのポートフォリオのまとめ
  2. 国内の大学のブログデザインがいろいろとかっこいい!
  3. 新卒webデザイナーで採用してもらえるような紙ポートフォリオの作り方
  4. 新米のwebデザイナーが作るバナー制作時のあれ、これ(背景編)
  5. 縦や横の動きが面白いパララックス効果を用いたwebサイト

関連記事

PAGE TOP