Web Design Facts

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

Web Design Facts

Web Design Facts

デザイン

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

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

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

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

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

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

コピペで簡単!CSSとJavaScriptで作られた動くオシャレで綺麗なローディング画面アニメーション10選!【ロード画面/画像を使わない】

WEBサイトやアプリの読み込みで表示されるローディング画面/ロード画面。昔は画像で作られていましたが、最近ではCSSやjsで作られたものが多く、アニメーションもオシャレです。そこで本日はコピペで簡単に使えるCSSとjsで作られている動くアニメーションロ…

【無料&商用可】絶滅危惧種の動物をモチーフにしたアイコン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で水彩画風のブラシをいれておくと、デザイン制作の際にかなり役に立ちます。デザインの一部として最も使用される事が多いテクスチャといっても過言ではないです。そこで本日は高品質かつ、本当に水彩画のようなリアルな水彩画風のブラシをご紹介し…

2018年5月版【トレンド】世界中で流行りのWEBデザイン!AWWWARDSで2018年5月にエントリーされたオシャレなサイトをご紹介【インスピレーション】

先月もご紹介しましたが、今月も世界中の洗練されたデザインが集まるAWWWARDSで2018年5月にエントリーされた最新のトレンドデザインを組み込んだオシャレかつ、評価の良いWEBデザインサイトをご紹介いたします。 最新のトレンドを見てインスピレーションを湧…

デザイン制作時短術!デザインを制作する際に有用なツール14選【UI/ワイヤーフレーム/デザイン/コーディング】

紙媒体でもWEB媒体でも、デザイン制作をするのには時間がそれなりにかかりますよね。世間的に残業に対する認識が厳しくなってきたおかげで徹夜して働くという企業も減ってきたような体感ですが、まだまだデザイン業界では徹夜、泊まりなんて当たり前なんてい…

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

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

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

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

最新トレンドを取り入れたデザイン!2018年5月に公開された最新の商用可英字フリーフォント16選【無料】

毎月海外では新しいフォントがどんどん登場しています。そこで本日は今月、2018年5月に追加された最新のフリーフォントをご紹介します。フォントにもやはりトレンドがあり、最新のフォントは最新のトレンドをとりいれたデザインになっており、かなり洗練され…

2018年に公開された無料Photoshop/Lightroomチュートリアル40選【映画のような効果も!?/モックアップ】

Photoshopのチュートリアルは良いものを作れるだけではなくPhotoshop自体の機能の使い方を学ぶことも出来、大変良いものです。特に最新のチュートリアルは最新の機能も駆使しているため、すごく勉強になります。 そこで本日は2018年に公開されたPhotoshopの…

デザイン制作時に役立つ!配色が簡単ワンクリックで決められるカラーパレットジェネレーターツール15選【パターン/組み合わせ/カラーコード】

デザインにおいて配色は全体の雰囲気が決まるので最も重要な要素。ただし、重要な要素だからこそ選定に時間を要しますし、最適な配色を見つけるのは簡単な作業ではないですよね。そこで本日はデザイナー必見の簡単ワンクリックで配色が決められるカラーパレ…

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

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

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

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

【WEBデザインの参考に】ミニマリストに大人気!洗練されたシンプルで美しいHTML5ウェブサイトテンプレート10選【フラットデザイン/サンプル】

昨今、日本だけではなく世界中で要素を最小限に抑えた暮らしをする方が増えてきました。WEBサイトも例外ではなく、ミニマルなデザインが今求められています。そこで本日はHTML5を使用した、海外のミニマリストに大人気のシンプルで美しいウェブサイトのテン…

【完全保存2018年版】作業効率アップ!Photoshop/Lightroomアクション オススメTOPサイト7選 - 無料&有料【写真加工/方法/使い方】

このブログでも何度か紹介しているPhotoshopのアクション。作業効率が大幅にあがるので活用必須だと思いますが、いざ目当てのアクションを探そうとすると中々見つかりません。そんな時にオススメなのが今回紹介する7サイト。PhotoshopやLightroomのアクショ…

【完全保存2018年版】高品質!無料ベクター素材配布サイト21選【Illustratorモックアップ/EPS/PSD/ai/フリー】

WEBサイトやチラシ、資料制作など様々な場面で必要となるベクター素材。ただ、目的の物を探すのは非常に大変でストレスですよね。そんな時のために本日は高品質なベクター素材を無料で配布しているサイトをご紹介します。ぜひいざという時のためにお気に入り…

【sketchユーザー必見】仕事を大幅に効率化!オススメの最新Sketchプラグイン7選【WEBデザイナー/UIデザイナー】2018年版

数年前からPhotoshopからの乗り換えが増えたSketch。圧倒的な動作の軽さと、コーディングのしさすさから、Macを使用していてUIデザインを主としてやっている方はSketchへ移行された方が多いのではないでしょうか。そこで本日はそんなSketchユーザーの方にオ…

これが無料!?2018年に公開されたHTML&HTML5のWEBサイト無料テンプレート25選

今回は2018年に公開された(一部2017年も有り)HTML&HTML5で作成された"無料"のWEBサイトテンプレートを31つご紹介。サイトを手軽に作りたいと考えている方はもちろん、WEBデザイナーやコーダーの方も参考になる内容です。人が作ったサイトの中身を全部見られ…

【2018年版】グラフィック・WEBデザイナーの為のPhotoshop 無料モックアップ60選!【本・雑誌(マガジン)編】

デザインを際立たせてくれるモックアップ。海外サイトにはたくさんありますが有料のものが多く、探すのが大変で時間もかかりますよね。そこで本日は無料で使用出来る本や雑誌にフォーカスしたPhotoshopのモックアップを60個ご紹介!ぜひダウンロードをしてお…

【トレンド】イギリス発刊の世界的有名デザイン雑誌「net」3月号で紹介された今もっともホットなWEBデザインサイト6選

イギリスで発刊されている世界的に有名なデザイン雑誌「net」3月号で紹介された、最先端のWEBデザインサイトを本日はご紹介します。各所の挙動や、色使いはもちろん、構成やコンセプト、ユーザービリティ・アクセシビリティがとても参考になります。ぜひ最先…

【トレンド】世界中で流行りのWEBデザイン!AWWWARDSで2018年4月にエントリーされたオシャレなサイトをご紹介【インスピレーション】

WEBサイトのデザインも服などと同じで流行り廃りがありますよね。直近では以前の記事でもご紹介しましたが、グラデーションがブームになっており、色々なサイトで見ると思います。 そこで本日は世界中の洗練されたデザインが集まるAWWWARDSから、4月にエント…

【チュートリアル/作り方】2018年最新の無料テキストエフェクト20選!レトロモダンやネオン、タイポグラフィなど盛りだくさん!【Photoshop/Illustrator/WEBモックアップ】

Photoshop,Illustratorの最新版テキストエフェクトのチュートリアルです。中にはサンプルの配布をしているサイトもあるので、ファイルの中身が覗けたりします。新しい機能なども交えてテキストエフェクトを作成されているので、機能自体の参考にもなりますし…

PAGE TOP