TOP  >  download

Tag : download

2011年03月10日

ユーモアのセンスが光るアイコンセット「ICOTRIP」

今や、webデザインの制作に欠かせないアイコン。ユーザーインターフェースを良くするための必須アイテムにもなっています。web上では様々なアイコンが公開されており、このサイトでもたくさん紹介してきましたが、今回紹介するのは、白背景に黒一色というユーモアたっぷりのアイコンセット「ICOTRIP」です。

通常のアイコンとは一線を画す、ユニークなテーマのアイコンセット。用途は限られるかもしれませんが、アイコンの新たな使い方を発見させてくれます。

詳しくは以下

(さらに…)

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

アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」

紙素材特有のアンティークな質感は、photoshopなどのソフトだけで出すことは難しく、しばしばアナログ的な作業で作られているのではないでしょうか?そんな中今回紹介するのは、アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」です。


Memories Textures

オーソドックスな質感の紙から、かなり年季の入った状態やデザイン感を感じるテクスチャまで、あったらいいなと思う素材が満載。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

デザインにすぐに使える photoshopブラシまとめ「Best Photoshop Brushes for February 2011: 18 Free Sets」

デザイン力を更に高くするために重宝するphotoshopブラシ。使い方次第で、デザインに奥行きを足すことができるので、グラフィカルな表現を強めたいときに特に役立ちます。そんな中今回紹介するのは、デザインにすぐに使えるphotoshopブラシまとめ「Best Photoshop Brushes for February 2011: 18 Free Sets」です。


Sparkly Heart Frames – Photoshop Brushes – BrushLovers.com

可愛さ溢れる女性らしいブラシタイプから手書き風のタイプまで、ユニークなphotoshopブラシが収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

背景素材としても使い易いテクスチャ集「300+ Free Textures from 10 Ravens」

加工の仕方次第で、オリジナルデザインになるテクスチャ素材は、デザインに奥行きを出す為に最適な素材。そんなテクスチャや、そのまま背景としても利用できそうな、質の高いテクスチャセット「300+ Free Textures from 10 Ravens」を今回は紹介したいと思います。

オーソドックスな地面やレンガから年期の感じられる壁、建物を正面から捉えた写真などさまざまな素材が300点も紹介されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
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月21日

デザイン制作の定番 キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」

デザインを制作する際に、素材感をプラスしたい時やクオリティを高めたいと時などよく利用するテクスチャ。さまざまな種類が展開されており、日々活用されているという方も多いかと思います。そんな中今回紹介するのは、デザイン制作の定番素材とも言える、キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」です。

キャンバスの質感を存分に感じさせてくれる、シンプルなタイプのテクスチャ。さまざまなデザインへのアレンジが可能なこともあり、かなり活用できるテクスチャセットではないでしょうか。

詳しくは以下

(さらに…)

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

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

2012年03月04日

クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」

限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slideshows and Image Effects」。


Sliding Image Panels with CSS3

文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Fullscreen Background Image Slideshow with CSS3
フルスクリーンで展開するスライドショー。文字などのエフェクトがCSS3っぽいです。


 
 
 
 
 
CSS3 Lightbox
シャドウやフェードなど細かい部分にまでこだわったライトボックス。CSS3で処理されています。


 
 
 
 
 
CSS3 Loading Animation Loop 2 Set
CSS3で作られたローディングアニメーション。よく見るサークルなどではなくて独特の動きがクリエイティブ感を与えてくれます。

css3-loading-animation-loop-2-set
 
 
上記の他にも沢山のCSS3テクニックが公開されています。HTML5とCSS3で、なにか面白いものをと企んでいるWEBデザイナーの方は是非原文もご覧ください。

CSS3-Only Tutorials and Techniques for Your Next Design

続きを読む
posted 05:41  |  
Category: WebDesign   
2011年09月29日

ポートフォリオ制作のアイデアソースとなる「20 Awing Portfolio Websites」

デザインや開発を行っている方にとって、作品をまとめたポートフォリオは、自分の技術やデザイン力を知ってもらう重要な手段です。そこで今回は、ポートフォリオ制作に役立つデザインやアイデアに優れたポートフォリオサイトを集めた「20 Awing Portfolio Websites」を紹介したいと思います。


Sam Dallyn – Art Direction/Design

さまざまなクリエイターが見せ方にこだわって制作したサイトが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年03月11日

