TOP  >  Design

Tag : Design

2013年08月19日

個性的なデザインに最適 フリーグリッドデザインフォントまとめ「20 Free Grid Fonts For Designers」

タイポグラフィはweb・グラフィックデザインの最も重要な要素の1つとして、デザインに強い影響を与えてくれる存在。フォント選びに気を使われている方も多いのではないでしょうか?そんな中今回紹介するのは、個性的なデザインに最適なフリーグリッドデザインフォントまとめ「20 Free Grid Fonts For Designers」「20 Free Grid Fonts For Designers」です。

grid_1
Font Source

計算された美しいフォントから珍しいテイストのフォントまで、様々なデザインのグリットフォントがまとめられています。その中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:50  |  
Category: Font   
このエントリーをはてなブックマークに追加
2013年08月16日

photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」

Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。

Photoshop_Lighting_Effects_tutorial_1
Advanced Glow Effects

光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

正当派からクリエイティブなものまで、ハイクオリティなフリーフォント集「8 Fresh High-Quality Free Fonts」

フォントはデザイナーにとってはとても重要なもので、常に新しい書体を探しているという方も多いと思います。今回照会するのは、正当派からクリエイティブなものまで、ハイクオリティなフリーフォントを集めたエントリー「8 Fresh High-Quality Free Fonts」です。

freefonts01
Dense Regular

かっちりとした、美しいフォントから、あまり見ないタイプのフォントまで、様々なフォントがまとめられていました。今日はその中からいくつか気になったものをピックアップして照会したいと思います。

詳しくは以下

geogram typeface
規則性を持った、アルファベットと記号が組合わさったフォント。

freefonts05
 
 
 
 
 
Look Up
フォントが全て矢で描かれていて、極力遂げ入れないように一筆書きのようになっています。

freefonts07a
 
 
 
 
 
Kelson Sans
Light Regular Boldと3種類のファミリーで展開されているフォント。色々と使い勝手が良さそうなフォントです。

freefonts08
 
 
フォントの利用規約はフォント毎に異なりますので、利用については最終の配布元をご確認ください。上記の他にも様々なフォントがまとめられていました。フォントを探している方は是非原文もご覧ください。

8 Fresh High-Quality Free Fonts | Freebies

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

CSS3で立体的なボタンを表現するチュートリアルまとめ「40 CSS3 Animated Button Tutorials And Experiments」

HTMLに装飾を加えるためのCSSは、2011年頃から登場したCSS3によって表現力が劇的に向上。しかし、新しい機能や表現方法をフル活用できていないという方もいらっしゃるのではないでしょうか?そんな中今回紹介するのが、CSS3で立体的なボタンを表現するチュートリアルをまとめた「40 CSS3 Animated Button Tutorials And Experiments」です。

dd_tutorial_01
CSS Buttons with Pseudo-elements | Codrops

シンプルなボタンはもちろん、デザインソフトでの制作でも時間がかかりそうなリアリティのあるボタンまで、多彩なCSSデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」

WEB制作に必要なアイテムはインターネット上でたくさん配布されており、デザイン制作に利用している方も多いと思います。そんな中今回紹介するのは、世界中の有名な建物が揃うアイコンセット「250 Ultimate World Monuments Icon Pack by Freepik」です。

dd_icon_01

アメリカ、イギリス、イタリア、ブラジルなど、世界40ヵ国の有名なモニュメントがセットになった、他にはあまりない貴重なアイコンセットとなっています。

詳しくは以下

(さらに…)

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

いろいろな雰囲気の木目テクスチャパックまとめ「10 Free Wood Texture Packs for Your Design」

テクスチャの定番としてさまざまなシーンで活用されている木目テクスチャは、表現がワンパターンにならないようにバリエーションはできるだけ多く所持しておきたいもの。今回はそんなシーンにおすすめな、いろいろな雰囲気の木目テクスチャパックまとめ「10 Free Wood Texture Packs for Your Design」を紹介したいと思います。

wood1
Wood Pack by ~kissbomb on deviantART

定番として利用できるシンプルなタイプから、木目の個性を活かしたタイプまで、多彩な種類が収録されています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2008年02月02日

WEB制作に便利な素材セット「Deluxive Creative Pack 」

WEB制作を行う上で便利なスタンダードなボタンやオブジェクトをパックにした素材集が今回紹介する「Deluxive Creative Pack」です。基本的にグラデーションを使った表現で様々な素材が収録されています。

deluxive_creative_pack_001_.jpg

素材の他にも壁紙やphotoshopのパターンなんかも同封されていました。WEBサイトのちょっとしたアクセントに便利そうです。いくつか気になった素材をサンプルとしてピックアップして下記に載せておきます。

詳しくは以下

(さらに…)

続きを読む
posted 04:57  |  
Category: WebDesign   
tag: webdesign
2016年02月03日

スモールビジネスのサイト制作に最適なフリーwordpressテーマ集「12 Free Small Business WordPress Themes」

少数精鋭でありながらも、質の高いサービス提供を行っていくスモールビジネスというスタイルが今定着しつつある中、アピールするためのwebサイト制作も必須となってきています。今回はそんなシーンに最適なフリーwordpressテーマ集「12 Free Small Business WordPress Themes」を紹介したいと思います。

