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   
このエントリーをはてなブックマークに追加

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

2014年08月14日

商用化なデザインフリーフォント15種「Free Fonts for Commercial Use (15 New Fonts)」

フリーフォントの中でも商用利用できるものは非常に使い勝手が良く重宝されるもの。今回はそんな商用化なデザインフリーフォント15種「Free Fonts for Commercial Use (15 New Fonts)」を紹介したいと思います。

font140814_1
Bend Typeface + free font on Behance

デザイン性のある、業務的に利用できるフォントが15種厳選し紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2012年12月03日

さまざまなスポーツシーンを表現できるベクター素材まとめ「30 Free Sports Related Vector Graphics For Designers」

シーンや動きの表現が複雑なスポーツのビジュアルは、イラストとして描き起こすのはなかなか大変なもの。そんな時に活用できる、さまざまなスポーツシーンを表現できるベクター素材をまとめた「30 Free Sports Related Vector Graphics For Designers」を今回は紹介したいと思います。


Basketball Vector Illustration (.eps) | Vector

カラーからシルエットまで、さまざまなタイプの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:04  |  
Category: Design   
2011年05月26日

ラージサイズが嬉しい クオリティの高いアイコンセットまとめ「40 Big and Highly Detailed Free Icon Sets to Improve Your Designs」

webデザインの必須アイテムであるアイコンは、フリーでもさまざまな展開がされており、利用されている方も多いと思います。そんな中今回紹介するのは、クオリティが高く、画像サイズにも余裕のあるアイコンセットをまとめた「40 Big and Highly Detailed Free Icon Sets to Improve Your Designs」です。


Sallee Design

立体感のある手の込んだアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:28  |  
Category: Design   
2014年11月18日

錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」

フリーで数多く配布されているテクスチャ。テーマとなっている種類にもさまざまなタイプがありますが、今回紹介するのは、錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」です。

rust1

古くなって味のある雰囲気に錆びついた6種のテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design   
2010年01月20日

シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」

写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。

shaopphoto

実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。

動画は以下から

(続きを読む…)

続きを読む
posted 09:40  |  
Category: Tool   
2013年12月24日

シンプルなデザインのフードアイコンセット「Food Icons: Free Icon Set」

シンプルなデザインは簡素と感じられてしまうリスクもありますが、「視認性が高い」「コンテンツの魅力を伝えやすい」などのメリットもあり、最近ではそんなUIを採用したサイト、アプリが増えてきていて、一般化しつつあるように感じます。そこで今回は、シンプルなデザインの食べ物、飲み物のアイコンセット「Food Icons: Free Icon Set」を紹介したいと思います。

fifis_0

一目で分かるアイコンというのは実はとても難しく、特徴を上手く取り入れないと説明的になりすぎてしまったりしますが、このアイコンセットはそのあたり上手く表現し、まとめられていると思います。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop , vector , WebDesign   
2010年04月10日

シンプルなwordpressテーマのまとめ「10 Best Free Minimal WordPress Themes」

国内でも数多く利用されているWordpress。様々なテーマがリリースされていますが、クオリティが高くてもブログのテーマに合わなかったり、作りこまれていてもデザイン感がブログのテーマに合わなかったりと、数多くリリースされていますが、自分にぴったりなテーマをさがすというのはムズカシイと思います。今日紹介するのは汎用性が高く、きれいなシンプルなデザインのwordpressテーマをまとめたエントリー「10 Best Free Minimal WordPress Themes」。

simpletheme01
Modern Clix

全部で10のテーマがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:21  |  
Category: WordPress   
2008年07月04日

画像の一部を拡大してくれるjavascript「shiftzoom.js」

画像ビューワーのように画像を拡大して表示するという機能をjavascriptで実現しているのが今回紹介する「shiftzoom.js」です。下記のよう現在拡大されているのが全体の何処の部分なのか、表示することも可能です。

上記の拡大して見せると言う基本動作の他に様々なオプションが用意されていて、画像をフェードさせたり、ズームのタイミングを指定できたりと細かいところまで配慮されていますので、画像をメインに扱うサイトでは重宝しそうなスクリプトです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2010年01月02日

オンラインで使えるマルチメディア編集ツール色々「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」

お正月と言う事で、様々なイベントが各地で開催され思い出が沢山と言う方も多いかと思います。今日紹介するのは撮りためた、写真、動画、音声等を簡単に加工してくれるオンラインツールを集めたエントリー「30+ Free Online Multimedia (Photo, Audio, Video) Editors 」を紹介したいと思います。

mulkteditor01

そのままでも良いけれど、編集する事で、より魅力的に見せてくれます。今回紹介するツールはすべてオンラインツールということで、インストールなどの手間は必要なく、インターネットが利用できる環境であれば、簡単に利用できます。いくつか紹介されていますが、今回はそのなかからきになるものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:41  |  
Category: WebService   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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