TOP  >  Design

Tag : Design

2012年08月28日

亀裂の入ったデザインフォントまとめ「30 Examples of Free Artistic Cracked Font」

ビジュアル的なフォントも増え、より手軽にロゴ制作やイメージ的なデザイン制作ができるようになっています。そんな中から今回は、亀裂の入ったデザインフォントをまとめた「30 Examples of Free Artistic Cracked Font」を紹介したいと思います。


Apocalypse Regular font by CloutierFontes – FontSpace

荒々しい雰囲気のフォントから、ポップな雰囲気のフォントまで、さまざまなテイストのフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

デザインのアクセントにぴったりなフリーバッヂアイコンパック「6 Free Stylish Web Badges」

デザインのワンポイントやアクセント、注目度をアップさせたい場合に良く利用されるシールやバッヂ風のアイコン。デザイン性の高い作品に使用する場合は特に一つ一つのパーツにも作り込みが必要になり、クオリティを追求するには時間がかかります。そんな中今回紹介するのが、デザインのアクセントにぴったりなフリーバッヂアイコンパック「6 Free Stylish Web Badges」です。

カラーや雰囲気の異なるバッヂが6種類パックになった、さまざまなシーンで利用しやすいバッヂアイコンとなっています。

詳しくは以下

(さらに…)

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

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

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

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

詳しくは以下

(さらに…)

続きを読む
posted 06:21  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2012年08月24日

さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャまとめ「New Textures For You To Use In Your Designs – 31 Items」

デザイン制作をしていると、イメージフォトや素材として利用しやすいテクスチャなど、いろいろな素材を探す機会が多いと思います。そんな中今回紹介するのが、さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャをまとめた「New Textures For You To Use In Your Designs – 31 Items」です。


Coffee Stain Texture (hi-res) by *TwinklePowderySnow on deviantART

イメージとして利用しやすいテクスチャから存在感のあるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年08月23日

アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」

アナログテイストなデザイン制作にはもちろん、デザインのワンポイントとしても使いやすい手書きフォントですが、イメージにぴったりなフォントを見つけるというのは難しいもの。そんな中今回紹介するのが、アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」です。


Pirmokas Font | dafont.com

洗練された雰囲気のフォントから、個性的なフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

定番として活躍する ホームアイコン集「Naldz Graphics 4 25 Beautiful Sets of Home Icon」

webで多様する素材の一つ・家の形をモチーフにしたホームアイコンは、さまざまな場面で重宝する便利なアイテムです。そんな中今回紹介するのは、定番ストックとしてさらに追加しておきたい、ホームアイコン集「Naldz Graphics 4 25 Beautiful Sets of Home Icon」です。


Home Folder icon by ~Nachetegr on deviantART

詳しくは以下

(さらに…)

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

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

2008年12月22日

クリスマス気分を演出してくれるフリーフォント10選「10 Free Christmas fonts」

もうすぐクリスマス。直前となってクリスマスカードを作っているそんな方もいるかと思います。今日紹介するのはクリスマスの雰囲気を盛り上げてくれるフリーフォントを集めたエントリー「10 Free Christmas fonts」を紹介したいと思います。


Download Porcelain-so you can share it with other people and use it for free

コミカルな書体から、きれいめな書体まで様々なフォントが紹介されていますが、今回はその中から気になったものをピックアップしていくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:58  |  
Category: Design , Font   
tag: Design Font
2009年11月28日

WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」

WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。

wirefram01
Photoshop Browser Templates from joel laumans

上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 03:32  |  
Category: Design , Photoshop , vector   
2016年02月21日

ヴィンテージ調のデザインフォントまとめ「30 Vintage Fonts Perfect for Retro Style Design」

デザインにレトロ感を演出したい時は、ヴィンテージテイストのフォントを取り入れることでより雰囲気を強く表現できると思います。そんな中今回紹介するのは、ヴィンテージ調のデザインフォントまとめ「30 Vintage Fonts Perfect for Retro Style Design」です。

font0221_1
Caslon Antique font by Alan Carr – FontSpace

ヴィンテージな質感のデザインフォントがまとめられています。中でも気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2011年03月24日

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

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

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

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: Design   
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   
2010年11月27日

パターンを探すときに役立つリソース源20「20 Great Resources to Download Free Patterns」

さまざまなデザインの完成度を上げてくれるパターン。上手く利用すればデザインをより作りこんだ形に変えてくれますが、今回紹介するのはパターンを探すときに役立つリソース源を集めたエントリー「20 Great Resources to Download Free Patterns」です。


K10K

WEBで使える背景用のパターンから、デザインデータを起こすときに使えるphotoshopパターンまで様々なパターンの配布元が紹介されていました。今回はその中からいくつか気になったサイトをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:34  |  
Category: Design , Photoshop   
2011年08月26日

さまざまな効果を演出できる Photoshop写真加工チュートリアル集「30 Brilliant Photoshop Photo Effects Tutorials」

普通に撮影した写真にさまざまなエフェクトを付けられるPhotoshopの加工技術。作り方にはさまざまな方法があり、常に新しい技術をチェックしておきたいもの。そんな中今回紹介するのは、たくさんの写真チュートリアルを集めた「30 Brilliant Photoshop Photo Effects Tutorials」です。


Create a Devastating Tidal Wave in Photoshop | Psdtuts+

写真を奇麗に見せる技術から、CGエフェクトのような加工技術まで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design , Photoshop   
2016年08月29日

ミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」

デザインやインターフェイスを作りこむ上で重要なアイコン。シンプルなアイコンはどんなデザインにもマッチし制作現場においては非常に重宝します。今回紹介するのはミニマルでベクターで扱えるフリーアイコンセット「1800 Free Minimal Icons」です。

free1800

制作にかなり配慮して制作されたアイコンセットのようで、普通のアイコンセットには無い細かい配慮がなされた上で配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2008年06月21日

Firefox2とFirefox3を切り替えるアプリケーション「MultiFirefox 2.0」

前評判やプロモーションなどもあってFirefox3が華々しくデビューしましたが、拡張機能などの都合上、Firefox使いたいけど、必要な拡張機能が動かないけど使えないなんて人はFirefoxだけにあるかと思います。そこで今回紹介するのはFirefox2とFirefox3を切り替えてくれるアプリケーション「MultiFirefox 2.0」です。

詳しくは以下

(さらに…)

続きを読む
posted 09:20  |  
Category: firefox , Tool   
tag: firefox Tool
2010年07月24日

300種類のフリーグランジテクスチャ「300+ Free Grunge Textures」

ベタ面だけだと、デザインがノッペリとしてしまい。案件によってはもっと質感や立体感を出さないといけないそんな場合もあるかと思います。今日紹介するのはそんなときに便利に使えるグランジテクスチャを300種類以上集めたエントリー「300+ Free Grunge Textures」です。


vintage grunge textures

古びた紙、こすられた壁などキレイなグランジから、錆びた鉄を初めとした少し激しめなグランジまで様々なグランジテクスチャが公開されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:24  |  
Category: Design , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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