MIGI PLANNING » 背景等 http://m-pl.jp Just another WordPress weblog Thu, 17 May 2012 09:19:57 +0000 ja hourly 1 http://wordpress.org/?v=3.3.2 WEBサイトで利用しやすいシンプルなパターンを集めたポータルサイト「SubtlePatterns」 http://m-pl.jp/2012/04/10/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a7%e5%88%a9%e7%94%a8%e3%81%97%e3%82%84%e3%81%99%e3%81%84%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%92%e9%9b%86/ http://m-pl.jp/2012/04/10/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a7%e5%88%a9%e7%94%a8%e3%81%97%e3%82%84%e3%81%99%e3%81%84%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%92%e9%9b%86/#comments Tue, 10 Apr 2012 07:36:30 +0000 migi http://m-pl.jp/?p=823 http://design-develop.net/web/subtlepatterns.html

 

テクスチャなどの素材を程よく利用することは、クオリティの高さを感じさせるWEBデザイン制作に役立ちます。そこで今回紹介するのが、シンプルなパターン素材を集めたポータルサイト「SubtlePatterns」です。

シンプルでさまざまなデザインに利用しやすいパターン素材が、豊富にラインナップされています。

詳しくは以下

絶妙なニュアンスをつけられるパターン素材が200種類以上のそろっており、サイト上で背景に使用した場合の雰囲気をプレビュー確認することもでき ます。ダウンロードできる素材のサイズは、正方形のPNGデータになっているので、Fireworksのテクスチャフォルダに入れておけば、デザイン制作 作業時にも手軽に利用できるというのが嬉しいですね。

テクスチャ制作の参考に利用するのはもちろん、既存のテクスチャ素材だけでは物足りなさを感じている方におすすめのサイトとなっていますので、気になる方は、是非下記原文をチェックしてみてください。

Subtle Patterns | Free textures for your next web project

]]> http://m-pl.jp/2012/04/10/web%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a7%e5%88%a9%e7%94%a8%e3%81%97%e3%82%84%e3%81%99%e3%81%84%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%92%e9%9b%86/feed/ 0 ピンク色のデザインパターンまとめ「A Collection of 130 Pretty Pink Patterns」 http://m-pl.jp/2012/04/10/%e3%83%94%e3%83%b3%e3%82%af%e8%89%b2%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8ca-collection-of-130-pretty-pink-patterns/ http://m-pl.jp/2012/04/10/%e3%83%94%e3%83%b3%e3%82%af%e8%89%b2%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8ca-collection-of-130-pretty-pink-patterns/#comments Tue, 10 Apr 2012 07:35:22 +0000 migi http://m-pl.jp/?p=821 http://design-develop.net/design/a-collection-of-130-pretty-pink-patterns.html

 

デザイン制作時に非常に重宝するパターン素材はいくつあっても嬉しいもの。常に気に入ったものをストックしている方も多いのではないでしょうか？そ んな中今回は、ピンク色のパターンを厳選しまとめた「A Collection of 130 Pretty Pink Patterns」を紹介したいと思います。


（Pattern / pink ribbon weave :: COLOURlovers）

シンプルで使い勝手の良いタイプや、模様に特徴があるタイプまで、幅広いバリエーション展開が魅力です。中でも気になったものをいくつかピックアップしましたので、下記よりご覧下さい。

 

■Pattern / pink s2 :: COLOURlovers
スパンコールが散りばめられたようなキラキラした質感が特徴。グラデーションも綺麗で素敵ですね。

■Baby Pink Pastel Tileable by ~WebTreatsETC on deviantART
猫柄、太陽などポップなテイストのデザインが、ピンクというカラーによってさらにかわいらしく引き立てられています。子供向けのデザインに最適。

■Pink Grungy Circles | Pattern8
バブルのようなリング状の模様が散りばめられた個性的なパターンです。パターンを上手く生かしたデザインに是非。

“可愛い””、”女の子らしい”といった印象が強いピンクというカラーですが、デザインされている柄やピンクの色合いによっても印象がガラリと変わりま す。デザインに合わせて、使い分けてみてはいかがでしょうか？他にも気になるパターンが多数紹介されていましたので、気になる方は下記よりご覧下さい。

A Collection of 130 Pretty Pink Patterns

]]> http://m-pl.jp/2012/04/10/%e3%83%94%e3%83%b3%e3%82%af%e8%89%b2%e3%81%ae%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8ca-collection-of-130-pretty-pink-patterns/feed/ 0 木の質感をデザインに 木目テクスチャまとめ「25 Awesome Wooden Textures」 http://m-pl.jp/2011/07/30/%e6%9c%a8%e3%81%ae%e8%b3%aa%e6%84%9f%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab-%e6%9c%a8%e7%9b%ae%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c25-awesome/ http://m-pl.jp/2011/07/30/%e6%9c%a8%e3%81%ae%e8%b3%aa%e6%84%9f%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab-%e6%9c%a8%e7%9b%ae%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c25-awesome/#comments Fri, 29 Jul 2011 23:31:05 +0000 migi http://m-pl.jp/?p=676 http://design-develop.net/design/25-awesome-wooden-textures.html

 

