「シンプルでカッコいいWEBデザイン」を作る10の技

Brain
「シンプルでカッコいいWEBデザイン」を作る10の技

「シンプルでカッコいいWEBデザイン」を作る10の技

stand4u
2020-05-19
1 件のレビューがあります
平均スコア 5.0

シンプルでカッコいい洗練されたデザインを作りたいけど、何処を直せばいいのか、何を意識すればいいか分からない。

こんなデザインに対する悩みについて、長年(約20年近く)デザインをしてきた経験から、カッコいい洗練されたデザインを作る方法というものを、ある程度言語化することが可能です。

しかし「単純に解説を読んだだけで」デザインが上達するわけではありません。

ただ、記事を見ながらその意図を理解して「実際に手を動かしてデザインする」だけで、今までのデザインからワンランク上のデザインを目指せるような内容を綴っています。

今回は以前まで、私のブログで無料公開していた記事ですが、反響がよかったので、記事の内容をボリュームアップして、公開させていただきますので、缶ジュース1本分買うつもりで読んでいただけると幸いです。

この記事では、実際のデザイン例を提示しながら、解説した内容を実践すればこういう感じに仕上げる事ができるという具体的な例を見ながら

「10のポイント」で学ぶ事ができます。

デザイン初心者の方から、WEBデザインを仕事としているが、自分のデザインがなんか洗練されたデザインにならずに悩んでいる「初級〜中級」の方におすすめの記事なので、是非読んでみてください。

現時点で「9000文字超」の記事ですが、折を見て追記できればと思っております。

----------

その1:「背景の余白が綺麗な」シンプルでカッコいい写真を選ぶ

カッコいいデザインに必需品と言えるのが、「余白がキレイな」写真である。

「なんだよ写真かよ?」って思うかもしれないが、ただカッコいい写真を選ぶだけではない。

最初にひとつの答えを言うと「カッコいい写真を邪魔せず綺麗に見せるデザイン」は、おのずとカッコ良く見えるWEBデザインとなるのである。

写真の内容が「メインの商材では無い」場合のサイトであっても、文章の補足として、ユーザーが視覚的にイメージ出来る写真をうまく配置すれば、文章の内容をイメージとして膨らませる事ができるので、WEBサイトに写真は不可欠な存在。

つまり「写真を綺麗にみせるとカッコいいWEBサイトになる」という事は全てのWEBデザインにおいて、当てはまると言える。

では、写真をどのように見せてあげればいいのだろうか?

まずその「カッコいい写真を選ぶ際に」気をつけたいのが、

写真の「背景の余白」である。

綺麗な背景の余白がある写真はおのずとカッコ良く見えるし、洗練されたデザインに見える。

余白のキレイな写真の例として、今回作ってみたデザインの一部がこちら↓

「時計の写真」の「背景」に注目してほしい。

これは極端な例かもしれないが、なにも真っ白な背景である必要は無く、見栄えの悪い無駄なものが「画角内に見切れて」いたりしてはいけないという事であり、出来るだけ綺麗に加工処理してあげる事が重要なのだ。

しかしこの置くだけでカッコいい写真であっても「活かすも殺すもデザイン次第」なのである!

カッコいい写真をさらに引き立てるデザインの仕方を以降で説明します!

また、「かっこいい写真はどこで手にいれればいいんだよ?」という意見もあるかと思います。自分で撮影できれば一番良いのですが、なかなか難しいという方は、下記のURLの海外のフリー素材を扱うサイトをおすすめします。

海外の優秀なカメラマン達が、自分の腕を見せるためにアップするようなサイト。

めちゃくちゃかっこいい写真が、なんと無料で使えるサイトなのだ。

そのカッコいい写真素材をダウンロードできるサイトがこちら。

この続きを見るには購入する必要があります

この記事を購入する

この記事のレビュー

1 件のレビューがあります
平均スコア 5.0
りゅーいち

具体的で超絶分かりやすい!!

『デザイン』という言葉における基盤を学べました。僕のような初心者でも理解できるぐらい具体例を用いて分かりやすく解説されているし、『デザイン』をしていく上で必ず必要になってくる知識を学ぶことができました。デザインについて関連のある方全員にオススメしたいです!

この記事を購入する

関連記事

特集記事

コメント

この記事へのコメントはありません。

onefirst2019onefirst2019

onefirst2019

”Good seller” ”Good buyer” ”Good for the world”

Corona Virus Data

Japan

Last Updated: 5 mins ago

Confirmed Cases

0

New Cases

0

Total Deaths

0

New Deaths

0

Total Recovered

0

Active Cases

0

in Critical

0

カテゴリー

Newentry PICK UP 特集記事
  1. 高単価でも稼げないのはなぜか?仮想通貨ブログで累計360万超稼いだ!裏戦略10選

  2. 【110部突破】初心者が無料note記事で収益化!売らないアフィリ攻略法

  3. 【サインツール不要】ローソク足を数えるだけのシンプルなロジック 株式投資、不動産投資、FXで稼げない人も必見です

  4. 歩いて仮想通貨を稼ぐAgletの先行者利益を狙え!!

  5. 【米国株で稼ぐ!】週に30分でOK!貯金するより何倍も資産を増やすための超具体的な投資術

  1. 動画編集を承ります!

  2. 「Webマーケティング×実店舗」で圧倒的な繁盛店を作る裏ノウハウ

  3. プログラミング学習3ヶ月の初心者から超初心者へ贈る学習のすゝめ(独学)

  4. 初心者でも簡単!海外投資のロードマップ(特典:資産運用コンサル付)

  5. 機械学習全自動化!?世界に革命を起こす「PyCaret」完全理解講座

  1. 【完全解説】短期集中まずはゼロイチ達成しよう!おうちdeメルカリゼロイチ育成講座

  2. 【Brain完全攻略】307件のデータと実体験から導き出した攻略法【13日で17万円稼いだ真相】

  3. ハプニングバー常連女性が教える!攻略法 ~初級編~ 購入者特典あり!

  4. サムネイル依頼待ってます

  5. 【資産運用】3日間で投資家デビューできる講座-1日目

TOP