背景 お洒落。 背景デザインに使える無料パターン素材98選|大きな画像にも使いやすい|ferret

センス抜群と話題!シームレスな背景画像が無料配布されている「PATTERN LIBRARY」

背景 お洒落

古い映画のようなグリッチ感をCSSのみで表現しています。 See the Pen by Brad Colthurst on. CSS フィルタ機能を活用し、スクロールに応じて色合いを変化させるスタイリング。 See the Pen by Thomas Podgrodzki on. 縦方向に無限スクロールする背景イメージを、 trasnalte3dと background-positonの2種類でスタイリングしています。 See the Pen by Josh Scarbrough on. CSS のみで表現された映画のオープニングシーンで、 keyframe アニメーションをつかったスタイリング方法。 See the Pen by Gregor Adams on. 背景をレイヤー状に重ねた、 keyframe アニメーション。 See the Pen by Rico Sta. Cruz on. JSなどを使わず CSS のみで表現された、動きのあるイメージスライダー Ken Burns エフェクト。 See the Pen by Nicola Pressi on. Mac OS で利用されている、背景を半透明ガラス状にぼかす、シンプルだけど知らないと思いつかないスタイリング。 See the Pen by Glenn Reyes on. フルスクリーン表示された背景イメージが、スクロールに応じてフェードアウトし、コンテンツがはじまる新しい魅せ方。 See the Pen by Dudley Storey on. シンプルに背景にグラデーションを追加したいときに。 See the Pen by Bruno Braes on. 美しく変化するグラデーション背景を作成するときに。 See the Pen by Mario Klingemann on. 方眼紙状のグリッドラインをCSSのみで描くスタイリングテクニック。 See the Pen by disjunto on. モダンブラウザで対応の background-clipを利用した、文字テキストのクリッピングテクニック。 See the Pen by Jintos on. 文字テキストに合わせて背景をクリッピングするテクニック。 See the Pen by Sandesh Damkondwar on. 文字テキストに合わせて、背景デザインをアニメーションさせるテクニック。 See the Pen by Daniel Riemer on. 斜めに入るスリットラインを表現できるスタリング方法で、各セクションを分割することができます。 See the Pen by Matthew Craig on. Canvasに描かれた、和柄を連想する円形パターンの背景デザイン。 See the Pen by Tim Holman on. 幾何学模様のポリゴンスタイルを、ヌルリと動かした背景スタイリング。 See the Pen by zessx on. ボケエフェクトをアニメーション付きで再現した、キラキラと美しいCanvasをつかったレイアウト。 画面をクリックするたびに、異なる色合いに切り替わります。 See the Pen by Jack Rugile on. サムネイル :.

次の

背景デザインに使える無料パターン素材98選|大きな画像にも使いやすい|ferret

背景 お洒落

