TOP  >  デザイン

Tag : デザイン

2014年09月13日

最新のフレッシュなフリーフォント17種をまとめた「17 Free Fonts for September 2014」

どんどんと新しい種類が登場するフリーフォント。日々チェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、最新のフレッシュなフリーフォント17種をまとめた「17 Free Fonts for September 2014」です。

font0913_1
Voga typeface on Behance

比較的最近アップされた新しく、デザイン性の高いフォントがピックアップされています。気になったものをチェックしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

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

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

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

gura

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

詳しくは以下

(さらに…)

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

シームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」

シームレスに継ぎ目なく使用できるテクスチャは、非常に便利で重宝する素材。今回はそんなシームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」を紹介したいと思います。

asp1
[GH Free Texture Library]: (ASPHALT 1) seamless tarmac road tar texture

いろいろなデザインに活用できそうなアスファルトをテーマにしたテクスチャがまとめられています。

詳しくは以下

(さらに…)

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

デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」

デザインクオリティの重要な鍵を握るフォント選びは慎重に行いたいもの。今回はそんなシーンで参考にしたい、デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」を紹介したいと思います。

font0910_1
MODEKA – Free Font on Behance

シンプルなテイストから、個性的なタイプまで、いろいろなテイストのフォントがまとめられています。

詳しくは以下

(さらに…)

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

webサイト制作に活用したい ハイクオリティなwebテンプレート集「20 Free Web Templates for Web Designers」

webサイト制作には、全体の設計からデザイン感の決定、どんな色や書体を使うのかなど、いろいろな企画工程が必要になってきます。今回はそんな工程をできるだけ短縮しながら、精度の高いデザインに仕上げたい時におすすめなwebテンプレート集「20 Free Web Templates for Web Designers」を紹介したいと思います。

webtemp0909_1
Mentum – PSD Single Page Template – graphberry.com

ハイクオリティな、現在の主流のデザイン感をしっかりと抑えたテンプレートがまとめられています。

詳しくは以下

(さらに…)

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

ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」

比較的小さく使用することの多いアイコン。単体使いでも印象的に見せるためには、アイコン自体にも個性が必要です。そんな中今回紹介するのは、ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」です。

medlee1

スロバキアのデザイナー・Luke Mynus Kovac氏手がける、個性を感じさせるかわいらしいテイストが特徴のアイコンが80種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

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

2014年08月21日

最新のクリエイティブなフリーフォントが集結「Fresh and Free Fonts for August 2014」

日々新しくどんどんと公開されているフリーフォント。シンプルなものから、デザイントレンドに合わせたクリエイティブ性の高いものまで、さまざまな種類が存在しています。そんな中今回は、最新のクリエイティブなフリーフォントが集結した「Fresh and Free Fonts for August 2014」を紹介したいと思います。

font140821_1
Opificio Neue Font | dafont.com

定番として利用できるタイプから、フォントを主役にしたデザインを作りたい時におすすめな個性的なものまで、さまざまな種類が紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2008年10月22日

Ajaxによるフリーのコンタクトフォーム集「16 Free Ajax Contact Forms」

コンタクトフォームはサイトとユーザーを繋ぐための大切なもの、こだわりを持ってWEBを作るのであれば、コンタクトフォームにもこだわっていきたいところです。そこで今回紹介するのはAjaxで動作する小粋なフリーのコンタクトフォームを集めた「16 Free Ajax Contact Forms – For A Better User Experience」と言うエントリー。


LightForm/Demo

シンプル目な物から字数カウント、アニメーションなどAjaxを活かしたフォームが全部で16個紹介されています。今日はその中から個人的に気にあったコンタクトフォームをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:55  |  
Category: WebDesign   
2016年07月24日

様々なアニメーションを描画できる軽量なライブラリ「Anime.js」

ブラウザの発展によりjavascriptによるアニメーション表現はより高度なものとなってきていますが、今日紹介するのはCSSやSVGとも連携し、様々なアニメーションを描画できる軽量なライブラリ「Anime.js」です。

