Web Design Facts

WEBデザインに関する内容(フォントやベクター画像、フォトショアクション、モックアップなど)をまとめています。

Web Design Facts

Web Design Facts

素材

【2018年最新&キラキラブラシ決定版】無料&使いやすい!200種類のPhotoshop"キラキラ"ブラシ【フリー素材】

キレイ系のデザインには必須なキラキラブラシ。キレイ系以外にもイラストのワンポイントなど色々な細かい部分に使いやすいですよね。そこで今回は合計200種類のPhotoshop用"キラキラ"ブラシをご紹介します。ぜひダウンロードしておきましょう! 20 Sparkler …

【無料】初心者必見!LightroomやPhotoshopで使える!写真が映えるレトロなフィルム写真のような雰囲気がだせるフィルムダストテクスチャ30種!

最近の流行りでもあるレトロな写真風加工。プリセットなどは多く配布されているのですが、大抵は色彩や明度をかえるものがほとんど。かすれ具合や傷など、良い感じに風化しているようなものはかなり数が少ないです。そこで本日はそんな傷やかすれ具合、風化…

無料で使える!使いやすい花(フラワー)のベクターイラスト画像素材28種!【フリー,AI,PSD,PNG】

以前にも別の素材を紹介しましたが、また新しく無料で公開された花の素材をご紹介します。花の素材はWEBでも他の媒体でも、要所々々に使いやすいです。ぜひダウンロードして素材フォルダに保存し、いざという時に使えるようにしておきましょう! ↓以前に紹介…

iPad&タブレット版Procreateで簡単にカラーパレットを作成する方法

適切なカラーを自分で作るのは中々大変。特にiPad版のプロクリエイトだと自分で色を選択してカラーパレットを選択するという方法が一般的。そこで本日は、Procreateで簡単に色合いと組み合わせが良いカラーパレットを作る方法をご紹介します。 Procreateで簡…

【無料】何にでも合うオシャレで涼しい!夏にピッタリなマリン柄のパターン10種!

夏といえばマリン柄!トリコロールカラーが夏っぽさを演出してくれます。そこで本日は何にでも合わせられる、夏にぴったりなマリン柄のパターン10種をご紹介!ぜひダウンロードして夏のデザインに組み合わせてみましょう。 FREE MARINE SEAMLESS PATTERNS CO…

最新のフォントを使ってデザインに差をつけよう!最新無料フォント85種!2018年6月に登場した新作フリーフォント

6月もたくさん無料フォントが生み出されました。各種デザインに合うカッコいい&キレイなフォントが盛りだくさん!ぜひ新しいフォントを、最新のデザインに取り入れてみましょう。 ※詳しい利用規約は各サイトでご確認ください。また、今回からライセンスにつ…

1000以上のフラットデザインのアイコンがセットに!どのソフトにも対応している色変更・サイズ可変自由なアイコンセット【AI,PSD,SVG,Sketch】

今回は1,000個以上のフラットデザインアイコンのセットをご紹介します。数も多いので使いたいアイコンが見つかるはず!?PhotoshopやIllustrator、Sketchにも対応しており、ベクター化されているので画像の色変えやサイズ変更も自由!サイトや紙、アプリデザ…

【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part2

昨日紹介した以下の続編です。 個人的にはスターウォーズのトグルアイコンが、小ネタが入っていて面白いなと思いました。遊び心のあるデザインって面白いですよね。前回に引き続き今回も面白いアニメーションが盛りだくさんです。ぜひ気に入ったアニメーショ…

【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part1

最近のデザインは動作が軽いアニメーションをいれているものが多いですよね。やはり目を引くという事で、アニメーションは重要な要素の1つになってきているのかもしれません。そこで本日はCSSとJSのコピペで簡単に導入出来る、動きが面白いかつ実用的なCSSア…

【無料】使いやすい!虹色ホログラムテクスチャ10種!【デザイナーDL必須/金・銀・グラデ・メッキ】

PhotoshopやIllustratorで中々作りにくいメッキ系のグラデーション。金や銀も1から作ろうと思うと結構大変ですが、もっと難しいのはホログラムのような質感をもった色。そこで本日は簡単に文字や画像をホログラムをかけられるテクスチャをご紹介します。ぜひ…

