タグ Web Design Facts
人気順 5 users 50 users 100 users 500 users 1000 users【無料】何にでも合うオシャレで涼しい!夏にピッタリなマリン柄のパターン10種! - Web Design Facts
夏といえばマリン柄! トリコロールカラーが夏っぽさを演出してくれます。 そこで本日は何にでも合わせられる、夏にぴったりなマリン柄のパターン10種をご紹介! ぜひダウンロードして夏のデザインに組み合わせてみましょう。 FREE MARINE SEAMLESS PATTERNS COLLECTION AI,PSD,PNG、3種類の保存形式でダウンロードが可... 続きを読む
最新のフォントを使ってデザインに差をつけよう!最新無料フォント85種!2018年6月に登場した新作フリーフォント - Web Design Facts
6月もたくさん無料フォントが生み出されました。 各種デザインに合うカッコいい&キレイなフォントが盛りだくさん! ぜひ新しいフォントを使って、最新のデザインに取り入れてみましょう。 ※詳しい利用規約は各サイトでご確認ください。 また、今回からライセンスについても簡単に明記していますが、個人用でも大抵は購... 続きを読む
【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part2 - Web Design Facts
昨日紹介した以下の続編です。 個人的にはスターウォーズのトグルアイコンが、小ネタが入っていて面白いなと思いました。 遊び心のあるデザインって面白いですよね。 前回に引き続き今回も面白いアニメーションが盛りだくさんです。 ぜひ気に入ったアニメーションをサイト制作で取り入れてみてください。 Cruisin' 3d cs... 続きを読む
【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part1 - Web Design Facts
最近のデザインは動作が軽いアニメーションをいれているものが多いですよね。 やはり目を引くという事で、アニメーションは重要な要素の1つになってきているのかもしれません。 そこで本日はCSSとJSのコピペで簡単に導入出来る、動きが面白いかつ実用的なCSSアニメーションpart1をご紹介します。 part2についても今週中... 続きを読む
【無料】使いやすい!虹色ホログラムテクスチャ10種!【デザイナーDL必須/金・銀・グラデ・メッキ】 - Web Design Facts
PhotoshopやIllustratorで中々作りにくいメッキ系のグラデーション。 金や銀も1から作ろうと思うと結構大変ですが、もっと難しいのはホログラムのような質感をもった色。 そこで本日は簡単に文字や画像をホログラムをかけられるテクスチャをご紹介します。 ぜひデザイナーの方はダウンロードしておきましょう! 10 Free ... 続きを読む
CSSだけでここまで出来る!?タイトルや見出しにオススメなぬるぬる動く最新のCSSテキストエフェクト19選 - Web Design Facts
先日はCSSとJSで動くロゴをご紹介させていただきました。 今回はなんとCSSだけでぬるぬる動くアニメーション、テキストエフェクトをご紹介します。 純粋にスゴイ! サイトのタイトルや見出しに使えば目立つこと間違いなし。 とてもオシャレでイケてるので、ぜひご覧になり参考にしてみてください。 Elastic stroke CSS +... 続きを読む
【無料】可愛くて使いやすい!マテリアルデザインで作られた絵文字アイコン25種! - Web Design Facts
無駄にマテリアルデザインのサイトに馴染む、マテリアルデザインで作られた絵文字アイコン25種類を今回はご紹介します。 色合いやシャドウの付け方が完璧なのでマテリアルデザインのWEBサイトにはもちろん、SNSのアイコンとしても使えそう。 絵文字と侮るなかれ、結構参考になります。 25 Free Material Design Emoji Ic... 続きを読む
カッコ良すぎる!CSSとJavaScriptで作られた真似してみたいアニメーションロゴ10選 - Web Design Facts
最近良く見るようになったアニメーションロゴ。 コーポレートサイトやポートフォリオのTOPなどでよく使用されています。 そこで本日は最新のカッコいいアニメーションロゴをご紹介! 日本で有名な”あの”ロゴもあります! 参考になるかつ、格好良いので良いインスピレーションになります。 ぜひご覧ください。 Nintendo S... 続きを読む
【無料】PhotoshopやIllustratorで使える!水彩パターン,アイコンのパターン,木の模様500種+をご紹介! - Web Design Facts
継ぎ目がないパターンはすぐにそのまま使えるのでとても有意。 デザインのワンポイントや背景にすぐに使えます。 そこで本日は水彩風のパターンと、アイコン風のパターン、木の模様パターンの3カテゴリ、計500種類以上がつまったパターンをご紹介します。 次回以降は幾何学模様のパターン、ハーフトーンパターン、紙のパ... 続きを読む
コピペで簡単!サイト制作のアクセントになるパーティクル(粒子・分子)エフェクト・アニメーション14選!【CSS/JS】 - Web Design Facts
2018 - 06 - 18 コピペで簡単!サイト制作のアクセントになるパーティクル(粒子・分子)エフェクト・アニメーション14選!【CSS/JS】 CSS HTML デザイン 参考サイト 素材 今回はWEBサイトのアクセントになるようなパーティクル(粒子・分子)エフェクト・アニメーションをご紹介します。 クリックで玉が弾けたり、動いたり、ドラッグで粒子を操作できたり面白いものが盛りだくさん。 使... 続きを読む
クオリティ高め&使いやすい!無料で使える水彩風の花イラスト素材セット【テクスチャ、イラスト、フリー】 - Web Design Facts
2018 - 06 - 15 クオリティ高め&使いやすい!無料で使える水彩風の花イラスト素材セット【テクスチャ、イラスト、フリー】 SVG デザイン 素材 素材-無料 WEBサイトや紙媒体のデザインをする際に、意外と多く登場する素材に花のイラストって入っていませんか? キレイ系のデザインに万能的に使用出来るから、登場する機会が多いのかなと思います。 そこで本日は最近は無料で使用できるフラワーパック... 続きを読む
無料!ポスターや本など何にでも使える!350種以上のIllustratorで使えるパターン集【ai/素材/ベクター】 - Web Design Facts
2018 - 06 - 13 無料!ポスターや本など何にでも使える!350種以上のIllustratorで使えるパターン集【ai/素材/ベクター】 Illustrator 素材 素材-商用可 素材-無料 デザイン ベクター/Vector 困った時に役に立つ背景のパターン。 本日はIllustratorで使用できる350種類以上の無料パターンをご紹介します。 ウェブサイトでも、本やポスターなど何にで... 続きを読む
【クオリティ高&無料】食品の包装モックアップ38個!食べ物のパッケージデザインをする方必見!!【Photoshop】 - Web Design Facts
2018 - 06 - 11 【クオリティ高&無料】食品の包装モックアップ38個!食べ物のパッケージデザインをする方必見!!【Photoshop】 モックアップ 素材 素材-無料 Photoshop デザイン パッケージのデザインやロゴのデザインをし、クライアントに提出する際にデザインを際立ててくれるのがモックアップ。 本や箱などのモックアップはよくありますが、中々ないのが食べ物系のモックアップ。... 続きを読む
コピペで簡単!CSSとJavaScriptでで作られた動くオシャレで綺麗なローディング画面アニメーション10選!【ロード画面/画像を使わない】 - Web Design Facts
2018 - 06 - 08 コピペで簡単!CSSとJavaScriptでで作られた動くオシャレで綺麗なローディング画面アニメーション10選!【ロード画面/画像を使わない】 CSS デザイン WEBサイトやアプリの読み込みで表示されるローディング画面/ロード画面。 昔は画像で作られていましたが、最近ではCSSやjsで作られたものが多く、アニメーションもオシャレです。 そこで本日はコピペで簡単に使え... 続きを読む
【無料&商用可】絶滅危惧種の動物をモチーフにしたアイコン15種×3パターン(計45個)【ai,png,svg,イラスト】 - Web Design Facts
2018 - 06 - 07 【無料&商用可】絶滅危惧種の動物をモチーフにしたアイコン15種×3パターン(計45個)【ai,png,svg,イラスト】 素材 素材-商用可 素材-無料 デザイン SVG ベクター/Vector 今回は世界の絶滅危惧種をモチーフにしたアイコン集をご紹介します。 種類は全部で15種、各3パターン、計45個のアイコンがセットになっています。 ぜひ絶滅危惧種について、勉強も... 続きを読む
使用率高め!煙や湯気、雲などもくもくしたテクチャを簡単に作成出来るPhotoshop用ブラシ68種【無料/フリー】 - Web Design Facts
2018 - 06 - 06 使用率高め!煙や湯気、雲などもくもくしたテクチャを簡単に作成出来るPhotoshop用ブラシ68種【無料/フリー】 Photoshop Photoshop-ブラシ テキストエフェクト デザイン 素材 素材-無料 デザインの制作時に意外と面倒くさい湯気や煙、雲のテクスチャ作成。 作り方は簡単なんだけれど地味に時間がかかりますよね。 そこで本日は無料で使える湯気や煙、雲が... 続きを読む
無料&商用可!草や葉っぱ、ツタなどに特化したPhotoshop用植物系ブラシ50種【自然/フリー/装飾/イラスト】 - Web Design Facts
2018 - 06 - 05 無料&商用可!草や葉っぱ、ツタなどに特化したPhotoshop用植物系ブラシ50種【自然/フリー/装飾/イラスト】 Photoshop Photoshop-ブラシ 素材 素材-商用可 素材-無料 デザイン ロゴのデザインやデザインの製作時にワンポイントとして必要になる草や葉っぱ、ツタなどの植物系イラスト。 中々良い素材が見つからず、結局妥協したり、時間をかけて自分で作... 続きを読む
無料一括ダウンロード可!2867個のフラットデザインアイコンセット【商用可/フリー素材】 - Web Design Facts
2018 - 06 - 04 無料一括ダウンロード可!2867個のフラットデザインアイコンセット【商用可/フリー素材】 SVG デザイン 素材 素材-商用可 素材-無料 WEBや紙媒体でデザインを制作する際に必要になる素材。 アイコンなど使いやすい素材は、ちょっとしたアクセントにぴったり。 ただ、自分が探しているアイコンが中々見つからなかったり、見つけたけれど他のアイコンやデザインと整合性がとれな... 続きを読む
商用も可!無料で使える手書き風ガジェット系ベクター画像60種!(AI,EPS,PDF,SVG,PNG)【フリー/手書き/イラスト】 - Web Design Facts
2018 - 06 - 01 商用も可!無料で使える手書き風ガジェット系ベクター画像60種!(AI,EPS,PDF,SVG,PNG)【フリー/手書き/イラスト】 ベクター/Vector 素材 素材-商用可 素材-無料 デザイン Illustrator Photoshop SVG 今回は手書き風のガジェット系ベクター画像60種をご紹介します。 AI形式、EPS形式、PDF形式、SVG形式、PNG形式... 続きを読む
ビジネス用サイト、ポートフォリオ、その他何にでも応用可能なPSDのWEBサイトテンプレート16選【Photoshop】 - Web Design Facts
2018 - 05 - 31 ビジネス用サイト、ポートフォリオ、その他何にでも応用可能なPSDのWEBサイトテンプレート16選【Photoshop】 Photoshop モックアップ ワイヤーフレーム 参考サイト 素材 素材-無料 デザイン PSDのウェブサイトテンプレートを使用すると、サイト制作をする際に参考にもなりますし、そのままベースだけを利用するなどし、大幅に時間短縮が可能です。 そこで本... 続きを読む
最新フォント100種!最新のデザインには最新のフォントを。2018年5月に登場した新作フリーフォント100選 - Web Design Facts
2018 - 05 - 30 最新フォント100種!最新のデザインには最新のフォントを。2018年5月に登場した新作フリーフォント100選 フォント フォント-無料 素材 デザイン 世の中では毎日新しいフォントが産まれています。 ただその新しいフォントや動向を追うのは中々大変。 そこで今回は2018年5月に公開された使いやすいオシャレな新作フォントをご紹介します。 最新のデザインに最新のフォントを... 続きを読む
【2018年最新&水彩ブラシ決定版】無料で使えて便利!オススメのPhotoshop水彩画風ブラシ40選【フリー素材】 - Web Design Facts
2018 - 05 - 29 【2018年最新&水彩ブラシ決定版】無料で使えて便利!オススメのPhotoshop水彩画風ブラシ40選【フリー素材】 Photoshop Photoshop-ブラシ 素材 素材-無料 デザイン Photoshopで水彩画風のブラシをいれておくと、デザイン制作の際にかなり役に立ちます。 デザインの一部として最も使用される事が多いテクスチャといっても過言ではないです。 そ... 続きを読む
【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】 - Web Design Facts
2018 - 05 - 28 【Sketch無料リソースの2018年決定版!】Sketch用UIキット、ワイヤーフレームキット55選【Sketchユーザーダウンロード必須!】 Sketch ワイヤーフレーム モックアップ 素材 素材-無料 参考サイト UIデザインといえば最近はSketch。 ただやはりPhotoshopと比べて歴史が浅いため、オススメのリソースがまとまっている最適なサイトが少ない... 続きを読む
2018年5月版【トレンド】世界中で流行りのWEBデザイン!AWWWARDSで2018年5月にエントリーされたオシャレなサイトをご紹介【インスピレーション】 - Web Design Facts
2018 - 05 - 25 2018年5月版【トレンド】世界中で流行りのWEBデザイン!AWWWARDSで2018年5月にエントリーされたオシャレなサイトをご紹介【インスピレーション】 デザイン 参考サイト 先月もご紹介しましたが、今月も世界中の洗練されたデザインが集まるAWWWARDSで2018年5月にエントリーされた最新のトレンドデザインを組み込んだオシャレかつ、評価の良いWEBデザインサイ... 続きを読む
デザイン制作時短術!デザインを制作する際に有用なツール14選【UI/ワイヤーフレーム/デザイン/コーディング】 - Web Design Facts
2018 - 05 - 24 デザイン制作時短術!デザインを制作する際に有用なツール14選【UI/ワイヤーフレーム/デザイン/コーディング】 デザイン 参考サイト ワイヤーフレーム Sketch 紙媒体でもWEB媒体でも、デザイン制作をするのには時間がそれなりにかかりますよね。 世間的に残業に対する認識が厳しくなってきたおかげで徹夜して働くという企業も減ってきたような体感ですが、まだまだデザイン業... 続きを読む