TOP  >  マテリアルデザイン

Tag : マテリアルデザイン

2017年04月19日

マテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」

フラットデザインの弱点を解決すべくうまれたマテリアルデザイン。デバイスをまたいだシームレスな使い心地が特徴で、平面に質量と触覚を生み出し、ユーザーに沿うものへと進化しました。今回はそんなマテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」を紹介したいと思います。

material01
Teslata — Free WordPress Themes

マテリアルデザインのベーシックな構造とデザイン性を反映させたワードプレステーマが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

マテリアルデザインのためのカラーツールまとめ「9 Useful Tools for Creating Material Design Color Palettes」

スマートフォンのWEBサイトデザインをはじめ、マテリアルデザインを導入するWEBサイトが増えてきました。マテリアルデザインとはZ軸の概念を取り入れ、WEBページ上の要素の重なりを現実世界に近い形で表わすもので、要素同士が重なるため、それだけに配色も重要になってきます。今日紹介するのはマテリアルデザインのためのカラーツールまとめたエントリー「9 Useful Tools for Creating Material Design Color Palettes」です。

0573-01-material-palette
material palette

いくつかのカラーツールがまとめれられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2012年04月06日

WEBサイトで利用しやすいシンプルなパターンを集めたポータルサイト「SubtlePatterns」

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

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

詳しくは以下

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

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

Subtle Patterns | Free textures for your next web project

続きを読む
posted 11:11  |  
Category: WebService   
2014年09月17日

UIやフォントなどのフリー素材を集めた「40 Free Resources For Web Designers」

いくつ持っていても便利に活用できるフリー素材は、できるだけ多くストックしておきたいもの。今回はそんなストック用に是非参考にしたい、UIやフォントなどのフリー素材を集めた「40 Free Resources For Web Designers」を紹介したいと思います。

free0918_1
Dribbble – Simple Photo And Video Icon Set by Graphics Bay Team

さまざまな種類のフリー素材がピックアップされており、いろいろなデザインシーンで活用することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:55  |  
Category: Design   
2011年10月11日

飛び散る絵の具の質感を表現できるPhotoshopブラシ集「300 Awesome Paint Splatter Brushes」

デザインのアクセントや装飾用など、さまざまなシーンで利用できるブラシ表現は、手軽にリアルな質感表現が可能になり非常に重宝されます。そんな中今回紹介するのは、飛び散る絵の具を表現できるPhotoshopブラシを集めた「300 Awesome Paint Splatter Brushes」です。


11 Large Splatter Brushes by ~Manisma on deviantART

300点という豊富な種類のブラシがセットになって紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

20 Splatter Brushes
さまざまな種類の表現が楽しめる墨のブラシセットです。20ものブラシがセットになっているので、多彩なシーンで利用することができますね。


 
 
 
 
 
Blood Splatter Pack by *nathradas on deviantART
血が飛び散ったような表現のブラシです。Hiphop、アンダーグラウンド、ホラー、サスペンスなど、ダークな印象を与えたいデザインにぴったり。


 
 
 
 
 
Splatter Star Brushes by ~UrikaRox on deviantART
宇宙や異空間のような神秘的なデザイン制作に利用してみてはいかがでしょうか?


 
 
テクスチャを利用するだけではなく、このようなアナログ感のあるブラシを利用することで、更にデザインに奥行きを感じさせることができるのではないでしょうか?他にもたくさんのブラシが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

300+ Best Paint Splatter Brushes

続きを読む
posted 06:08  |  
Category: Photoshop   
2015年12月24日

2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」

2015年ももうすぐ終わりに差し掛かっているということもあり、まとめ系サイトでは1年のまとめ記事がアップされています。その中で今回は、2015年に紹介されたベストアイコン50がまとめられた「Top 50 Free Icon Sets from 2015」を紹介したいと思います。

icon1223_3
Dribbble – Free vector icons: Retro Volume 1 by Frexy

ベストな50選ということもあり、非常に多彩な種類のアイコンがラインナップされています。中からいくつか気になったものをピックアップしましたので下記より御覧ください。