【無料】可愛くて使いやすい!マテリアルデザインで作られた絵文字アイコン25種!

無駄にマテリアルデザインのサイトに馴染む、マテリアルデザインで作られた絵文字アイコン25種類を今回はご紹介します。色合いやシャドウの付け方が完璧なのでマテリアルデザインのWEBサイトにはもちろん、SNSのアイコンとしても使えそう。絵文字と侮るなか…

【無料】PhotoshopやIllustratorで使える!水彩パターン,アイコンのパターン,木の模様500種+をご紹介!

継ぎ目がないパターンはすぐにそのまま使えるのでとても有意。デザインのワンポイントや背景にすぐに使えます。そこで本日は水彩風のパターンと、アイコン風のパターン、木の模様パターンの3カテゴリ、計500種類以上がつまったパターンをご紹介します。次回…

コピペで簡単!サイト制作のアクセントになるパーティクル(粒子・分子)エフェクト・アニメーション14選!【CSS/JS】

今回はWEBサイトのアクセントになるようなパーティクル(粒子・分子)エフェクト・アニメーションをご紹介します。クリックで玉が弾けたり、動いたり、ドラッグで粒子を操作できたり面白いものが盛りだくさん。使い所が意外に多そうなのでぜひチェックしてみて…

クオリティ高め&使いやすい!無料で使える水彩風の花イラスト素材セット【テクスチャ、イラスト、フリー】

WEBサイトや紙媒体のデザインをする際に、意外と多く登場する素材に花のイラストって入っていませんか?キレイ系のデザインに万能的に使用出来るから、登場する機会が多いのかなと思います。そこで本日は最近は無料で使用できるフラワーパックセットをご紹介…

無料!ポスターや本など何にでも使える!350種以上のIllustratorで使えるパターン集【ai/素材/ベクター】

困った時に役に立つ背景のパターン。本日はIllustratorで使用できる350種類以上の無料パターンをご紹介します。ウェブサイトでも、本やポスターなど何にでも使えます。ぜひ気に入ったものをダウンロードしておきましょう。 FudgeGraphics Pack #1 (20 patter…

【クオリティ高&無料】食品の包装モックアップ38個!食べ物のパッケージデザインをする方必見!!【Photoshop】

パッケージのデザインやロゴのデザインをし、クライアントに提出する際にデザインを際立ててくれるのがモックアップ。本や箱などのモックアップはよくありますが、中々ないのが食べ物系のモックアップ。そこで本日は食べ物に特化したモックアップが38個はい…

【無料&商用可】絶滅危惧種の動物をモチーフにしたアイコン15種×3パターン(計45個)【ai,png,svg,イラスト】

今回は世界の絶滅危惧種をモチーフにしたアイコン集をご紹介します。種類は全部で15種、各3パターン、計45個のアイコンがセットになっています。ぜひ絶滅危惧種について、勉強もかねてダウンロードしましょう。アイコン自体は堅苦しくなく、可愛い雰囲気で描…

使用率高め!煙や湯気、雲などもくもくしたテクチャを簡単に作成出来るPhotoshop用ブラシ68種【無料/フリー】

デザインの制作時に意外と面倒くさい湯気や煙、雲のテクスチャ作成。作り方は簡単なんだけれど地味に時間がかかりますよね。そこで本日は無料で使える湯気や煙、雲が簡単に作る事が出来るPhotoshopのブラシ68種をご紹介いたします。ダウンロードをしておくと…

無料&商用可!草や葉っぱ、ツタなどに特化したPhotoshop用植物系ブラシ50種【自然/フリー/装飾/イラスト】

ロゴのデザインやデザインの製作時にワンポイントとして必要になる草や葉っぱ、ツタなどの植物系イラスト。中々良い素材が見つからず、結局妥協したり、時間をかけて自分で作成する事が多かったりするかと思います。そこで本日は草や葉っぱ、ツタなどの自然…

無料一括ダウンロード可!2867個のフラットデザインアイコンセット【商用可/フリー素材】

WEBや紙媒体でデザインを制作する際に必要になる素材。アイコンなど使いやすい素材は、ちょっとしたアクセントにぴったり。ただ、自分が探しているアイコンが中々見つからなかったり、見つけたけれど他のアイコンやデザインと整合性がとれなかったり・・・と…