ferret編集部:2015年6月30日の記事を再編集しています。 季節が変わるごとに、多くの企業ではホーム ページや ブログ、チラシ、ネットショップのビジュアルを大きく変えているのではないでしょうか。 四季のある日本だからこそ、デザインにおいても季節感の演出は欠かせません。 しかし、何度もデザイン変更を行うのは予算・作業時間の面を考えると大変なことです。 そこで、簡単にイメージチェンジをすることができるパターン素材を利用しましょう。 パターン素材とは、好きな柄を自由な範囲にテクスチャできる素材のことです。 つなぎ目のないシームレスな素材もあるため、背景や壁紙といった広範囲にも使いやすくなっています。 今回は、背景デザインに使えるフリーパターン素材をまとめてご紹介します。 どれも無料でダウンロードできますので、気になるデザインがあればダウンロードしてみてください。 背景デザインに使えるフリーパターン素材98選 1. HEXAGONAL HONEYCOMB PATTERN 細い線で六角形をデザインし、パターン化した蜂の巣柄のパターン素材です。 白、黒だけでのシンプルでミニマルな見た目で、どのようなデザインにも合わせやすくなっています。 ホーム ページなどの背景や壁紙を中心に活躍するのではないでしょうか。 Subtle Light Tile Pattern Vol6 目立つ柄はデザインしたくないけれど、背景に少しだけアクセントを付けたい、という時にオススメしたいパターン素材です。 微妙に質感を付けることができるパターン素材6種類を収録しており、ファブリックや紙、カーペット、木の模様をデザインすることが可能です。 あらゆるデザインに使えますので、持っておいて損はないでしょう。 GEOMETRIC LINES ETHNIC PATTERN モノクロカラーでデザインした幾何学模様のパターン素材で、エスニックな雰囲気の見た目となっています。 最近人気の高いBohoスタイル、エスニック、トライバルなどのデザインを作る際にぴったりです。 エスニック柄といえば色鮮やかなものが多く背景にはなかなか取り入れづらいものですが、こちらの素材はシンプルな見た目ですので、背景にも使いやすいでしょう。 Subtle Light Tile Pattern Vol2 定番のドット柄やキューブ柄を、よりシンプルなデザインにしたものをセットにした素材です。 どのようなデザインにも使いやすい柄が揃っていますので、1つ持っておくと重宝します。 背景や壁紙全体にテクスチャしたり、デザインの一部にもオススメです。 RETRO MEMPHIS PATTERN SET 90年代をイメージさせる、カラフルな色合いのレトロ柄パターン素材です。 様々な色の三角形、円、四角形などを組み合わせてパターン化しています。 デザイン、色の異なる4種類をセットにしており、好みに応じて使いわけが可能です。 HIPSTER PIPE PATTERN ミントグリーン、オレンジ、茶色など数色のパイプをパターン化した素材です。 フライヤーやカード、レストランなどのデザインに適しており、オシャレな雰囲気を演出します。 色は自由にカスタマイズすることができますので、用途に合わせて色を変更してみるといいでしょう。 Geometric Pink Pattern Vectors 近年人気の高い幾何学模様を、ピンク色で可愛らしくデザインしたパターン素材です。 ストライプや星などを取り入れたデザインで、種類の異なる6パターンを収録しています。 ファッションやヴィンテージテイストのデザインにぴったりです。 HAND DRAWN PINSTRIPES PATTERN 定番のデザインとしてよく使用されるストライプ柄ですが、どうしてもありきたりになってしまっていませんか。 そんな、少し変わったストライプ柄が欲しい方にオススメのデザインです。 鉛筆で引いたようなギザギザ、手書き感のあるタッチが独特の雰囲気を演出してくれます。 Subtle Dark Patterns Vol1 ダークな背景にちょっとした質感を取り入れたい、という時に活躍するパターン素材です。 スエード、ファブリック、コンクリート、木を再現した柄4種類を収録しています。 Free Herringbone Patterns Vector 色合いの異なる青2色を使ってデザインした、オシャレなヘリンボーン柄のパターン素材です。 よくあるヘリンボーン柄も個性的な色合いにするだけで、インパクトのあるデザインになります。 つなぎ目のないシームレスパターン素材ですので、使い勝手も抜群です。 ARABIC RAMADAN PATTERN SET 色鮮やかな幾何学模様を組み合わせてデザインした、アラビア風タイルのパターン素材です。 デザインの異なる5種類を一気に手に入れることができるお得なセットです。 壁紙やカード、 バナーなどをオシャレに美しく装飾することができます。 FALLING LEAVES PATTERN 秋の雰囲気を演出するのにもってこいな、暖かな色調の秋の葉のパターン素材です。 色、形状の異なる葉っぱやどんぐりを多数配置しています。 オータムセールや秋シーズンの新作PRなどに使ってみてはいかがでしょうか。 SCHOOL SUPPLIES OUTLINE PATTERN 様々な学校用品のイラストをスケッチし、パターン化した素材です。 絵の具パレット、はさみ、ペン、定規といったモチーフを含んでいます。 アウトラインだけデザインしていますので、シンプルかつオシャレな印象です。 子ども向けデザインを中心に活用してみてはいかがでしょうか。 Background Geometric Patterns 暖かい色を組み合わせた、幾何学模様のパターン素材6種類セットです。 これからの秋シーズンには特に持っておくと重宝する配色です。 背景や壁紙に使うだけで、一気に秋シーズンの雰囲気やレトロ感を演出してくれます。 THIN LINE COLOR CACTUS PATTERN 細い線で描いた様々な種類のサボテンが可愛いパターン素材です。 花や観葉植物にまつわるビジネスに適しているのではないでしょうか。 Geometric Green Background Patterns 緑色の幾何学模様をデザインした、背景向けパターン素材6種類セットです。 模様がシンプルですので、あらゆるシーンに使えるのではないでしょうか。 SEAMLESS INFINITY PATTERN ループした模様を全体に配置した、シルバー色がクールなパターン素材です。 背景、壁紙に適しています。 そのままでもカッコいいデザインですが、色を変更して使えますので、好みに応じて編集してみてください。 Retro Pattern Vectors 背景装飾に最適な、レトロパターン素材6種類セットです。 シンプルな波模様やジグザグ模様のほかに、花をモチーフにした模様も収録しています。 ヴィンテージ、レトロ系のパターン素材が欲しい時に使ってみてはいかがでしょうか。 FLAT CLOUDS PATTERN DESIGN 空に浮かぶ雲をフラットスタイルでデザインしたパターン素材です。 様々な形状の異なる雲を描いており、リアルな空の景色をデザインすることができます。 背景デザインにぴったりの素材です。 Monochromatic Lines and Dots Vector Pattern ドット、ラインを組み合わせてデザインした、モノクロカラーのシンプルなパターン素材セットです。 デザインの異なる6種類を収録しています。 どのデザインも定番で持っておくと便利ですので、ダウンロードしておいてはいかがでしょうか。 FLAT ILLUSTRATED TREES PATTERN ミントグリーンの背景上に、デザインの異なる様々な木のイラストを配置したパターン素材です。 フラットスタイルのシンプルな木のイラストが、オシャレな雰囲気を演出します。 秋冬デザインにもオススメの素材です。 Subtle Light Tile Pattern vol1 背景や壁紙のデザイン、質感アップに役立つパターン素材4種類セットです。 微妙にデザインが入ったシンプルなパターン素材で、あらゆるシーンに活躍します。 VINTAGE PATTERN WALLPAPER SET ヴィンテージな配色、模様が素敵なパターン素材を5つ収録したセットです。 いずれのデザインもオシャレな雰囲気を演出してくれます。 壁紙やカードのデザインなどにもってこいです。 Spring and Summer Beach Pattern Vectors ヤシの木、サングラスといったモチーフを取り入れた、爽やかな配色のパターン素材セットです。 PAINT SPLATTER SEAMLESS PATTERNS 爽快感のある水色のパターン素材2種類セットです。 Seamless Lace Pattern Vector 暑い夏を爽やかに演出してくれるパステルブルーの花パターン素材です。 Blue Floral Pattern Set ミントグリーンを基調とした、爽やかな雰囲気のパターン素材セットです。 Azulejo Patterns 爽やかな青色とタイルの様な繊細な模様が美しいパターン素材です。 Free Vector Flamingo Patterns ミントグリーン、ピンク2色のフラミンゴをパターン化した素材セットです。 Free Summer Patterns — Vector Swatches, Illustrator Swatch set, Seamless tiles and Digital Craft Papers レトロヴィンテージの色合いがオシャレなパターン素材6種類セットです。 Linear hexagon pattern background set シンプルに線だけでデザインした、六角形の背景向けパターン素材です。 黄色、ピンクと明るいカラーが揃っています。 Summer elements pattern イカリ、ビーチサンダル、ビーチボールをデザインに取り入れた、夏向けのデザインです。 アウトラインだけを描いているため、すっきりとした印象があります。 Popsicles summer pattern 食べかけのアイスキャンデーを全面に配置したパターン素材です。 落ち着いた配色でまとめたユニークな色合いに注目です。 Abstract geometric pattern 微妙に色が違う青の六角形を並べた、抽象的な幾何学模様デザインです。 爽やかなデザインに仕上げたい時に使えます。 Summer cocktail drinks pattern 夏っぽいカクテルをパターン化した、オシャレで大人っぽいデザインです。 Summer strawberry pattern カットスイカ、スイカの種をパターン化した素材です。 夏シーズンにたくさん使いたいデザインとなっています。 Geometric pattern set モノクロカラーでまとめた、幾何学パターン素材セットです。 様々な異なるデザインをひとまとめにしています。 polygonal pattern set 立体感のある、3Dポリゴンパターン素材のセットです。 クールなデザインにもってこいです。 Delicate cactus pattern ユニークな形状の様々なサボテンを描いたデザインです。 夏のデザインによく合う素材となっています。 Blue geometric hexagonal pattern 鮮やかな青色の背景に、六角形をデザインしたオシャレなパターン素材です。 Curly ornamental pattern set 鮮やかな配色、独特のカール模様が個性的なパターン素材です。 異なる数色がセットになっています。 Bright hexagon polygonal pattern ターコイズブルーのベースに明るいベージュが映える、六角形のポリゴンパターン素材です。 間隔を取って配置した、あまりみないデザインとなっています。 Lotus yoga pattern 蓮をモチーフにした、ヨガがテーマのパターン素材です。 Color ornamental geometric pattern 線で構成された、不思議な模様のデザインです。 ビビッドな配色が目を引きます。 Girly hexagonal pattern 女性的な雰囲気の六角形パターン素材です。 ガーリーテイストに幾何学の素材を取り入れたい時オススメです。 Hexagon dots seamless pattern ドットパターンのようにデザインした、六角形の素材です。 シームレスパターンのため使い勝手の良いデザインとなっています。 Zen yoga drawing pattern ヨガをテーマにした、シンプルなパターン素材です。 背景、ワンポイントとして取り入れたいデザインです。 US Independence Day patterns アメリカンな模様をコレクションした、パターン素材セットです。 ポップなデザインにもよく合います。 Illustrated cactus pattern サボテンのイラストをたくさん配置したパターン素材です。 Cactus drawing pattern 先程のサボテン柄パターンを、線だけでシンプルに表現したデザインです。 Eye of horus pattern ヨガ関連のデザインに使える、パターン素材です。 Yoga sign outline pattern ヨガの手をシームレスなパターン素材にしたものです。 こちらもヨガ関連のデザインに使えます。 GOODIES: DREAMY SUMMER HOUNDSTOOTH PATTERNS 夏をイメージした爽やかな配色が特徴的な、千鳥柄のパターン素材です。 柔らかなパステルカラーで上品な印象があります。 GOODIES: RED AND ORANGE PATTERNS 明るいレッドとオレンジの配色がオシャレなパターン素材セットです。 子ども向けのデザインにぴったりです。 Free Geometric Vector Pattern 異なるカラーでデザインしたジオメトリック柄のパターン素材です。 背景に使うとこれだけでぐっとオシャレ感が増します。 LOW-POLY POLYGONAL TEXTURES 近年のデザイントレンドである、ローポリゴンスタイルのパターン素材です。 様々な配色の10種がセットになっています。 floral pattern set 花をデザインに取り入れたラブリーなパターン素材6種セットです。 落ち着いたカーキ、サーモンピンクの2色が揃います。 floral-pattern-set パステルカラーの背景に、白で様々な花をデザインしたガーリーなパターン素材セットです。 floral pattern set レトロ感とガーリーの組み合わせがキュートなパターン素材です。 Morocco Seamless Pattern Vectors モロッコをイメージした柄のシームレスなパターン素材です。 Abstract Pastel Summer Beach and Ocean Pattern Vectors 夏の海をイメージしたパステルカラーの可愛いパターン素材です。 Geometric Retro Repeating Patterns レトロ感たっぷりの配色がオシャレな、ジオメトリック柄のパターン素材セットです。 異なるデザイン12種を収録しています。 colorful sketchy pattern vector set クレヨンでスケッチしたような温かみのあるパターン素材です。 ガーリーなデザインに最適です。 simple b w patterns 6 シンプルな白黒配色のパターン素材です。 デザインにさりげなく取り入れるとオシャレです。 Geometric Pattern Vectors 白黒配色のシンプルなジオメトリック柄パターンを100個収録したセットです。 とにかく素材数が豊富ですので、持ってくと便利です。 free shabby chic patterns and garlands vector ピンク色の薔薇にギンガム、ドットといった柄を組み合わせたガーリーなパターン素材です。 Floral Fabric Patterns 花柄のファブリック素材をパターンにしたセットです。 落ち着いた色味のデザインを中心に収録しています。 summer and spring mosaic patterns 春夏をイメージしたラフスケッチのパターン素材です。 GOODIES: SEASIDE PATTERNS イカリマーク、ウロコといったモチーフでデザインした、夏にぴったりの爽やかなパターン素材セットです。 ブルーの濃淡と白のみでデザインしてありシンプルな印象があります。 Seamless Textile Patterns 明るい配色のチェック柄パターン素材セットです。 Funky Geometric Pattern Vector Set ユニークでファンキーな印象のジオメトリック柄パターン素材です。 Fabric Seamless Patterns 10種のファブリックをパターンにしたシームレスな素材です。 キャンバス素材から模様入りの素材まで、様々なものが揃います。 floral retro patterns シックでレトロな配色が可愛い、花モチーフのパターン素材です。 全面柄が入ったデザインですが落ち着いた印象があります。 SEAMLESS SUBTLE PATTERNS 質感をアップしてくれるシンプルなスタイルのパターン素材10個セットです。 GOODIES: PASTEL TRIANGLE PATTERNS 優しいパステルカラーでデザインした、三角形のパターン素材です。 12色の異なるカラーを収録しています。 abstract vector patterns ブルーとグリーンでデザインした爽やかな印象のパターン素材です。 Yellow Retro Pattern Set イエローをベースにしたレトロチックなパターン素材セットです。 Love Background Patterns ハートをデザインに取り入れたガーリーなパターン素材セットです。 GOODIES: ARROW PATTERNS 矢印を組み合わせてデザインしたハイセンスなパターン素材です。 秋をイメージするブラウンとカーキのシックな配色が特徴です。 gingham pattern set 定番の6色を揃えた、使い勝手のいいギンガムチェックのパターン素材セットです。 使用頻度が高い柄ですので持っておくと便利です。 GOODIES: PRETTY PASTEL PATTERNS コットンキャンディのような淡いパステルカラーの配色が可愛いパターン素材です。 ドット、ストライプといった定番で使いやすい柄が揃います。 Watercolor Arrows Patterns 水彩風にデザインしたユニークな矢のパターン素材です。 活用シーンは限られるものの、うまく使えばデザインをぐっとオシャレにしてくれます。 Morocco Pattern Vectors エスニック風のデザインに取り入れやすい、モロッコをイメージした柄のパターン素材セットです。 GOODIES: DELICIOUS DONUTS PATTERNS ストライプ柄とドーナツを組み合わせたポップでキュートなパターン素材です。 キッズ向けのデザインにぴったりです。 Pastel Geometric Vector Pattern Set どこか女性的な雰囲気を感じるパステルカラーのジオメトリック柄パターン素材です。 GOODIES: FAST FOOD PATTERNS ハンバーガー、ポテト、ピザをデザインに取り入れたユニークなファーストフード柄のパターン素材です。 line patterns 線だけで複雑な柄をデザインしたパターン素材セットです。 白と黒2色のシンプルな配色ですので背景にも使用することができます。 herringbone pattern vectors 落ち着いた色味がレトロでオシャレなヘリンボーン柄のパターン素材セットです。 GOODIES: NEON FISH SCALE PATTERNS 大胆なネオンカラーでデザインした、魚のウロコのパターン素材セットです。 ファッショナブルでオシャレな印象があります。 GOODIES: SUMMER COLORS PATTERNS 夏をイメージした爽快感あるカラーが特徴のパターン素材セットです。 夏向けのデザインに幅広く使えます。 Decorative Background Pattern ビビッドな配色がオシャレな背景向けパターン素材です。 Free Seamless Vector Topographic Map Patterns 地図をモチーフにしたユニークなデザインのパターン素材です。 個性的ながらシンプルで使い勝手のいい素材です。 Abstract Patterns 星、花といったキュートなモチーフをデザインに取り入れた、可愛らしいパターン素材16個セットです。 Abstract Patterns 20個のパターン素材を収録したセットです。 定番柄からユニークな柄までバラエティ豊富に揃っていますのでとても重宝します。 16 Abstract Patterns シンプルで使い勝手の良い16個のパターン素材を収録したセットです。 Abstract Patterns 抽象的でユニークな柄が揃う、パターン素材15個セットです。 変わった柄を使いたい時にオススメです。 ページ 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。 インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。 この画面のことを、インターネットでも「ページ」と呼んでいます。 ホームページは、多くの場合、複数ページから成り立っています。

