Web関連

初心者Webデザイナーが「ダサい」から脱却する方法とは?

0

Webデザイナーとして仕事をするようになってから、より強くなったひとつの疑問があります。
それは「『ダサい』ってなんだ…?」という疑問です。

なんとなくわかってはいても、とても感覚的な言葉で、すぐに発言者の意図を汲むのが難しいです。
『ダサい』には、格好悪い、野暮ったい、垢抜けない、という意味があるそうですが、初心者デザイナーには『ダサい』に対しての改善策が思い浮かばないことが多々あります。

どうすれば『ダサい』から脱却出来るのか、入社してから先輩デザイナーに教えていただいたことをまとめてみました。

 

ラインを揃えよう!

ここの文字は左寄せなのにここは真ん中寄せ。
上下に画像が並んでいる場所で、端の辺が微妙に合っていない。この例のように、ラインが揃っていないと、デザインを見ている人に対して「どこをみていいのかわからない」という印象を抱かせてしまいます。この「どこをみていいのかわからない」が素人臭さを出したり、『ダサい』を生み出したりするのです。まずはラインを揃えることを心掛けて、綺麗なサイトを作りましょう。

余白は十分にとるべし!

一度に目に入るスペースにたくさん情報を入れ込んで興味をもってもらいたい!という考えは一旦捨てましょう。
デザインが詰め込まれ過ぎていると、これも「どこをみていいのかわからない」の原因のひとつになってしまいます。タイトルや画像を目立たせたいのであれば、余白をしっかりとって、タイトルそのものの良さを引き出してあげましょう。満員電車が苦しいのと同じですよ!

ルールを決めよう!

余白をとる、といいましたが、例えばタイトル下の余白が100px、60pxとバラバラになっていると、これも統一感がなくてヘンテコなデザインになってしまいます。この部分の余白は50px、画像の間隔は30pxなど、場所ごとにルールを決めてデザインを作成しましょう!

また、「ルールがしっかり決まっている=整っている」ということですので、ラインを揃えることにも繋がります。

迷ったときには参考サイト!

デザイン作成を進めると、どうしても「この部分のデザインどうしよう…」と迷うときが必ず来ます。
そんなときには参考にできそうな既存サイトを探しましょう。
Webデザインがまとめられているサイトは多くが「サイトジャンル」「デザインテイスト」「色」などのカテゴリで分けられているため、目的のサイトを探しやすくなっています。
自分の引き出しが空っぽになったら、他のサイトからヒントをもらって自分の引き出しに詰め込んでいきましょう。

先輩からアドバイスを貰うのが一番の近道

これまで色々なポイントについて述べてきましたが、結局は「自分が100%の力で作りきったものを先輩デザイナーに見ていただきアドバイスをもらう」というのが一番の近道ではないでしょうか。
自分一人の目線で見ていると、どうしても見えてこない『ダサい』があるかもしれません。
ダメ出しをもらうのが怖いという気持ちもあるかもしれませんが、その気持ちを乗り越えることで初心者からプロへと一歩近づきます。
色々なサイトをみて、沢山の人からアドバイスをもらって、どんどん自分の力にしていきましょう!

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

Webデザイン制作

スマートフォンサイト制作

0

【人工知能(AI)×インバウンド】超えられない言葉の壁をAIさくらさんが解決前のページ

【人工知能・AI×メディア】キャラクター×デジタルサイネージに無限の可能性!次のページ

ピックアップ記事

  1. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  2. AIに求められているものは、実は意外な物だった
  3. 新型コロナウイルスで日本の働き方改革が起こる
  4. 新しい販売形態であるDtoCについて考えてみる

関連記事

  1. Web関連

    「OK Google」の便利な使い方4つ!

    最近、CMでも有名な「OK Google」。Googleアプリがインス…

  2. Web関連

    ARやVRだけじゃない!実現しつつあるアニメの世界

    こんにちはコンサルセクションのマイペースな瀧川です。PSVRが発売…

  3. Web関連

    スマート家電を利用してカッコいい生活を!

    皆さんはスマート家電ってご存知でしょうか?スマート家電とは、…

  4. Web関連

    【Webマーケッター必見】Webサイトへの流入数が増えるとお問い合わせ数が減った?

    #目次___- Webサイトへの流入数が増えるとお問い合わせ数…

  5. Web関連

    本当に無料?お手軽ECサイト構築ツールの注意点

    こんにちは、すっかり暖かくなったからか、花粉症に苦しめられている山谷で…

  6. Web関連

    今注目のクロスチャネル・キャンペーン・マネジメント(CCM)とは?

    最近よく耳にする、クロスチャネル・キャンペーン・マネジメント(以下CC…

おすすめ記事

最近の記事

  1. 持つべきなのか?運転免許証+マイナンバーカード
  2. RPAから始める業務効の自動化 働き方改革への選択肢の一つに…
  3. 【3分で解説】これから始まる自動車教習所のオンライン学科教習…
  4. 約1年間のウィズコロナ生活で大きく変わったもの
  5. スマートストアにより、小売業は激変する

アーカイブ

「いいね」を押された記事

  1. Web関連

    ホームページ更新の手間を省きたい(CMS構築)
  2. Web関連

    気を付けて!常時SSL移行に失敗しないための4つのチェック項目
  3. Web関連

    インターネットでのマイナンバーを取扱いについて
  4. Web関連

    web制作 システム開発時のファイル管理について
  5. Web関連

    モバイルページの超高速化!? AMP(Accelerated Mobile Pa…
PAGE TOP