デザイン制作に欠かすことができないテクスチャ素材。テーマやテイストに合わせて加工を施せば、いろいろな使い方ができるのも魅力の一つです。そんな中今回紹介するのは、定番として活用されることも多い木目テクスチャまとめ「25 Awesome Wooden Textures」です。


（Ply Wood Texture Stock by ~celticstrm-stock on deviantART）

背景素材としてそのまま利用できそうなものや、加工などを施すことで用途が広がりそうなタイプまで、さまざまなバリエーションが展開されています。その中からいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

■Free Wooden Textures
木のリアルな質感が特徴のテクスチャセット。素材感を活かしたデザインに是非。

■Wood Textures Set-2 by *Folksnet on deviantART
色のバリエーションが豊富なのが嬉しいですね。デザインにも展開しやすいのでは。

■Wooden Weave 2 by ~AurialStock on deviantART
素材に木を使用し編みこんだ表面をテクスチャ素材として利用しています。背景素材よりも、パーツ用として使用すると味のあるデザインを制作することができそうです。

いつも利用している木目素材にはない、個性的なものもたくさんあったと思います。デザインの幅も広がりそうですね。今回紹介したもの以外にも豊富に紹介されていますので、気になる方は下記リンクよりチェックしてみてください。

25 Ready To Use Wooden Textures

]]> http://m-pl.jp/2011/07/30/%e6%9c%a8%e3%81%ae%e8%b3%aa%e6%84%9f%e3%82%92%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ab-%e6%9c%a8%e7%9b%ae%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3%e3%81%be%e3%81%a8%e3%82%81%e3%80%8c25-awesome/feed/ 0 豊富なバリエーションが魅力「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」 http://m-pl.jp/2011/01/20/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e9%ad%85%e5%8a%9b%e3%80%8c100-beautiful-apple-mac-os-x-leopard-wallpapers%e3%80%8d/ http://m-pl.jp/2011/01/20/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e9%ad%85%e5%8a%9b%e3%80%8c100-beautiful-apple-mac-os-x-leopard-wallpapers%e3%80%8d/#comments Thu, 20 Jan 2011 00:07:32 +0000 migi http://m-pl.jp/?p=553 http://design-develop.net/design/100-beautiful-apple-mac-os-x-leopard-wallpapers.html

Appleの「Mac OS X Leopard」を使用されている方には特におすすめのサイト、「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」を今回は紹介したいと思います。


（Apple Metal by ~Fi2-Shift on deviantART）

Mac OS X Leopardのデスクトップ壁紙集で、おなじみのリンゴのモチーフをテーマに、アーティスティックな作品が数多く紹介されています。気になったものをいくつかピックアップしてみました。以下よりご覧ください。

詳しくは以下

■Apple Wallpaper by ~flashrevolution on deviantART
グラフィカルなデザインが魅力。深い色味の中にあるマークの存在感に惹かれますね。

■The Big Apple by ~maxwood on deviantART
カラフルな色合いが特徴の、マークを木目の中に刻み込んだデザイン。

■All sizes | apples, apples | Flickr ? Photo Sharing!
リンゴのマークを、たくさんのリンゴで型どっています。アイデアが生かされた作品です。

基本的には中央にリンゴのマークというタイプが多いのですが、中には大胆にマークを使ったデザインも。ギャラリーとして見ているだけでも、バリエーションの豊富さに目を奪われてしまいます。いつものデスクトップを、気持新たに一新したい時には是非参考にしてみたいですね。

100+ Beautiful Apple (Mac OS X Leopard) Wallpapers

]]> http://m-pl.jp/2011/01/20/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e9%ad%85%e5%8a%9b%e3%80%8c100-beautiful-apple-mac-os-x-leopard-wallpapers%e3%80%8d/feed/ 0 豊富なバリエーションのパターン素材をまとめた「50 of the Best Seamless Pattern Sets」 http://m-pl.jp/2011/01/07/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e7%b4%a0%e6%9d%90%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%9f/ http://m-pl.jp/2011/01/07/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e7%b4%a0%e6%9d%90%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%9f/#comments Thu, 06 Jan 2011 23:41:23 +0000 migi http://m-pl.jp/?p=547 http://design-develop.net/design/50-of-the-best-seamless-pattern-sets.html

デザインの背景やパーツ素材として活躍してくれるパターンにはさまざまな種類が存在していますが、今回は豊富なバリエーションのパターン素材をまとめた「50 of the Best Seamless Pattern Sets」を紹介したいと思います。


（Tiles Pattern | Free Illustrator Downloads）

色々なテイストで活用できるパターン素材が50種類収録されており、見ているだけもその種類の豊富さに納得できるまとめとなっています。気になったものをいくつかまとめてみましたので、下記よりご覧ください。

詳しくは以下

