TOP  >  Creative

Tag : Creative

2011年05月14日

バリエーション豊富なフリーPSDアイコンまとめ「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」

webサイト制作を始め、様々なデザインに使用されているアイコン。目で見て瞬時に情報の内容を理解することができる、デザインの重要なアイテムとなっています。しかし、アイコンを1から作成するのは時間がかかってしまう、とお悩みの方も多いのではないでしょうか?そこで今回紹介するのが、デザイン制作にすぐに取り入れることができる、高品質なフリーPSDアイコンをまとめた「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」です。


Radium Icon PSDs by ~gakuseisean on deviantART

どんなデザインにも使いやすいシンプルなアイコンから、一つの情報に特化したアイコンまで、様々なアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

photoshopCS5を駆使した画像加工チュートリアルまとめ「20 Photoshop CS5 Tutorials」

photoshop CA5が発売されてから間もなく一年が経ちますが、新機能をフル活用できていないとお悩みの方も多いのではないでしょうか?そこで今回はphotoshopCS5の機能を駆使したチュートリアルまとめ「20 Photoshop CS5 Tutorials」を紹介したいと思います。


Quick HDR Effect Photoshop CS5 Tutorial

写真加工技術から新たな3D機能まで、さまざまなチュートリアルが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

webサイト制作のアイデアソースとなるポートフォリオサイト30選「30 Portfolios to Inspire You」

自信のこれまでの作品やアートワークを、多くの人に見てもらう為に作成するポートフォリオサイト。作品はもちろん、サイト自体のデザイン性やクリエイティブ性も、センスを問われる重要な要素の一つです。そこで今回は、ポートフォリオサイト制作の参考となりそうなwebサイトまとめ「30 Portfolios to Inspire You」を紹介したいと思います。


Rickard Sund

素材や色使いへの配慮が行き届いたポートフォリオサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」

思い通りのイラストやデザインを作成できるllustratorですが、操作性が難しく、十分に活用できていないとお悩みの方も多いのではないでしょうか?そこで今回紹介するのは、洗練されたベクター画像を簡単に作成できるブラシをまとめた「50 Beautiful Free Adobe Illustrator Vector Brushes」です。


30 Illustrator Pattern Brushes for Making Flowers and Circular Designs | BittBox

テイストの異なるラインブラシから、モチーフとして利用できるブラシまで、様々なブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

スタイリッシュ感を演出できる 細身のフリーフォントまとめ「50 Best Free Thin Fonts」

どんなデザインにも必ずといって良いほど文字は必要になってきますが、フォントの選び方によって、デザインは全く異なる表情を生み出します。そこで今回紹介するのは、スタイリッシュなイメージにぴったりな、細身のフリーフォントをまとめた「50 Best Free Thin Fonts」です。


Code Free Font | Fontfabric™

綺麗に整列されたフォントから、デザイン性の高いフォントまで、様々なフリーフォントが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

高解像度のマーブルの模様の石テクスチャまとめ「30 Free High Quality Marble Textures」

デザインの現場では毎回さまざまなテクスチャを利用すると思いますが、それぞれのデザインにぴったりのテクスチャを探し出すというのは、なかなか時間のかかる作業ではないでしょうか?そんなとき役に立つのが、テクスチャを分類ごとにまとめて紹介してくれているサイトです。今回紹介するのは、マーブルの模様の石テクスチャをまとめた「30 Free High Quality Marble Textures」です。


Marble Texture

はっきりした柄のテクスチャから、淡い優しいテイストのテクスチャまで、さまざまなテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2007年11月19日

HTMLを崩壊させるJavascript「meltdown.js」

今回は少し変わったJavaスクリプト「meltdown.js」を紹介したいと思います。このJavaスクリプトはHTMLを崩して崩壊させてしまうと言うスクリプト。

このスクリプトを使うとページがアニメーションしながらガラガラと崩壊していきます。スクリプトはブックマークレットや特定のURLをアドレスバーに貼付けるだけで作動します。おもしろそうなので実際に試したものをスクリーンキャストで撮ってみました。

動画は以下から

(さらに…)

続きを読む
posted 02:06  |  
Category: WebDesign   
2008年07月12日

透過PNGをIE6で表示させるjavascript「Unit PNG Fix」

GIF画像に変わるライセンス・フリーの画像形式として登場したPNGフォーマット。最大280兆色までカラーが扱え、圧縮率も優れていて、可逆圧縮形式を採用、W3C推奨となにかとメリットがあるPNG画像ですが、ブラウザへの対応が完璧ではなく、透過PNGにいたってはIE6でも正常に読めない状況です。

