当ブログでデザインに凝ってからチラシ作りからサイトのデザインまでいろいろなデザインの作成を頼まれるようになりました。と言っても、僕は絵が下手くそな素人なのですが、さまざまなツールを駆使してなんとか褒めて頂けるデザインを多少は作れるようになってきたという感じです。
今回は、自分が普段お世話になってるデザイン作成に役立つおすすめの参考サイトをいくつかまとめて紹介したいと思います。
初めに
この記事の対象者
デザイン作成を支援するサイト・ツールは腐るほどあるので、とても追いきれません。僕もこの記事にてあげたものをちゃんとすべて活用しきれているわけではなくて、見つけてただブックマークしているだけのとこもいっぱいあります。
ここでは一応、ブログを始めたてもしくは慣れてきたけどあまりデザインには力を入れてこなかった人で「もっとおしゃれにいじってみたいけどなに見たらいいの？」に多少は応えられるよう、まとめてみました。
と言っても、僕も使い切れていないので半備忘録的なまとめです。
もっといいサイトがあったら教えて頂けると助かります。
ブックマークに「デザイン」用のフォルダを作ろう
腐るほどある支援サイトを徐々に使いこなしていくためにも、まずは保存していつでも使える状態にしておきましょう。
勉強と同じです。テストで問題に解答するためにはまずは最低限記憶しないといけません。
というわけで、ブックマークのところを右クリックして「フォルダを作成」を選び、デザイン用のフォルダを作ってそこに主に見るサイトはブックマークしておきましょう。
RSSを活用して定期的に記事の更新をチェックしよう
さらに定期的にサイトの更新情報をチェックしたい場合はRSSを代表する『Feedly』などを活用するのがおすすめです。
ブックマークがあふれてしまっても見にくいので、取っておきたい記事は『Evernote』に放り込んでおくと後で編集する際に便利です。
以下の記事は、『Feedly』から『Evernote』に保存する際の流れを解説しています。
Feedly→Pocket→Evernoteを活用して効率的に情報をストックするおすすめの方法
それではこれから個人的によく参照している・利用しているサイトを紹介していきたいと思います。
はてなブログ
はてなブログのカスタマイズと言えばこの人というほど名が知れているのではないかｔ思われるゆきひーさんのブログデザインカスタマイズ記事のまとめです。このブログでも大変お世話になっています。おすすめ！
個人的にこの方の記事が好きです。ブログのカスタマイズについてもいろいろと書いてくれています。この吹き出しもジョージさんのブログから使わしてもらっています。
はてなブログにはこちらで紹介されているフォントが埋め込まれていて、コードを記述すれば使えるようになっています。当ブログのメニューもこのフォントを活用しています。
ブログ全般
Elloraさんという方が運営している『Naifix』でもいろいろなブログカスタマイズ方法を初心者向けに解説してくれています。その他にもいろいろと勉強になるのでおすすめです！
これはいわゆるアフィリエイト用の商品紹介パーツなのですが、便利でいろんな方がこのパーツのカスタマイズを紹介してくれています。これをやるとデザインがきれいに整うようになるのでおすすめです。
Web全般
Web制作に関する記事が雑多にまとまって紹介されているサイトです。最近見つけたのでまだあまり見ていないんですがいい感じだと思っています。
とあるWebデザイナーさんが運営している個人サイトですが、サイトを見て分かるようにかなりポップでおしゃれな感じになっていて、記事も参考になりFeedlyに入れてチェックしています。
こちらのサイトさんもあまりマジマジと見てはいないのですが、下の記事など分かりやすくかつおしゃれで大変参考にさせて頂いています。
このサイトは個人的に化物だなと思っているんですが、日本のサイトから海外のサイトまですごい量のデザインに関する記事がどんどん公開されています。正直、見てるだけで楽しいサイトです！
無料画像
日本のサイト
日本で有名な無料画像サイトがこちら。特にイラスト屋さんのサイトはユーモアというかブラックジョーク？風刺？的なイラストも多く、見ていて思わず笑ってしまいます。
※上のは日本のサイトというより日本語化されているサイトでした。
海外のサイト
こちらは海外のサイトですが、英単語を適当に入力すればいろいろと見て気軽にダウンロードできるので使ってみてください。特に『Pexels』というサイトはおしゃれでかっこいい写真ばかりで愛用させてもらってます。
ソーシャルメディア
デザインをいじっているとソーシャルメディアの色を知りたいだとかいろいろあると思いますので、検索した際に参考にさせてもらった記事を置いておきます。
素材サイト
以下の素材サイトはすべて同じ人が運営している（と思われる）無料の素材集としては最強クラスのものです。自分で作るには技術がいるし大変なので、これらを活用すれば素人には十分だと思っています。いやはや、本当にありがたい…
速度関連
「Webデザイン作成のまとめ記事で速度改善？」と思う方もいるかもしれません。ですが、非常に関連しています今はGoogleもスマートフォンの普及によるモバイル端末からのインターネットアクセスの増加を背景に、検索の評価基準もモバイルに優しい表示速度が早いサイトが今までより重視されるようになってきました。
基本的にパソコンで見る時より非力かつ外で通信するスマートフォンの方が表示する速度には時間がかかってしまいます。
そこで、デザインを作る上ではやたらめったら画像などを使うのではなく、ページの表示速度にも気をつけながらデザイン制作することも重要です。
編集サイト＆ソフト
おすすめの画像容量削減サイトが『Compressor』です。ブラウザ上で簡単にできるし、見た目もほとんど変わりません。以下のような紹介記事も書いたことがあります。
Adobe関連
デザインを自分でいじるとなると、Adobe製品を使う必要が出てくるかもしれません。自分もAdobeを契約していろいろと作りながら勉強しています。Photoshopはまだ上手くつかえないんですけど、Illustratorはそこそこ慣れてきたところです。
色
デザインの基本のきは「色」と言っても過言ではないでしょう。１クリックで色コードをコピペできるサイト３つと配色の基本を解説するスライドを一緒に載せておきます。
デザイン全般
研究発表のためとなっていますが、デザインで「伝える」ということを学ぶ際に勉強になったので貼っておきます。
最後に
思ったより多くて時間がかかってしまいましたが、こういったサイトをなめまわしてみながらデザインをいじっていけばそこそこおしゃれなサイトしていけるんじゃないかと思います。
なんとなくコメントを吹き出しにしてみたんですが少しうざいですね…
このように使い過ぎには注意です！
直すの面倒なのでこのままでいきます。
それでは～
