CAKI-COMMUNE

読者です 読者をやめる 読者になる 読者になる

CAKI-COMMUNE

社内SEとフリーランスという働き方

あなたも効率アップ デザイン 便利サイト10選【Web/DTP制作】

 

デザイン 便利サイト

Sponsored Link

 

こんばんは。社内SEとフリーランスのハイブリット、かじっくす(@tomo345)です。

Webサイト・チラシ制作を今から始めるあなた、必見です。
私がこういった制作活動を始めるまで知らなかった便利なサイトをまとめました。
しかもほとんどのサイトがフリーで利用可能です。

私が右も左もわからない時にプロな方からお聞きしたサイトなので間違いありません。
今でも、フルに活用させて頂いております。

 

・これからWeb/DTPなどの制作を始める

・デザインに行き詰まっている

・リッチなフォントを使いたい

・フリー素材のおすすめは?

 

上記の項目が当てはまったあなた、必ず参考になると思います。

 

デザイン系

Pinterest

アカウントを作成したらすぐに利用することが可能です。
Web、DTPのデザインがとても豊富で簡単にブックマーク可能です。

検索機能も充実しているので、ビビっとくるデザインが必ず見つかります。
チラシ制作の場合は必ずといって良い程このサイトのデザインをオマージュしております。

フォロー機能、共有機能もあるので、作業メンバー間の連携もバッチリです。

jp.pinterest.com

配色の見本帳

デザインする際に欠かせないのが、キーカラーの選択です。
このサイトでは推奨されている色見本のRGB、CMYK情報を取得可能です。

また、そのキーカラーに対して美しく見える色パターンを提示してくれる優れもの。
配色に迷ったときはこのサイトはかなり役に立ちます。

ironodata.info

フォント系

DaFont

慣れが必要ですが、ジャンル毎にフォントが分かれています。
季節やイベントにあったフォントをすぐに探すことができ、さらにブラウザ上でプレビューが可能です。

ダウンロードして、フォントファイルをパソコンにインストールすればずっと使えるので徐々にお好みのフォントを増やしていきましょう。

www.dafont.com

イラスト系

イラストAC

このサイトはフリーの素材をaiファイルでダウンロードできます。
aiファイルなどでデータ加工も容易にできます。

登録制で無料でも利用可能なんですが、有料会員になればさらにダウンロードできるイラストが増えます。

フリーのイラスト素材がたくさん置いてあります。また、aiファイルでダウンロードできるので、画像の切り出しの手間を省くことができます。

また姉妹サイト的な形で「写真AC」や「シルエットAC」というサイトもあるので場面に合わせて素材を選択することが可能です。

www.ac-illust.com

Frame Design

枠や飾りの素材がフリーでダウンロードできるサイトです。
こちらもai形式のダウンロードが可能となりますので、自分なりのアレンジが可能。

チラシ制作のテンプレートに活用できます。

frames-design.com

テクスチャ系

Paper-co

さりげなく、背景にテクスチャを使用するとリッチなデザインに早代わり。
あまり多用しずぎてもチープに見えてしまうので、紙質が見え隠れする程度が丁度いいでしょう。

「デザインはちょっと控えめ」がキーワードです。

free-paper-texture.com

写真系

ぱくたそ

ブログのアイキャッチ画像でとてもお世話になっております。
日常的な写真はさることながら、季節的な写真のアップも早いのが特徴です。

美少女系の写真もたくさんあるので、読者の心を掴み取るにはもってこいです。

ただし、逆に言うとこのサイトの素材を利用している記事はたくさんあるのでアイキャッチの差別化を図りたい方にはあまりおすすめできません。

www.pakutaso.com

pixabay

高画質のロイヤリティーのフリー写真素材がたくさん揃っています。
本当に無料なの?っていうくらい高画質です。

Creative Commons CC0においても、無償配布されております。

pixabay.com

Sponsored Link

 

開発系

Responsinator

現在、ほとんどのWebサイトはレスポンシブ対応されております。
このサイトでは、スマホやタブレットでどのように表示されるのかブラウザ上で確認できます。

スマホとタブレットを用意する必要もないので、容易に表示確認することができます。

www.responsinator.com

Placehold.it

Webコーディング中に仮に画像を配置したい際に利用しています。
<img>のsrcにサイズを指定したURLを配置するだけで、仮画像を表示することができます。

Placehold.it - Quick and simple image placeholders

Sponsored Link

 

にほんブログ村 ライフスタイルブログへ
にほんブログ村

応援される方、ランキングに参加しております。クリックにご協力を。