TOP  >  Desgin

Tag : Desgin

2011年03月27日

スタイリッシュなモーショングラフィックまとめ「17 Motion Graphic Animations sure to Inspire」

現実にはないことを強いインパクトで表現するモーショングラフィック、グラフィックデザインを活かしたCM制作など、映像表現になくてはならないものとなっています。パソコン性能の向上とともにモーショングラフィック技術も日々進化し続けており、表現力の豊かさに魅了される方も多いのではないでしょうか?そこで今回紹介するのは、空間を上手く利用したスタイリッシュなモーショングラフィックまとめ「17 Motion Graphic Animations sure to Inspire」です。


Inlingua

表現力の高いモーショングラフィックが多数集められており、企画の参考にもなりそうなまとめとなっています。

詳しくは以下

(続きを読む…)

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

木のテクスチャを使用したパーツデザインのチュートリアル集「Common Elements Used in Wooden UI Design」

木テクスチャを用いたデザイン展開は、どことなく優しさを感じられることが多く、多方面で利用されていますが、木と何を組み合わせるかで与える印象も少しずつ変わってくると思います。そこで今回紹介するのは、木のテクスチャを使用したパーツデザインのチュートリアル集「Common Elements Used in Wooden UI Design」です。

豊富な実例を元に解説されているので、イメージがつきやすくデザインの参考にしやすいサイトとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年02月25日

レンガのテクスチャ素材を集めた「36 Collections of Free Wall Brick Textures」

デザインに質感を出したいのに、何か物足りない・・と感じている時になどにも最適な、レンガのテクスチャセット「36 Collections of Free Wall Brick Textures」を今回は紹介したいと思います。