wordpress0203_1
Ravel WordPress Theme

情報を的確に、シンプルに伝えることができるテーマが揃っており、どれも取り入れてみたくなるものばかり。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

WordPressに簡単にYoutube動画を貼付けるプラグイン「Noembedder」

WordPressでYouTubeを貼付けるとなぜかフォーマットが崩れてしまい困っていました。調べてみるとYouTubeの埋め込みタグをリッチテキストエディタのソース編集でコピペするとどうもタグの一部がカットされてしまうようで、正常に表示されなかった模様です。

解決方法としてユーザー設定からリッチテキストエディタの使用をOFFにすればいいのですが、リッチエディタもたまに使うからともう少し調べてみるとYouTube動画を簡単に貼付けられるプラグイン「Noembedder」を見つけましたので紹介したいと思います。

インストール方法

1.「Noembedder WordPress Plugin」からプラグインをダウンロード

2.ロ−カルで解凍後フォルダごと「wp-content/plugins/」へアップロード

3.管理画面から[Noembedder]を有効化

詳しくは以下

(さらに…)

続きを読む
posted 01:48  |  
Category: plugin , WordPress   
2015年12月13日

なめらかな動きが特徴のフリーアニメーションアイコンセット「Free download: 20 animated icons」

アイコンにもさまざまな種類がありますが、中でも動きを取り入れたアニメーションアイコンは、通常のアイコンに比べデザインに動きと個性を与えてくれます。そんな中今回紹介するのは、なめらかな動きが特徴のフリーアニメーションアイコンセット「Free download: 20 animated icons」です。

moveicon

20種類という限定された数ではありますが、可愛らしい印象の動きに特徴のあるアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年11月20日

ハイクオリティでPOPなベクターデータ集「30+ High Quality And Free Vector Object Sets」

Designdevelopではデザイン制作に便利なフリーのベクターデータを多々紹介してきましたが。今回紹介する「30+ High Quality And Free Vector Object Sets To Beautify Your Designs」はクオリティが高くPOPな印象なベクターデーターを集めたエントリーです。


Free Vector Design Elements Pack 02
ライセンス:Creative Commons Attribution 3.0 License.

タイトルにも書いたとおり、集められているベクターデータは全体的に色使いも明るくかわいらしい感じのベクターデータが多い気がします。優しい柔らかな表現をしたい時にはかなり役立つかと思います。今回は紹介されている物の中から、気になったベクターデータをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:00  |  
Category: Design , vector   
tag: Design vector
2008年08月01日

水彩風の高解像度フリーphotoshopブラシ「Grungy Watercolor」

水彩風の高解像度フリーphotoshopブラシ「Grungy Watercolor」

photoshopでの表現力を補ってくれるブラシ。フリーで素晴らしいブラシセットが世の中には沢山ありますが、今回紹介するのは水彩で描いたような表現をしてくれるphotoshopブラシ集「Grungy Watercolor」です。

かなりディテールが細かく、本当に水彩で描いたような風合いを表現してくれます。高解像度のブラシなので、作品制作にも大いに使えるブラシセットだと思います。ブラシ見本が併せて公開されていましたので、下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 08:34  |  
Category: Design , Photoshop   
2013年06月30日

様々な質感のフリーテクスチャを集めたテクスチャ集「30 Free High Resolution Texture Packs」

デザインの質感をより高めてくれるテクスチャ。下に敷くテクスチャで大きくデザインの印象は変わりますが、今日紹介するのは、様々な質感のフリーテクスチャを集めたテクスチャ集「30 Free High Resolution Texture Packs」です。

textures_01
Texture Pack 04: black by =mercurycode on deviantART
(6 Textures, 4200×2800px)

高品質なテクスチャセットが全部で30紹介されていますが、今日はその中から幾つか気になったテクスチャセットをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

スクロールに合わせて次々とコンテンツを読み込むjQueryプラグインのまとめ

ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。

12jispat_0
Mark Holton | Web Application Development

スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript , WebDesign   
2015年04月27日

クリックしたくなるフリーweb用ボタン素材「12 Fresh High Quality Free Web Button Files」

webサイトには見せる情報の他に、クリックさせてユーザーを誘導するための要素や仕掛けが必要となってきます。そんな時によく利用されるボタン素材をあつめた「12 Fresh High Quality Free Web Button Files」を今回は紹介します。

bottun0428_2
25 Free PSD Modern Buttons vol. 1 | Graphics Drawer

12種の厳選されたフリーボタン素材がまとめられており、シーンに合わせて使い分けることができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年12月17日

作り込まれたハイクオリティなフリーアイコンセット集「12 Free High Quality Icon Sets」

インターフェイスをより分かりやすくしてくれたり、デザインのアクセント的にと様々な用途で活躍するアイコン。Designdevelopでも多々取り上げてきましたが、今日紹介するのは立体的で、作り込まれたハイクオリティなアイコンセットをまとめたエントリー「Free High Quality Icon Sets」です。


Practika: A Free Icon Set

全体的にシンプルさは残しながら、立体手金で、細かいところまで作り込まれているそんな印象を受けるまとめ方をしています。今回はその中から特に記になった物をピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:59  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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