・ブログのデザイン変えたいな~!!
・参考にするデザインの書籍ないかな?
このような事を考えることはありませんか?
僕はブログを始めて、これまで数回デザインをいじってきました。
はじめは、ネットでよさそうなブロガーのブログをひたすら眺めていましたが
最近は、書籍にてデザインを勉強しています。
本記事では、参考にしたデザイン系の書籍のおすすめを紹介していきます。
ブログのデザインについて
ブログのデザインは、ウェブデザインだけではなく、すべてを総合したデザインが大事です。
ブログの場合、文章のバランスが良くできていても、写真が欠けてしまうとバランスが悪くなってしまいます。
これから紹介する書籍は、ウェブデザインだけでなく、写真、記事、ネタなど、ブログに対するアイデアの引き出しを増やすためにおすすめです。
参考書籍一覧
Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)}; c.getElementById(a)||(d=c.createElement(f),d.src=g, d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))}) (window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink"); msmaflink({"n":"Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"\/images\/I","p":["\/51qe9zgzWLL.jpg","\/51LoxSSrGtL.jpg","\/51orQVM3nIL.jpg","\/51yKWr65L6L.jpg","\/51XiaT3gioL.jpg","\/51+or7F4aUL.jpg","\/513Dgm3MdSL.jpg","\/51aE6eXjhIL.jpg","\/51IQmroo-0L.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4797389036","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"dab2u","s":"s"});
Webデザイン良質見本帳は、415点の厳選した良質なWebサイトを集めた見本集です。
デザインのインプットをする上でとても良いです。
良いデザインのをたくさん見て学ぶということでデザインセンスが磨かれると思います。
自分のお気に入りを探して、それをマネしてみるのもいいかもしれないですね!
Amazonレビュー
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a; b[a]=b[a]||function(){arguments.currentScript=c.currentScript ||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)}; c.getElementById(a)||(d=c.createElement(f),d.src=g, d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))}) (window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink"); msmaflink({"n":"1冊ですべて身につくHTML & CSSとWebデザイン入門講座","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/41a8QSuhu7L.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B07PS1ZJN6","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"Er65j","s":"s"});
この本は、Web関連の情報やデザインについて学べるブログ『Webクリエイターボックス』のManaさんがHTML、CSSなどのWebサイト構築の方法を分かりやすく教えてくれるという内容になっています。
Webサイトの仕組みや作り方、デザインについてやテキストエディタ、ブラウザのダウンロード手順まで、すごく分かりやすく書かれていて、インターネット初心者にもやさしい本です。
インターネット初心者でWebデザインを勉強してみたいと思っている方にはピッタリの1冊です!!
Amazonレビュー
Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51YymqGrW7L.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B01N8TYF05","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"PNxuy","s":"s"});
Web制作者のためのUXデザインをはじめる本は、UXをはじめて学ぶ人のための本です。
UXとはユーザーエクスペリエンス(ユーザー体験)のことで、ユーザーがコンテンツ(Webサイトなど)を利用する際に感じる印象などのことを指します。
文章が平易で読みやすいく、UXとUIそれぞれの解釈をわかりやすく解説してくれています。
UXデザインに興味がある方や、Web制作の入門書としておすすめです。
Amazonレビュー
世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"世界一わかりやすい HTML5&CSS3 コーディングとサイト制作の教科書 世界一わかりやすい教科書","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51YyZdzyF0L.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B07P6DXXBK","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"82FWN","s":"s"});
この本は、ブラウザやサーバに関する基礎知識からはじまり「HTMLとCSS」この2つの技術を実践で使えるように、クリエイターとしてプロをめざしたい人が最初に読みたい本です。
すでに仕事をされている人にとっては当たり前のことも、細かく丁寧に書いていてます。
とりあえずHTML、CSSは、Webサイト構築のためには必須の技術ですので、まずはこの本から読むのはいいと思います。
Amazonレビュー
配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"配色アイデア手帖 めくって見つける新しいデザインの本[完全保存版]","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/41WnpMulDtL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B07881DSZQ","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"2Em3e","s":"s"});
配色アイデア手帖は、欲しい配色があるときにイメージとして形にできる教科書です。
3175の色見本がありますので、きっと自分のイメージした色が見つかるはずです。
本のサイズはコンパクトで見やすいです。
プレゼン資料のレイアウトにも、配色見本を活用できます。
想像が広がってよりアイデアがひらめきやすいようになっています。
Webサイトも色により、与える印象がすごくかわってきます。
一度は読んでおきたい本となります。
Amazonレビュー
いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新テクニック
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新テクニック","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/51bLoGOtPVL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B06WVVQ8MP","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"83NVs","s":"s"});
この本は、WEBデザインに特化した本で、既に自分のWEBを持っている方向けの本です。
HTML5やCSS3の説明項目もありますが、あまり詳しくは解説されておりません。
WEB作成を経験したことのない初心者には理解は難しい本でしょう。
学べる内容は多岐にわたり、Webのデザインに関する事柄からインタラクション・運用とマーケティングまで幅広く、Webクリエイターが必要とする知識を一気に学べる内容となっています。
幅広い技術を1冊で習得したい人にピッタリの本となります!
Amazonレビュー
Webデザインの新しい教科書 改訂新版 基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"Webデザインの新しい教科書 改訂新版 基礎から覚える、深く理解できる。〈HTML5、CSS3、レスポンシブWebデザイン〉","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"\/images\/I","p":["\/416mjTMmYyL.jpg","\/4110EEKwNnL.jpg","\/51KUDs7z+tL.jpg","\/51KQR59KyYL.jpg","\/51rQTA7XkRL.jpg","\/51Du0FG3JqL.jpg","\/51BpKtCEEML.jpg","\/51vLoSe3TfL.jpg","\/51Q6vwhArYL.jpg","\/51aN7a4ndoL.jpg","\/51cAv+QX0aL.jpg","\/515q7p7wTFL.jpg","\/51Evt+OqiPL.jpg","\/51pxClqbpLL.jpg","\/51Y792Mk-TL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/4844365630","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"70nuU","s":"s"});
この本は、HTML5やレスポンシブウェブデザインにも対応した今どきのウェブデザインの基本を、わかりやすい図と丁寧な解説で網羅していて良書です。
ページの最後に重要ポイントのサマリーがあるので復習にも便利です。
Webデザインを始めようと思っている初心者の方におすすめの本となります。
Amazonレビュー
レスポンシブWebデザイン入門 マルチデバイス時代のWebデザイン手法
(function(b,c,f,g,a,d,e){b.MoshimoAffiliateObject=a;
b[a]=b[a]||function(){arguments.currentScript=c.currentScript
||c.scripts[c.scripts.length-2];(b[a].q=b[a].q||[]).push(arguments)};
c.getElementById(a)||(d=c.createElement(f),d.src=g,
d.id=a,e=c.getElementsByTagName("body")[0],e.appendChild(d))})
(window,document,"script","//dn.msmstatic.com/site/cardlink/bundle.js","msmaflink");
msmaflink({"n":"レスポンシブWebデザイン入門 マルチデバイス時代のWebデザイン手法","b":"","t":"","d":"https:\/\/m.media-amazon.com","c_p":"","p":["\/images\/I\/419HiYsarDL.jpg"],"u":{"u":"https:\/\/www.amazon.co.jp\/dp\/B00CBBG9YW","t":"amazon","r_v":""},"aid":{"amazon":"2260777","rakuten":"2260775","yahoo":"2260782"},"eid":"AoQUL","s":"s"});
この本は、レスポンシブWebデザインを基本的な概念から実制作まで広く抑えてあり、サンプルも実際に制作することで制作の流れをつかむことができます。
また、レスポンシブの手法以外にも、IE対策や現場で求められるワイヤーフレームを用いたガイドライン設計なども詳しく書かれています。
独学で情報を得たい人にはおすすめの本です。
Amazonレビュー
まとめ
今回は、ブログデザインで参考にした書籍を一通り紹介しました。
もちろん、このほかにもアイデアの引き出しを増やせる本やアイテムはたくさんあります。
そのまま丸パクリすると個性も何もないので注意は必要ですが「自分が思い描いているデザイン」の基礎が見えてくるともいます。
本をたくさん読んでインプットして自分なりのデザインを確率して今後のデザインに活かしていきましょう!!