●【ブログ運営】サイトデザインは真似ること!参考になるサイトを紹介!

  • URLをコピーしました!
このエントリーをはてなブックマークに追加
ふる
ふる

こんにちは!「ふる(プロフィール詳細)」です。 

 

記事は信頼性ある内容を心がけています。

  • IT専門
  • 宅建士、行政書士資格保有
  • 体組成計"プロアスリート"認定

@na65125038

MOMOHUKU(ふる)
 

MOMOHUKU - にほんブログ村

僕がブログを構築した当初のサイトデザインは見すぼらしかったです。とにかく速く記事作成などコンテンツを充実させることに専念したいため、1から自分でデザイン構築する余裕がありませんでした。

WordPressのテンプレートを活用はしますが、テンプレートを使うことは他の人と同じデザインになるということです。なるべく、自分のサイトらしいデザインを目指したかったので、そこで工夫した内容について記事にします。

目次

公開されいるサイトデザイン(CSS)

ネットには様々な資源が落ちています。その中には、常に公開されていて著作権の問題が一切生じない資源があります。それは、サイトデザインです。サイトデザインは、HTMLとCSSをダウンロードすることで表示しており、その内容は、ほとんどのサイトで解析な状態で公開されています。

デザインのゴール

デザインにはキリがありません。先ずは、何を変えたいか明確にしていきます。その中では、良いデザインの具体的なイメージが無いと進みません。

何を変えれば良いデザインになるか?

実のところ、それほど悩む必要はありません。というのも、サイトを構成する要素に分解すれば分かります。サイトは、段組み(フレーム)、文字、画像で出来上がってます。シンプルにすると、結局この三要素のみでサイトの個性が決まります。ブログをシンプルにすれば、結局は文字と画像(たまに動画)が本質となるコンテンツだと分かります。

サイトの三要素が分かったので、この三要素を解析することで、自分のサイトを劇的に変化させることができそうです。これは、パワーポイントでの工夫と同じです。また、パワーポイントでフォントを変えるだけで、資料のデザインが劇的に変化するという経験をしていない方はいないと思います。

解析のやり方はとても簡単です。特殊なソフトをインストールする必要もなく、その場で簡単に出来ます。やり方は、

CSSの解析と言えど、段組み(フレーム)、文字、画像の三要素に絞った解析であれば、さほど時間を掛けずに終わります。また、取り出すCSSコードも短くて済みます。

段組み(フレーム)、文字、画像の三要素に絞って他の人のサイトを見てみましょう。様々なことに気づきます。僕が日頃からセンスが良いと思っていたサイトを解析して思ったことを書くと、

文字の種類は何か分からないが綺麗に見える。

文字が意外と小さい。

画像が多用されている。そして、文字が少ない。

画像が、スマホとPCで表示が変わる(スマホだとより小さな画面に適した見やすい表示になる。)。

段組みは、内容がシンプルに伝わる1カラムか、2カラム。

ごちゃごちゃしおらずシンプル。

以上のことを率直に思いました。

自身が感動したデザインについては、すべてCSSを抜き出して自分のサイトに組み込み真似てます。とは言え、抜き出したCSSコードは30行に満たないと思います。僕が組み込んだCSSコードは下の通りです。

Amazon 最新ランキング(プライムビデオ)

【記事PR】M1・M2 MacでWindowsを使うなら「Parallels®︎ Desktop 18 for Mac」14日間無料トライアル!

クリック数回でMac(M1・M2含む)上にWindows環境が構築できる!
クリック数回でMac(M1・M2含む)上にWindows環境が構築できる!
Parallels®︎ Desktop 18 for Mac 14日間無料トライアル!

Apple純正のWindows仮想環境ソフト「Boot Camp」は、M1・M2 Macでは動作しません。※Intel搭載のMacでのみ動作します。

M1・M2 Macで「Windows」を使うなら、対応するソフトは「Parallels®︎ Desktop 18 for Mac」のみです。

「Parallels®︎ Desktop 18 for Mac」は、アカウント登録せずに無料トライアル版(14日間無料)をダウンロードできます。

今すぐ試すことが出来るようになっています。

アカウントを作成しないで14日間無料トライアルできるので、ぜひ試してみてください。

Parallels®︎ Desktop 17 for Macの使い方!

Amazon最新ランキング(コミック)

Amazon 最新ランキング(フィギュア)

「Bizarre」ゲームストリーミングチーム!

Bizarreメンバー:リンドウ

「Bizarre」への参加・脱退は「Twitterのブロック解除」なみに簡単です。
「Bizarre」よくあるご質問も読んで見て下さい。



コメント

コメントする

目次