商用も可!無料で使える手書き風ガジェット系ベクター画像60種!(AI,EPS,PDF,SVG,PNG)【フリー/手書き/イラスト】

今回は手書き風のガジェット系ベクター画像60種をご紹介します。AI形式、EPS形式、PDF形式、SVG形式、PNG形式の5種類がセットでダウンロードできるので、用途や使用ソフトに合わせて利用できるのに加え、商用も可能なのでダウンロードしておいて損はなし。昨…

ビジネス用サイト、ポートフォリオ、その他何にでも応用可能なPSDのWEBサイトテンプレート16選【Photoshop】

PSDのウェブサイトテンプレートを使用すると、サイト制作をする際に参考にもなりますし、そのままベースだけを利用するなどし、大幅に時間短縮が可能です。そこで本日は無料で使えるかつ、見た目がかなり美しい無料で使えるPSDのWEBサイトテンプレートをご紹…

最新無料フォント100種!最新のデザインには最新のフォントを。2018年5月に登場した新作フリーフォント100選

世の中では毎日新しいフォントが産まれています。ただその新しいフォントの動向を追うのは大変なので、今回は2018年5月に公開された使いやすいオシャレな新作フォントをまとめてみました。最新のデザインに最新のフォントを使って、より最先端かつ洗練された…

【2018年最新&水彩ブラシ決定版】無料で使えて便利!オススメのPhotoshop水彩画風ブラシ40選【フリー素材】

Photoshopで水彩画風のブラシをいれておくと、デザイン制作の際にかなり役に立ちます。デザインの一部として最も使用される事が多いテクスチャといっても過言ではないです。そこで本日は高品質かつ、本当に水彩画のようなリアルな水彩画風のブラシをご紹介し…

【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】

UIデザインといえば最近はSketch。ただやはりPhotoshopと比べて歴史が浅いため、オススメのリソースがまとまっている最適なサイトが少ないように感じます。そこで本日は、Sketchユーザー必見の無料で使用できるUIキット、ワイヤーフレームキットをご紹介しま…

初心者~プロまで誰でも使える!レトロ&ヴィンテージ風Illustratorチュートリアル25選【ロゴ/エフェクト/2018】

チュートリアルは、手順通りに作成すればオシャレで高品質なデザインが簡単に出来るとともに、ツールの使用方法や機能も覚える事が出来、一石二鳥です。実際チュートリアルで作成したものを実務でそのまま使うという事は中々難しいですが、チュートリアルで…

【完全保存版】無料で使える!高品質なIllustrator用レトロ&ヴィンテージブラシ100種類+【フリー/手書き/水彩/筆】2018

Illustratorのブラシやプラグインは、Photoshopと比べて少ないような体感。他サイトでもあまり紹介されていないような気がします。そこで本日は無料で使用ができ、高品質かつ実務や作品制作で使いやすいIllustrator用のブラシをご紹介します。イラレ利用者の…

【無料&商用可】ロゴデザインの参考に!無料で使える100個以上のロゴテンプレート集【モックアップ/PSD/AI】

デザインは1から作るのが当たり前。ただ、他のデザインを見てインスパイアしたり、雰囲気を参考にしたり、色合いを真似てみたりなど、通常仕事をしているとそのような事があるかと思います。そこで本日はロゴ制作をする際にとても参考になる、無料かつ商用可…

【お気に入り必須】写真・ベクター画像/アイコン・動画・フォントが全て無料&商用可!「stockio」をお気に入り登録しよう。【フリー素材】

素材探しって時間がかかりますよね。有料のもので高品質なものはあるけれど、無料だと中々無かったりもしますよね。 ・この写真は無料で良いけれどクレジット必須・・・。・無料だけれど低画質・・・。・いい素材を見つけたけれど高い! という事はよくある…

【完全無料】Procreateユーザーダウンロード必須!手書き風カスタムブラシ16選【漫画やイラスト、お絵かきなどにオススメ】

ApplePencilの登場で脚光を浴び始めているiPadでのお絵かき。Photoshopと比べると足りない機能はあるものの、どこでもお手軽に使えるので大変人気。そこで本日はProcreateで使用出来るカスタムブラシをご紹介します。漫画やイラストを書く方にすごくオススメ…

PAGE TOP