多彩なブラシの質感表現を可能にした「25 Free Photoshop Paint Brush Sets」

絵の具を塗ったようなアナログ感溢れる質感は、実際に手で描いた方がリアルな表情を演出できますが、作業を早く進めたい時の素材作りとしては少々時間がかかってしまうというデメリットも。そんな時に便利に役立つブラシセット「25 Free Photoshop Paint Brush Sets」を今回は紹介したいと思います。

このまとめを参考にすれば、多彩なペイント表現を手にすることができます。気になるブラシをピックアップしてみましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 12:51  |  
Category: Design , Photoshop   
2011年09月16日

デザイン性の高いシームレス素材集「20 Great Seamless Backgrounds」

さまざまな素材が展開されているパターンやバックグラウンド素材を、デザイン制作に活用しているという方も多いはず。そんな中今回紹介するのは、汎用性の高いシームレスな素材を集めた「20 Great Seamless Backgrounds」です。


Seamless Chromatic Rainbow Patterns | WebTreats ETC

イラストやファブリック・写真素材まで、さまざまなシームレス素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: Design   
2009年03月28日

写真補正の手間を軽減してくれるphtoshopアクション集「30 Photoshop Actions for Touch Ups」

以前Designdevelopで「写真を美しくするphotoshopアクション60選「60 Photoshop Actions for Photo Touch-Ups and Enhancements」」と言う記事で紹介したアクション集のpart2に当たるエントリー「30 Photoshop Actions for Touch Ups」を紹介したいと思います。

actionspact-01
50 Photoshop Postwork Actions

今回もちょっとした手間の部分を簡単にできるアクションが全部で30用意されています。今回も紹介されているアクションの中から気になったアクションをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:20  |  
Category: Design , Photoshop   
2017年11月01日

javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」

普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。

bubble01

様々なバブル背景が簡単な手順で制作することができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:45  |  
Category: WebDesign   
2014年06月07日

クリエイティブなグラフィック制作に利用したい フリーフォントまとめ「13 Latest Free Fonts for Graphic Designers」

デザインのクオリティを高めるためには、クリエイティブなフォントを利用することで叶うことも。今回はそんなクリエイティブなグラフィック制作に利用したいフリーフォントまとめ「13 Latest Free Fonts for Graphic Designers」を紹介したいと思います。

font140607_1
Orlando Typeface on Behance

13種の最新フリーフォントがまとめられており、どれも非常に個性溢れる魅力もったフォントとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2012年08月25日

CSS3の空間的な動きをサンプルソースとともにまとめた「Intro to CSS 3D transforms」

スマートフォンの普及で、HTML5での開発も多くなっており、オブジェクトの制御はjavascriptやCSS3で行なうシーンも増えてきました。今日紹介するのは、CSS3で実現できる空間的な動きをサンプルソースとともにまとめた「Intro to CSS 3D transforms」です。

様々なサンプルソースが公開されており、オブジェクトを変形させるトランスフォームの基礎からそちらを利用したカードがめくれるようなアクションや3Dの立体オブジェクトを空間的に動かすものなど、様々なサンプルが公開されています。今回はその中からいくつか気になったもの紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:21  |  
Category: WebDesign   
2008年04月16日

厳選ベクターデータ素材配布サイト「Top 20 Free Vector Resources for Designers」

制作を行う上で非常に使い勝手が良く希望と合致する物が見つかれば飛躍的に作業効率を上げてくれるベクターデータ。当サイトでもいくつかクター素材やベクター素材配布サイトを紹介してきました。今回紹介する「Top 20 Free Vector Resources for Designers」はそんなベクター素材を配布するサイトをまとめたエントリーになっています。

TOP20と言う形で海外のベクター素材配布サイトがまとめられ、公開されています。よく見かけるサイトもあれば今回初めて見る所もありました。今日はその中からいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:02  |  
Category: Design   
tag: Design vector
2017年07月12日

WordPressの最新フリープラグインまとめ「10 Fresh and Free Plugins for Your WordPress」

WordPressには様々なプラグインがあり、再現したい状況に合わせて、いろいろ試し、使用されている方も多いのではないでしょうか。そんな中今回紹介するのは、WordPressプラグインの中でも最新のものがまとめられた「10 Fresh and Free Plugins for Your WordPress」です。

plugin_top
Contact Form 7 Multi-Step — WordPress Plugins

新しい便利なプラグインがまとめられています。いくつかピックアップいたしましたのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: plugin , WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る