(http://www.imageabstraction.com/gallery/pic.php?id=29)

シンプルなものから、長い時を経て味のある雰囲気を醸し出しているものなど、さまざまな種類のレンガテクスチャが紹介されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

Free Texture – brick, grunge, paint, peeling, spray, wall
ペンキでペンディングが施されたレンガ。鮮やかな色合いが特徴です。

Free Texture – algae, brick, concrete, grunge, moss, wall
苔が生え、グリーンに覆われたレンガ。強いコントラストの色合いなどが生きた、とても美しいテクスチャですね。

Free brick wall texture pack | High Resolution Textures
シンプルなレンガのテクスチャセット。定番として利用できそうです。

背景素材として、デザインのパーツ制作の一部として、いろんなシーンで活躍してくれそうですね。種類が豊富などの嬉しい。気になる方は下記リンクにてこの他にもたくさん紹介されていますので、チェックしてみてください。

36 Collections of Free Wall Brick Textures | Naldz Graphics

続きを読む
posted 11:31  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年02月12日

デザイン性に優れたワインラベルのデザイン集「50 Exquisite Wine Label Design Samples」

豊富な種類が展開されるワイン、それぞれの個性を表現しているかのように、ラベルのデザインも様々です。そこで今回紹介するのは、デザイン性に優れたワインラベルのデザイン集「50 Exquisite Wine Label Design Samples」です。

ボトル自体は通常のタイプがほとんどですが、ラベルに注目して見てみるととてもクリエイティブ要素の高いものが数多くリリースされているのが分かります。紹介されている物の中からいくつか気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:16  |  
Category: Design   
このエントリーをはてなブックマークに追加
2010年10月13日

シンプルなwebデザイン実例集「40 Fresh Examples of Minimal Web Design」

WEBデザインにもさまざまなテイストがありますが、今回はシンプルなwebデザインを集めた実例集「40 Fresh Examples of Minimal Web Design」を紹介したいと思います。


hauser lacour

要素が少ない分、意外に頭悩ませることも多いであろうシンプルさをテーマにしたWEBデザインが多数収録されています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:59  |  
Category: Design   
このエントリーをはてなブックマークに追加
2010年08月27日

クオリティの高いフリー手書きフォント集「20+ Most Amazing Free Handwritten Fonts for Web designers」

手書きのフォントは程良いアナログ感と柔らかさを与えてくれるフォントで、さまざまなデザインに利用できます。今日紹介するのはクオリティの高いフリー手書きフォントを集めたエントリー「20+ Most Amazing Free Handwritten Fonts for Web designers」。


Angelina

手描きなので、どの文字がキレイと思うのかは好みが分かれるところだと思いますが、手描きの欧文フォントが全部で20個紹介されています。

詳しくは以下

(続きを読む…)

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

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

2013年05月03日

webデザイン制作に是非利用したい フリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」

webサイトを制作する際に、アイコンやボタン、スクロールバーなどさまざまな素材を使用すると思いますが、デフォルトの素材やいつも使っている処理・素材ではどうしても味気なくなってしまうもの。そんな時に是非利用したい、高いクオリティのフリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」を今回は紹介したいと思います。


Free psd web elements for download

新たに定番として導入できるシンプルなタイプや、デザインにポイントを加えたい個性を持ったタイプなどを集めた、20種のpsd素材が収録されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:27  |  
Category: Design   
2008年11月27日

230本収録!マーカーのベクターデータ集「230 Marker Illustrator Brushes」

以前Designdevelopの「商用化!106+105の水彩イラストレーターブラシ「Delicious Water Color Illustrator Brushes」」という記事で、水彩のイラストレーターブラシを紹介しましたが、今日紹介する「230 Marker Illustrator Brushes」はマーカーを再現したイラストレーターブラシを230本収録したイラストレーターのブラシセットです。

様々なマーカーが準備されていますので、かなりコアなブラシかも知れませんが、探していた人にとってはこの上無いものだと思います。サンプルを下記に貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:48  |  
Category: Design , vector   
tag: Design vector
2007年12月03日

アスタリスクで隠されたパスワードを確認するJavascript

ブラウザが発展してきて、パスワードを記録しておけば何か起きなければ、ログインの手間はかなり省かれるようになりました。あまりにそれに頼りすぎてパスワードフォームには「********」という形で入力されているものの長い間使っていないとパスワードを忘れてしまったり、大元のパスワード通知を紛失したりしてパスワードを消失してしまう事がたまにあります。

passwordjava.jpg

今回紹介するのは「*******」とアスタリスクになっているパスワードを確認するJavascriptです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:24  |  
Category: Tool   
2009年04月10日

植物や山、雪の結晶など自然系のフリーphotoshopブラシ集「600+ Nature Brushes for Photoshop」

デザインする上でグラフィックのモチーフや要素として自然界のものを使うなんて事も多いのではないでしょうか?今日紹介するのは簡単に自然の一部をデザインに反映できるフリーのphotoshopブラシを集めたエントリー「600+ Nature Brushes for Photoshop」です。

naturalbrashis01
Complete Tree Brush Pack

定番の植物から、水の流れ落ちる様を表現したブラシ、立体的な山などなど様々な自然系のブラシが紹介されています。今日はその中から特に気になったphotoshopブラシをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:54  |  
Category: Design , Photoshop   
2012年12月07日

サイト制作にそのまま使える!デザイン性の高いWordPressテーマまとめ「26 New Freebie WordPress Themes Released in 2012」

個人でWEBサイトを制作する方も増えていますが、専用のデザインソフトがなく、なかなか思い通りのサイトを作れないとお悩みの方も多いのではないでしょうか?そんな中今回紹介するのが、サイト制作にそのまま使える、デザイン性の高いWordPressテーマをまとめた「26 New Freebie WordPress Themes Released in 2012」です。


Classic Photography Theme for WordPress | Vandelay Design Blog

シンプルなテーマから個性を表現できるテーマまで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:56  |  
Category: WordPress   
2010年04月13日

美しいスクリプトフォントを集めた「20 Beautiful Script Fonts for Your Designs」

筆記体のようなスクリプトフォント。手書き風だったり若干のアナログ感を出したりと様々なデザインに使えそうですが、今回紹介するのは美しいスクリプトフォントを集めたエントリー「20 Beautiful Script Fonts for Your Designs」を紹介したと思います。

script_fonts_01
Angel Tears

スクリプトフォントといっても細身で洗練されたものから少しPOPなものまで様々なです。今日はその中から気になったフォントをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: Design , Font   
tag: Design Font
2007年11月13日

WordPressに投稿できるWidget「WordPressDash」

ブログの使い方にもよると思いますが、記事を頻繁に書く人はブラウザで管理画面にログインして投稿という手順が面倒だなと思うことがあるかと思います。今回紹介するWidget「WordPressDash」はそんな面倒な一連の動きを省いてくれるMac OSX Widgetです。

WordPressに投稿できるWidget「WordPressDash」

インストール後画面右上の「i」マークを押して設定します。XML-RPC:URLとユーザー名とパスワードを入力し「Done」のボタンを押せば設定完了上記のように「WordPressDash」の下にブログ名表示されれば成功です。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:42  |  
Category: Tool , WordPress   
2009年02月20日

光沢感のあるボタンの素材集「Glossy Buttons」

WEB上で最もポピュラーなインターフェイスのうちの一つボタン。様々なデザインでどんなサイトにでも大概使われていますが、今日紹介する「Glossy Buttons」はそんなボタンのなかでも光沢感のあるボタンの台の部分集めた素材集です。

glossy-buttons01

上記のように様々な種類のボタンが全部で20個収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop   
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2012年05月17日

さまざまなシーンに対応できるテクスチャパックまとめ「45+ Free Texture Packs」

デザイン制作の現場に欠かせないテクスチャは、微妙なニュアンスの違いによってデザインの雰囲気が大きく変わるもの。そこで今回紹介するのが、さまざまなシーンに対応できるテクスチャパックをまとめた「45+ Free Texture Packs」です。


Free Totally Rusty Metal Textures | All Things Illustration and Design Resources – SDWHaven

シンプルな紙素材から個性溢れる素材まで、さまざまなテクスチャパックが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:08  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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