TOP  >  背景

Tag : 背景

2018年04月08日

夜空をイメージさせるパターンセット「Night Sky Star Patterns」

シンプルながらも星空をイメージさせるために最適な素材の一つ、スターダストパターン。今回ご紹介する「Night Sky Star Patterns」では、雰囲気の違う背景素材が20種類も収録されています。

NightSkyStarPatterns_top

実際の星空が一つとして同じ瞬間がないように、収録されている内容も様々。組み合わせ次第でいろいろな夜空に輝く星の様子を表現することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月16日

CSSで簡単に導入できるカスタマイズも可能なSVGバックグランドセット「SVG Backgrounds」

近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。

svg-backgrounds1

シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年01月16日

バレンタインデーに使用することができる背景素材まとめ「A Huge Set Of Valentine’s Day Backgrounds (exclusive)」

季節行事の中でもクリスマス、ハロウィンと同じくらい特別なイベントであるバレンタイン。行事によってデザインを変えることはユーザーの目を引くにも非常に重要なファクターです。今回ご紹介する「A Huge Set Of Valentine’s Day Backgrounds (exclusive)」ではバレンタインを中心とした背景素材がまとめられています。

valentines-day-background_top

バレンタインらしくハートをモチーフとしたファンシーな背景素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2017年01月29日

先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」

WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。

freebie01kika

全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:45  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年10月13日

登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」

WEBデザインの世界感を表現する上で便利な素材がパターン。どのようなパターンを背景に用いるのかで全く印象が異なったりします。それだけに様々な背景素材が配布されていますが、今日紹介するのは登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」です。

HeroPatterns01

決められたパターン素材をただ、取得するというものでは無く、登録されたパターンをベースに自分自身でカスタマイズして利用することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:33  |  
Category: Design , vector , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年03月05日

ウェディング系デザインに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」

6月のウェディング繁忙期に向けて、すでにデザインを手がけているという方もいらっしゃるのではないでしょうか?今回はそんなシーンに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」を紹介したいと思います。

weddingicon2
Wedding and Love +50 free icons (SVG, EPS, PSD, PNG files)

厳選された数ではありますが、どれも使いやすそうな種類が揃ったアイコンセットがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年08月03日

Webデザインをよりクリエイティブにみせてくれる 複数写真の同時切り替えが可能なグリットスライドショー「CSS Grid Layout Slideshow」

Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。

gridLayout-slideshow02

グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。

詳しくは以下

(続きを読む…)

続きを読む
2009年03月03日

psd+XHTMLでWEBサイトを構築するチュートリアル43選

皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか?制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。

cssxhtmlpsdtips01
How To Create a Horizontally Scrolling Site

全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2014年02月16日

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:59  |  
Category: plugin   
2007年11月21日

フロートウィンドウを生成するjavascript「Mocha」

ページ内を自由に移動でき、フロートするウィンドウを複数同一ページに生成できるスクリプトが今回紹介する「Mocha」です。

Mootoolsmocha

Mochaで生成したフロートウィンドウは拡大、閉じるボタン付きで、マウスのドラッグ操作での移動も可能。日本語表示もOKとかなり自由度の高いウィンドウとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:35  |  
Category: WebDesign   
tag: 
2012年10月04日

美しいキラキラのスパークを表現できるPhotoshopブラシまとめ「20+ Free Sets of Photoshop Sparkle Brushes」

冬を間近に控え、イルミネーションなど光の輝きを表現するデザインを求められることも多くなっているのではないでしょうか?そこで今回紹介するのが、美しいキラキラのスパークを表現できるPhotoshopブラシをまとめた「20+ Free Sets of Photoshop Sparkle Brushes」です。


GIMP Glitter Brushes » Free-Brushes.com – Free Photoshop, GIMP & Paint Shop Pro Brushes

神秘的なスパークを表現できるブラシから、可愛らしい雰囲気のブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:25  |  
Category: Design , Photoshop   
2009年12月27日

ベストフリーテクスチャセット2009「The Best Free Texture Packs of 2009」

制作する上で雰囲気づくりに便利なテクスチャ。様々なテクスチャを今年、Designdevelopでも紹介してきましたが、今日紹介するのは海外のブログWDLが発表している2009年のベストテクスチャセットを集めたエントリー「The Best Free Texture Packs of 2009」です。

texture01
Grungy Textures by ~env1ro on deviantART

グランジ、ビンテージ、ウッドなどなど、テクスチャの種類毎に様々なタイプのテクスチャセットが公開されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:21  |  
Category: Design , Photoshop   
2010年09月29日

フリーphotoshopブラシ2000「2000 Free Photoshop Brushes」

制作ツールとして非常に便利なphotoshop。様々なクリエイティブな現場で利用されていますが、今日紹介するのはphotoshopでの表現をより豊かにしてくれるphotoshopブラシを数多く集めたエントリー「2000 Free Photoshop Brushes」です。


42 More Subtle Grunge Textured Photoshop Brushes

ジャンルを問わず、グランジや力強いストロークなどの定番なものから、インクが流れ落ちたところや、アンティークな建築ブラシまで様々なフリーでりようできるブラシがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:27  |  
Category: Design , Photoshop   
2015年12月05日

クリスマス&冬シーンにぴったりなフリーアイコンセット「Free Christmas & Winter Icon Set」

すでに冬シーズンは到来。そしてもうすぐクリスマスがやってきます。デザインシーンでもクリスマスのテーマが大詰めを迎えている頃だと思いますが、今回紹介するのは、クリスマス&冬シーンにぴったりなフリーアイコンセット「Free Christmas & Winter Icon Set」です。

christmasicon1105

ポップで可愛らしいテイストのクリスマス&ウインターアイコンのセットがダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2018年01月05日

2018年のデザインの流行を知る「10 Design Trends to Watch Out For in 2018」

毎年移り変わりの早いデザイントレンド。2018年に入り、どんなデザインが流行の兆しにあるのか?それをまとめた記事「10 Design Trends to Watch Out For in 2018」を今回は紹介したいと思います。

designtrend1

10の予想されるトレンドがピックアップされています。中でも気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る