Web関連

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

0

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

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

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

 

ラインを揃えよう!

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

余白は十分にとるべし!

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

ルールを決めよう!

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

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

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

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

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

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

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

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

関連するサービス

ホームページ制作

Webデザイン制作

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

0

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    Web制作なら見積もりをもらおう

    皆さんは、Webサイト制作の適正価格ってあると思いますか?私は「1…

  2. Web関連

    【人工知能・AI×CSR】最新技術で実現する新しい社会貢献の形

    CSRって何?CSRという言葉、企業のWebサイトではよく目にするか…

  3. Web関連

    サーバ初心者が学んだ仮想化サーバ

    今ではほとんどの企業がネットワークを通じてコミュニケーションを取ったり…

  4. Web関連

    ECサイトの売上を向上させたい 第2回目

    連載第2回目の今回は、「ポイントはひとつ!効果にこだわれ!」について触…

  5. Web関連

    話題のGDD(グロース・ドリブン・デザイン)って何?最小限の改修で最大限の効果を発揮する方法

    ここ1~2年の間に目にすることが多くなった「GDD(グロース・ドリ…

  6. Web関連

    ワイヤーフレームを作る前に気を付けたい5つのこと

    最近、ワイヤーフレームや画面設計書を作るときに、事前の情報も無く、真っ…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    Webエンジニアだからこそ知りたい!巷で人気の3Dホログラム技術!
  2. SEO関連

    Web制作・SEO対策に効果的なコンテンツは人工知能に聞け!
  3. Web関連

    通販の再配達に挑戦!保管期限当日の23時34分に気付いた場合
  4. AIさくらさん

    【人工知能(AI)×証券】ユーザーの不満を解消する人工知能型サポートサービス
  5. Web関連

    おいでよ、ミクロネーション!
PAGE TOP