次の

背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ

背景 お洒落

古い映画のようなグリッチ感をCSSのみで表現しています。 See the Pen by Brad Colthurst on. CSS フィルタ機能を活用し、スクロールに応じて色合いを変化させるスタイリング。 See the Pen by Thomas Podgrodzki on. 縦方向に無限スクロールする背景イメージを、 trasnalte3dと background-positonの2種類でスタイリングしています。 See the Pen by Josh Scarbrough on. CSS のみで表現された映画のオープニングシーンで、 keyframe アニメーションをつかったスタイリング方法。 See the Pen by Gregor Adams on. 背景をレイヤー状に重ねた、 keyframe アニメーション。 See the Pen by Rico Sta. Cruz on. JSなどを使わず CSS のみで表現された、動きのあるイメージスライダー Ken Burns エフェクト。 See the Pen by Nicola Pressi on. Mac OS で利用されている、背景を半透明ガラス状にぼかす、シンプルだけど知らないと思いつかないスタイリング。 See the Pen by Glenn Reyes on. フルスクリーン表示された背景イメージが、スクロールに応じてフェードアウトし、コンテンツがはじまる新しい魅せ方。 See the Pen by Dudley Storey on. シンプルに背景にグラデーションを追加したいときに。 See the Pen by Bruno Braes on. 美しく変化するグラデーション背景を作成するときに。 See the Pen by Mario Klingemann on. 方眼紙状のグリッドラインをCSSのみで描くスタイリングテクニック。 See the Pen by disjunto on. モダンブラウザで対応の background-clipを利用した、文字テキストのクリッピングテクニック。 See the Pen by Jintos on. 文字テキストに合わせて背景をクリッピングするテクニック。 See the Pen by Sandesh Damkondwar on. 文字テキストに合わせて、背景デザインをアニメーションさせるテクニック。 See the Pen by Daniel Riemer on. 斜めに入るスリットラインを表現できるスタリング方法で、各セクションを分割することができます。 See the Pen by Matthew Craig on. Canvasに描かれた、和柄を連想する円形パターンの背景デザイン。 See the Pen by Tim Holman on. 幾何学模様のポリゴンスタイルを、ヌルリと動かした背景スタイリング。 See the Pen by zessx on. ボケエフェクトをアニメーション付きで再現した、キラキラと美しいCanvasをつかったレイアウト。 画面をクリックするたびに、異なる色合いに切り替わります。 See the Pen by Jack Rugile on. サムネイル :.

次の