そこで今回紹介する「Unit PNG Fix」はそんな透過PNG画像をIE6で正常に表示してくれるjavascriptです。

詳しくは以下

(さらに…)

続きを読む
posted 07:41  |  
Category: WebDesign   
2011年07月01日

Photoshopのさまざまなエフェクト効果がわかるチュートリアル集「10 Special Effects Photoshop Tutorial」

さまざまな画像加工を得意とするPhotoshopですが、効果的にエフェクトを利用するには技術と豊富な知識が必要になります。そこで今回紹介するのが、エフェクトを効果的に利用した画像加工チュートリアル集「10 Special Effects Photoshop Tutorial」です。


Really cool Eclipse Effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

画像のテイストを変化させられるチュートリアルから、CG合成のようなチュートリアルまで、表現の幅を広げられる技術やアイデアが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2013年10月29日

継ぎ目なく使用できる 20種類のシームレスグリッドパターン「20 Seamless Photoshop Grid Patterns」

web制作で使用するととても便利に活用・応用ができるパターン素材。種類やデザインも豊富で、さまざまなタイプのものが公開・配布されています。そんな中今回紹介するのは、継ぎ目なく使用できる20種類のグリッドパターン「20 Seamless Photoshop Grid Patterns」「20 Seamless Photoshop Grid Patterns」です。

grid

さまざまなサイズや使い方を想定したグリッドパターンが20種類収録されていて、色の変更やアレンジも可能。さらに元の画像となるPNGデータまで含まれています。

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2008年01月28日

様々なCSSメニューがジェネレート可能なオンラインサービス「CSS Quick Menu」

CSSメニューについては以前「実用度の高いCSSメニューを集めた「 7 Advanced CSS Menu」」と言う記事でテンプレートサイトを紹介しましたが、今回紹介する「CSS Quick Menu」は様々なカスタマイズを行ないながらCSSメニューが生成できるオンラインサービスです。

cssqickmenu01.gif

CSSのナビゲーションのテンプレートは、全部で22種類あり、それぞれ細かい部分までカスタマイズすることが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 09:24  |  
Category: WebDesign , WebService   
2011年07月22日

フリーで利用できるストライプファブリックテクスチャ集「40+ Free Striped Fabric Textures for your Designs」

手作り感や優しさを感じられるファブリックを利用したデザインが増える中、手軽に利用できるストライプ柄のフリーテクスチャを集めた「40+ Free Striped Fabric Textures for your Designs」を紹介したいと思います。


Fabric Texture with 6 Color Options | elemis | raw materials for design

手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:31  |  
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   
2013年08月05日

ボックスレイアウトのWordPressテーマまとめ「21 Ready to Go Out of Box WordPress Themes」

さまざまなテーマが配布・販売され、いろいろなカスタムが可能なこともあり多くのユーザーに活用されているWordPress。今回はそんなWordPressの中でも、ボックスレイアウトのWordPressテーマをまとめた「21 Ready to Go Out of Box WordPress Themes」を紹介したいと思います。

box1
RichWP Preview | RichGRID Theme with Rich & Bold 3 Design Preset

写真を効果的に見せる構成が反映されたデザイン性の高いテーマが21種まとめられています。気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:15  |  
Category: WordPress   
2015年10月21日

ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」

ロゴやバッジなどを制作する際にとても便利なフリーテンプレート素材は多数配布されていますが、たくさんの中からどれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい、ヴィンテージ調のロゴデザイン作成に活用できる「15 Free Vintage Logo Template Collections」を紹介したいと思います。

vintagefree1021_2
Freebie: 5 Vector Insignias | Every-Tuesday

アンティークな雰囲気を感じることができるロゴテンプレート、いろいろな種類がセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Design   
2013年11月13日

すぐに使える実用的なjQueryテクニックとチュートリアル集「15 Useful jQuery Techniques and Tutorials for Developers」

以前に比べWebサイトはよりクリエティブな仕掛けや見せ方が求められるようになってきていますが、実際に一からJSを組んでいくとなると時間が掛かってしまうものです。今回はそんな時に役立つ、すぐに使える実用的なjQueryテクニックとチュートリアルをまとめたエントリー「15 Useful jQuery Techniques and Tutorials for Developers」を紹介したいと思います。

15ujtatfd_3
Flyout Image Slider Using jQuery & CSS3 – Webstuffshare – Learn and share. The simplest harmony.

どれもすぐに取り入れることができる実用的なものばかりですが、その中でも特に気になったものをピックアップして紹介したいと思います。

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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