■Textured Stripes- 6 patterns by *aeiryn on deviantART
定番のストライプ柄パターン集。紙素材に印刷したかのようなアナログ感のある質感がポイントです。

■Japanese style pattern by ~gimei on deviantART
日本の伝統を感じさせる「和風ぱたあん」。カラーバージョンとシンプルバージョンの2種類展開されています。種類も豊富です。

■Patterns .34 by ~crazykira-resources on deviantART
格子状やライン上のノートを思わせる背景。活用頻度が高そうですね。

定番の物から個性的な物まで、知っておくと便利なテクスチャばかり。デザイン制作の際に是非役立ててみたいですね。他にもたくさん紹介されていますので、気になった方は下記よりどうぞ。

50 of the Best Seamless Pattern Sets ? Updated | Speckyboy Design Magazine

]]> http://m-pl.jp/2011/01/07/%e8%b1%8a%e5%af%8c%e3%81%aa%e3%83%90%e3%83%aa%e3%82%a8%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e7%b4%a0%e6%9d%90%e3%82%92%e3%81%be%e3%81%a8%e3%82%81%e3%81%9f/feed/ 0 制作に便利なphotoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」 http://m-pl.jp/2010/08/02/%e5%88%b6%e4%bd%9c%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aaphotoshop%e3%80%81illustrator%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e9%9b%86%e3%80%8c50-tileable-and-seamless-pattern-sets-500-patterns%e3%80%8d/ http://m-pl.jp/2010/08/02/%e5%88%b6%e4%bd%9c%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aaphotoshop%e3%80%81illustrator%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e9%9b%86%e3%80%8c50-tileable-and-seamless-pattern-sets-500-patterns%e3%80%8d/#comments Sun, 01 Aug 2010 23:38:01 +0000 migi http://m-pl.jp/?p=452 http://design-develop.net/design/50-tileable-and-seamless-pattern.html

特定の絵柄を敷き詰めていくことができるパターン。デザインを作りこんでいく上で、簡単に質感を高めたりディテールを高めたりすることができます。今日紹介するのは制作に便利な、photoshop、illustratorパターン集「50 Tileable and Seamless Pattern Sets (500+ Patterns)」というエントリー。


Seamless Paper Patterns ? 6 Patterns (Photoshop & JPG)

photoshop、illustratorと制作には欠かせないソフトで利用出来るパターンが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

■Monochrome Geometric Patterns ? 100 Patterns (.ai)
ベクターデータで使える、グラフィックパターン。様々な図形のグラフィックがあつめられています。

■Halftone ? 52 Patterns (.ai)
様々なハーフトーンを実現できる、イラストレーター用のパターンセット。

■Handmade Paper ? 7 Patterns (.pat & .jpg)
質感のある色とりどりの紙を再現できるパターンセット。

上記の他にも様々なパターンが公開されていて、リンクにはどの形式でダウンロードできるかが明記されていますので、ダウンロードするまえに制作環境と照らし合わせることができます。シームレスに利用できますので、グラフィックだけに限らず、WEBのデザインも利用できそうです。もう少し質感を高めたい、クオリティを上げたいという方は是非どうぞ。

50 Tileable and Seamless Pattern Sets (500+ Patterns)

]]> http://m-pl.jp/2010/08/02/%e5%88%b6%e4%bd%9c%e3%81%ab%e4%be%bf%e5%88%a9%e3%81%aaphotoshop%e3%80%81illustrator%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e9%9b%86%e3%80%8c50-tileable-and-seamless-pattern-sets-500-patterns%e3%80%8d/feed/ 0 商用可！質感演出に使えるソフトグランジフリーテクスチャ「Light Grunge 」 http://m-pl.jp/2009/10/08/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e8%b3%aa%e6%84%9f%e6%bc%94%e5%87%ba%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e3%82%bd%e3%83%95%e3%83%88%e3%82%b0%e3%83%a9%e3%83%b3%e3%82%b8%e3%83%95%e3%83%aa%e3%83%bc/ http://m-pl.jp/2009/10/08/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e8%b3%aa%e6%84%9f%e6%bc%94%e5%87%ba%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e3%82%bd%e3%83%95%e3%83%88%e3%82%b0%e3%83%a9%e3%83%b3%e3%82%b8%e3%83%95%e3%83%aa%e3%83%bc/#comments Thu, 08 Oct 2009 02:35:59 +0000 migi http://m-pl.jp/?p=224 http://www.bittbox.com/freebies/free-texture-tuesday-light-grunge-ii

http://design-develop.net/design/light-grunge.html

]]> http://m-pl.jp/2009/10/08/%e5%95%86%e7%94%a8%e5%8f%af%ef%bc%81%e8%b3%aa%e6%84%9f%e6%bc%94%e5%87%ba%e3%81%ab%e4%bd%bf%e3%81%88%e3%82%8b%e3%82%bd%e3%83%95%e3%83%88%e3%82%b0%e3%83%a9%e3%83%b3%e3%82%b8%e3%83%95%e3%83%aa%e3%83%bc/feed/ 0