TOP  >  Desgin

Tag : Desgin

2014年09月12日

グラデーションを楽しみながらコード取得もできるサイト「uiGradients」

デザイン制作の際に、色合いにニュアンスを出すために使用されるグラデーション。きれいな色の組み合わせが成功するとデザインが一気に魅力的なものに変化することも。今回はそんなシーンで役立てたい、グラデーションを楽しみながらコード取得もできるサイト「uiGradients」を紹介したいと思います。

gura

ひたすらグラデーションを閲覧するといった非常にシンプルなサイトですが、色の濃淡のコード取得ができるなど実用的にも活用できるサイトとなっています。

詳しくは以下

(続きを読む…)

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

ノイズ感のある質感を手軽に表現できるテクスチャ「Dust & Noise Overlay Textures」

インターネット上では非常にさまざまな種類の素材が配布されており、中でもテクスチャは非常に重宝される素材の一つ。手軽に素材の質感を表現することができます。そんな中今回紹介するのは、ノイズ感のあるテクスチャ「Dust & Noise Overlay Textures」です。

dustnoise1

がさがさとしたアンティークな雰囲気を、このテクスチャを利用することでデザインに取り入れることができます。

詳しくは以下

(続きを読む…)

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

さまざまなデザイン制作時に活躍してくれるアイコンまとめ「38 Beautiful Icons In PSD For Web Designers」

もはやwebデザイン制作に欠かすことのできないアイコン素材。たくさんストックし、いろんなデザインシーンで活用されている方はとても多いと思います。今回はそんなアイコン素材をまとめた「38 Beautiful Icons In PSD For Web Designers」を紹介します。

icon140826_3
60 Flat Icons

フラットから立体的、ラフなテイストまで、さまざまな種類のアイコンセットがまとめられています。

詳しくは以下

(続きを読む…)

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

グラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」

イラストや写真だけでなく、テキストをPhotoshopなどで加工しデザインすることで、制作物のクオリティは格段にアップします。今回はそんなグラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」を紹介したいと思います。

texteffect0804
Ink Text Effect In Photoshop

テキストをベースに、想像もできないようなリアルな表現を可能にするチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2014年07月23日

さまざまな状態が揃った芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」

本格的な夏に突入し、デザインシーンでも夏をテーマにしたデザインを手がけることがいつもよりも多くなっているのではないでしょうか?そんな中今回紹介するのは、夏の緑の青々とした雰囲気を感じられる芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」です。

grass1
Seamless grass by RVMProductions on deviantART

さまざまな状態の芝がテクスチャとなってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

最新のフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」

デザインの現場で必ずといっていいほど利用するフォント、時にデザイン性を求められるシーンも少なくないのではないでしょうか。そこで今回紹介するのは、特に最近公開された新しいフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」です。


Infinity on the Behance Network

シンプルなものから個性的な形をしたものまで、さまざまなタイプのフリーフォントが紹介されています。デザインの現場でおおいに活躍してくれそうです。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2009年03月06日

ヴィンテージを演出するフリーphotoshopブラシ集「20 Beautiful Vintage Photoshop Brush Sets」

一瞬で様々な表現を可能にしてくれる制作に便利なphotoshopブラシ。色々な切り口のphotoshopブラシが日夜リリースされていますが、今日紹介する「20 Beautiful Vintage Photoshop Brush Sets」はビンテージな雰囲気を演出できるフリーphotoshopブラシを集めたエントリーです。

vintagephotoshop01
Darger-esque

人物や車など歴史を感じさせるモチーフのブラシが全部で20セット公開されています。今日はその中から気になったものをいくつかピックアップ紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:34  |  
Category: Design , Photoshop   
2011年03月24日

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

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

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

詳しくは以下

(続きを読む…)

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

様々なホバー表現を可能にしてくれるjQueryプラグイン「Hoverizr」

WEBではインターフェース的にもデザイン的にも欠かすことができない、マウスオーバーした時のホバー処理。ちょっとしたギミックですが、全体のクオリティに影響する部分だと思います。今日紹介するのはわずか2.5KBと非常に軽量ながら、様々なホバー表現を可能にしてくれるjQueryプラグイン「Hoverizr」。