詳しくは以下

(続きを読む…)

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

フリーで使えるミニマムアイコンセット「14 Free Mobile Application Development Icon Sets」

様々な事柄をシンプルな絵で表してくれるアイコン。WEB制作やアプリケーションのインターフェイスにはとても便利に使えます。今日紹介するのはフリーで使えるシンプルなアイコンセットを集めた「14 Free Mobile Application Development Icon Sets」を紹介したいと思います。

mobiledevelopericonset_01
Free iPhone Toolbar Icons (PixelPressIcons)

原文ではモバイルアプリケーション開発のためのとなっていますが、十分普段のWEB制作にも使えそうなフリーアイコン集だと思います。いくつかまとめられていますが、今日はその中からいくつか気になったモノを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Design , vector , WebDesign   
2010年01月18日

WEBデザインで使えるAdobe AIRアプリ45選「45+ Useful Air Applications for Web Design and Development Freelancers」

Adobeが展開しているリッチインターネットアプリケーションAIR。様々なジャンルで、利用されていますが、今日紹介するのはWEBデザインに役に立つAIRアプリを集めたエントリー「45+ Useful Air Applications for Web Design and Development Freelancers」です。

websnapshot01
Web Snapshot

サイズを測ったり、アイコンを制作したり、データベースをいじったりと、WEB制作や開発にちょっと便利な機能を持ったAIRアプリケーションが多々集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:13  |  
Category: Tool , WebDesign   
2015年12月02日

UIやモックアップなどデザイナーがチェックしておきたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」

インターネット上では日々新しい素材が追加され続けており、その膨大な量に一体どれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」を紹介したいと思います。

resources0
SEO Icons – EpicPxls freebie

UIやモックアップなどデザイナーがチェックしておきたい素材が多数まとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

IE6利用停止推進プロジェクト。IE6をやめて新しいブラウザを使おう「IE6 No More!」

IE6に苦しめられている、もしくは苦しめられたと言うWEBデザイナーさんは国内だけには留まらず、世界中に存在するかと思いますが、今日紹介するのはIE6の利用をもういい加減にやめようと訴えかけ、推進するプロジェクト「IE6 No More!」です。

ienomore01

2001年に公開されたのにも関わらず、現在でもかなり多くの人が現在も使っており、IE6に対しての費やす時間はWEBデザイナーの生産性を制限しているとの思いからスタートしたそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:02  |  
Category: WebDesign   
tag: webdesign
2008年05月13日

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

WEBショップ運営者の方へ最適フリークレジットカードアイコン「Free Credit Card Icons」

現実世界でもWEBでも決済手段として普及しているクレジットカード。特にWEBでは現実世界以上に、クレジットカード決済できるかどうかを分かりやすくユーザーに示すことが必要かと思います。今回紹介する「Free Credit Card Icons」はクレジットカードのアイコンをフリーでダウンロードすることが可能です。

VISA、MasterCard、American Expressなど日本でもお馴染みのクレジットカード会社のアイコンが配布されていますので「Free Credit Card Icons」自体は海外のサイトのコンテンツですが、国内でも十分に使えるかと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:04  |  
Category: Design   
tag: Design
2010年06月08日

これからの季節に必携!Tシャツモックアップテンプレート集「Complete Collection of Blank T-Shirt Mockup Templates」

かなり暑くなってきて、これから梅雨が明けると夏本番。Tシャツが大活躍する季節ですが、デザイナーなら、Tシャツを作ってくれと頼まれたり。自作したりコンペに出したりとそんなTシャツがらみのクリエイティブも増えてくるのではないでしょうか?今日紹介するのはTシャツをデザインするときに便利なTシャツモックアップテンプレートを集めたエントリー「Complete Collection of Blank T-Shirt Mockup Templates」です。

tshirt_template_01
Hi-Res Blank White T-Shirt Template (.jpg)

上記のような無地のデザインのベースになるようなテンプレートが多数まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design , Photoshop , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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