サイト運営

僕が仕事やブログ更新でお世話になってる無料webサービス、web素材、参考サイトまとめ

18歳か19歳ぐらいの頃からアルバイトがキッカケでweb屋さんになってもう長い年月が経つのだが、昔と比べると今はwebで無料で提供してくれているサービスやツールが豊富、且つ高機能で本当にありがたい世の中になっている。
現在の仕事柄、パワーポイントを筆頭に色んなアプリケーションを使うのだが、それらと合わせてお世話になっている無料webサービス、web素材、参考サイトを紹介しようと思う。

フラットアイコンの豊富さ、探しやすさバツグン!「FLATICON」

FLATICON
https://www.flaticon.com/
とにかく量が多く、デザインも素敵なものが多い。
パワーポイント資料作成時や、このブログ「僕のサイト」でもたくさんお世話になっている。
人物アイコン、PC・ネット系アイコン、食べ物アイコンなど無いものはほとんどない。
しかし、英語サイトなので欲しいアイコンにたどり着くための英語検索術が必要。人物アイコンが欲しかったら「human」や「person」などで調べるのだ。
おならアイコンが欲しかったら「fart」と検索すればいい。

大量の英語フリーフォントで迷いまくる「dafont.com」

dafont.com
https://www.dafont.com/
こちらもとにかく量が多い。有名企業ロゴやゲームにタイトルを模したフォントなどなど面白いフォントもたくさんある。
メタルギア風フォントや手書き風フォントなど欲しいテイストのフォントがカテゴリ分けされていて探しやすい。

商用利用もOKなシルエット素材が探せる「シルエットデザイン」

シルエットデザイン
http://kage-design.com/wp/
資料作成時やワイヤーフレーム作成時にアイコンやクリエイティブイメージにカラー素材を使ってしまうと、見た人のイメージが凝り固まってしまう恐れがあるので、特にワイヤーフレーム作成には僕は極力モノトーンの素材を使うようにしている。
資料の見栄えを良くするためのちょっとしたアクセントなどもシルエット素材を入れるだけで、ちょっとデザイン性が上がるのでかなり重宝している。
「僕さんの資料って綺麗で見やすいですね!」と言ってもらいたくて努力を惜しまなかった20代の頃の自分にこのサイトを教えてあげたい。

めちゃくちゃオシャレな写真素材が豊富な「pexels」

pexels
https://www.pexels.com/
記事のアイキャッチ作成の時にとてもお世話になっている。アーティスティックな写真素材が大量。

資料やブログの配色、カラーパターンに悩んだ時の駆け込み寺「Random Material Palette」

Random Material Palette
https://www.threebu.it/random-material-palette/
クリックするだけでランダムに3色のオススメパターンをサジェストしてくれる。
メインテーマカラーとして気に入った色が見つかった時は、その色だけロックして他の2色だけをランダム化するなど使い勝手もとてもよい。
この「僕のサイト」の配色もこのサービスを使って決めた。
気に入った3色が見つかったらカラーコードもPDFでダウンロードして保存できるなど、かなり気の利いたサービスでありがたい。

バックグラウンドイメージを使いたい時はここ!「Subtle Patterns.」

Subtle Patterns.
https://www.toptal.com/designers/subtlepatterns/
白系や黒系などプレビューを見ながら探せるのがとても使いやすい。
「僕のサイト」のヘッダーイメージの机の素材として利用させてもらったのもこの「Subtle Patterns.」の背景素材を拝借した。

Banner Matome
http://bannermatome.com/
国内最大級のバナークリエイティブまとめ。
アイキャッチや資料作成などでも、フォントサイズのバランス感、レイアウト、配色などをボーッと見ながら参考にさせてもらったりしている。
単に見ているだけでも面白い。

自由度高すぎるモックイメージ作成サービス「Mockup Editor」

Mockup Editor
https://mockupeditor.com/
PCやスマホだけでなく、写真の額縁などにもイメージを当て込むことができ、その周りに花を置いたりデスクを置いたり、更にはそれらのサイズも変更できたりと、高機能且つハイクオリティなモックアップエディター。
ものすごい小洒落たアイキャッチを作ることができる。

 

 

ざっと思いつく普段使っているサービスを紹介したが、今後も新しいサービスや参考サイトなどを見つけたらどんどん追加して行こうと思う。
ブログの場合は特にアイキャッチは重要なので、是非デザインに凝ったオリジナリティ溢れるアイキャッチを作ってみてほしい。

知らないおじさん
知らないおじさん
パクリ元ってことだろ?
ボク
ボク
パクリではない!「参考」だ!!
ABOUT ME
ボク
ボク
職業webディレクター。新しいガジェットや面白そうなことにはとりあえず飛びつく多趣味な人。 子供の名前からペットの名前まで、名付けは全て漫画やアニメから拝借するという癖がある。好きなアニメは「サザエさん」