このプラグインではcanvasを利用して、白黒からカラーだったり、ぼかしからぼかしを取ったりと通常のホバー表現とは一味違った表現を簡単に可能にしてくれます。

詳しくは以下

(続きを読む…)

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

本をモチーフに制作されたアイコンまとめ「A Collection of Free Book Icon」

紹介するコンテンツやデザインテイストによって、利用したいアイコンのデザインも異なるため、バリエーションとしてより多くのアイコン素材をストックしておきたいもの。そんな中今回は、本をモチーフに制作されたアイコンをまとめた「A Collection of Free Book Icon」を紹介したいと思います。


Font Book by ~Monbcn on deviantART

リアルなテイストのアイコンから、デフォルメが可愛らしいタイプまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:27  |  
Category: Design   
2013年07月22日

スタイリッシュなTumblrテーマが揃う「25+ Cool Tumblr Themes – Want A Stylish Tumblog?」

インターネット上で、画像や動画、記事などを手軽にブッキングできるサービスとして利用している方も多い「Tumblr」は、豊富なテーマの中から自分のサイトイメージにぴったりなテーマを手軽に選べるというのも、嬉しいポイントの一つではないでしょうか?今回はそんなTumblrテーマの中から特にスタイリッシュな雰囲気のテーマをまとめた「25+ Cool Tumblr Themes – Want A Stylish Tumblog?」を紹介したいと思います。

dd_themes_01
Blogging – Mason – A Masonry Inspired Tumblr Theme | ThemeForest

シンプルなテーマはもちろん、Tumblrの仕様に合わせて選びやすいテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:55  |  
Category: WebDesign   
2014年06月30日

クリーンかつシンプルテイストなフリーwordpressテーマ集「40 Clean and Simple Free WordPress Themes」

更新作業などを容易にしてくれるwordpress。フリーでダウンロードできるテーマを利用してより手軽にwebサイトが構築できるようになっています。そんな中今回紹介するのは、クリーンかつシンプルテイストなフリーwordpressテーマ集「40 Clean and Simple Free WordPress Themes」です。

wordpress1400630_1
WordPress › deLighted « Free WordPress Themes

使い勝手のよい、シンプルなwordpressテーマが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2007年11月09日

YouTubeをもっと楽しむためのFirefox拡張機能「Better YouTube」

YouTube関連のスクリプトを今まで「YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」」や「YouTube 動画ページで「詳細」を省略せずに表示するGreasemonkeyスクリプト」と紹介してきましたが、今回紹介するものはさらに踏み込んだもので、YouTubeをもっと便利に使う為のFirefox拡張機能「Better YouTube」です。

Better YouTube

この「Better YouTube」を導入すればYouTubeの動作をかなり細かい所まで設定する事ができます。

(続きを読む…)

続きを読む
posted 11:37  |  
Category: firefox , Tool   
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(続きを読む…)

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

アナログ感を演出できるフリーフォント40選「40+ Awesome Free Comic Fonts」

デザインの印象に大きく影響を与えるフォント。世界では様々な有料なフリーフォントが制作され、公開されていますが、今日紹介するのはアナログ感を演出できるフリーフォントを集めたエントリー「40+ Awesome Free Comic Fonts」です。


comics

大きく崩したもの、ある程度規則性を持たせながら、適度に柔らかくしたものなど、様々なコミックフォントが全部で40紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:09  |  
Category: Design , Font   
2014年10月07日

いろいろなデザインに応用できる 最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」

デザイン制作にもはや欠かすことのできないフリー素材。無料で、最近では商用フリーで使用できるものも非常に増えてきました。そんな中今回紹介するのは、いろいろなデザインに応用できる最新のフリー素材まとめ「50 Free Resources for Web Designers from September 2014」です。

free1008_1
Dribbble – iPhone 6 Plus by Oleg Sukhorukov

モックアップやフォント、UIなど、さまざまな種類の素材が集められており、このまとめをチェックするだけでおおいに制作に役立てることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:44  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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