animejs

回転や移動といったシンプルなものから、ランダムな動きなどなど、作りこめばかなり高度な動きも可能な用で、CODEPENでは様々なアニメーションサンプルが上がっていました。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: javascript , WebDesign   
2008年08月14日

クリエイティブな404ページ ベスト100「The 100 most funny and unusual 404 error pages」

前回「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」と言う記事でいくつか紹介しました、ページが見つからない時やエラーの際に表示させる404ページ。あまりお目にかかりたくないページですが、そんなページだからこそ万が一表示させてしまった場合の対策として、クリエイティブなWEBページでは404ページをがっかりさせない仕組みや、クリエイティブが施されています。

今日紹介する「The 100 most funny and unusual 404 error pages」はユニークでクリエイティブな404ページを集めたエントリーです。100種類以上のクリエイティブでユニ−クな404ページが紹介されています。今日はその中からいくつか気になった404ページをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:33  |  
Category: WebDesign   
tag: webdesign
2011年07月30日

イラスト表現のバリエーションが広がるフォント集「A Collection of Free Dingbat Fonts」

A・B・Cといったようなアルファベットや、日本語のひらがななどではなく、イラストが各文字として割り当てられた「Dingbat Fonts」をまとめた「A Collection of Free Dingbat Fonts」を、今回は紹介したいと思います。


AnimaliaScissored dingbat | UrbanFonts.com

モノクロのさまざまなテーマのイラストフォントがいくつも紹介されています。気になったものをまとめてみましたので、以下よりご覧ください。

(さらに…)

続きを読む
posted 04:42  |  
Category: Design , Font   
2008年08月19日

グラフィティフォントを集めた「12 Fantastically Free Graffiti Fonts」

以前「フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」」という記事でも少し触れた8200ものフォントが収録されているフリーフォントポータルサイト「DaFont.com」今日はその中からグラフィティっぽいフォントだけを厳選して集めたエントリー「12 Fantastically Free Graffiti Fonts」を紹介したいと思います。


Writers Font

手書きのようなアナログ感とストリートアートを彷彿とさせるような勢いがあるフォントです。全部で12個のグラフィティフォントが紹介されていますが、今日は気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Design , Font   
tag: Design Font
2016年09月18日

CSSで実現するフィルタジェネレーター「CSSFILTERS.co」

写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。

cssfilter_01

このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign , WebService   
2012年07月16日

最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」

世界中で利用されている便利なjavascriptライブラリjQuery。多くのWEBデザイナー、デベロッパーの手によって日夜新しいプラグインが生み出されていますが、今日紹介するのは最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」です。


blur.js

背景との間にぼかし効果をあたえるものや定番のシンプルでミニマムなツールチップ、写真の上に自分で書き込むペイント機能まで、様々なjQueryプラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2017年01月03日

最新のベストフォントを集めた「50 Best Free Fonts For 2017」

デザインに必要不可欠な存在・フォント。2017年もどんどんと新しい種類が登場するかと思いますが、今回はそんなフォントの最新まとめ「50 Best Free Fonts For 2017」を紹介したいと思います。

font0103_5
King Basil – Free Brush Font on Behance

さまざまなテイストのフォントが揃っており、チェックしておきたくなるものばかり。その中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2015年06月15日

ニュースレター配信にデザイン性を レスポンシブ対応のフリーテンプレート「30 Free Responsive Email and NewsletterTemplates」

ショップや企業などからお知らせメールを配信する時に、デザインが行き届いたテンプレートを使用すると購読率がアップする確率も高くなります。今回はそんな時に参考にしたい、レスポンシブ対応のフリーテンプレート「30 Free Responsive Email and NewsletterTemplates」を紹介したいと思います。

email1
Creating a Future-Proof Responsive Email Without Media Queries – Tuts+ Web Design Tutorial

ニュースレター配信にデザイン性をもたらすことができるテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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