TOP  >  WEBフォント

Tag : WEBフォント

2012年12月23日

アイコンをWEBフォントで利用するためのパッケージジェネレーター「Fontello – icon fonts generator」

CSS3から、利用できるようになったWEBフォント。サーバー上に格納されているフォントデータを利用できる仕組みで、CSSを読みこませるだけで利用ができ、ユーザーのローカル環境に依存しないフォント構成が可能になります。今日紹介するのは、そんなWEBフォントを利用した、アイコンをWEBフォントパッケージジェネレーター「Fontello – icon fonts generator」です。

こちらは様々なアイコンが表示されていて、選択することで、そのアイコンがWEBフォントで利用できるソースファイルをダウンロードできるというものです。

詳しくは以下

(続きを読む…)

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

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

2013年04月18日

検索ボックスのデザインが揃うPSD素材まとめ「30 Attractive Search Box PSD Designs for Free Download」

WEBサイト内で各コンテンツへのアクセスを高めるためにも、是非設置しておきたいサーチボックスですが、目立ちすぎず分かりやすいというバランス感覚が重要なデザイン部分です。そこで今回紹介するのが、デザイン制作に使いやすい検索ボックスのデザインが揃うPSD素材をまとめた「30 Attractive Search Box PSD Designs for Free Download」です。


Dribbble – Search Form (Free PSD) by Daniel David

シンプルな素材からポップテイストな素材まで、クオリティの高いデザイン素材ばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:39  |  
Category: Design , Photoshop   
2011年07月20日

IllustratorでもPhotoshopでも使えるチェックパターン素材セット「10 Seamless Plaid Patterns for Illustrator and Photoshop」

デザインに利用する素材を探している時に、”せっかく良い素材が見つかったのに、使えるソフトが違って利用できない”という経験をされている方も多いはず。そこで今回は、IllustratorでもPhotoshopでも使えるチェックパターン素材がセットになった「10 Seamless Plaid Patterns for Illustrator and Photoshop」を紹介したいと思います。

明るめの柄からシンプルな柄まで、使いやすいチェックパターンが10種類もセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2011年11月04日

血を表現できるPhotoshopブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」

ホラーテイストのデザインは、普段あまり登場する機会がない特殊なテーマ。実制作の際に、関連するフリー素材を持っているだけで、非常に作業が楽になると思います。そんなシーンに活用できるかもしれない、血を表現できるブラシ集「Blood Splatter Brushes for Gruesome and Dark Designs」を今回は紹介したいと思います。


Dried Blood Splatters Photoshop Brushes | Photoshop Brushes

飛び散る血の様子を表現できるさまざまな種類のブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:42  |  
Category: Photoshop   
2016年04月18日

キレイ目からPOPまであらゆるセリフフォントを集めた「43 Free Serif Fonts to Dream of」

文字のストロークの端にある小さな飾りがあるセリフ体フォント。セリフが無い書体と比べると、特徴的な印象が強いのですが、今日紹介するのはキレイ目からPOPまであらゆるセリフ書体を集めた「43 Free Serif Fonts to Dream of」というエントリー。

butler
Butler – FREE FONT on Behance
Licence: Free for private and commercial use
Format: OTF

様々なタッチのセリフフォントが集められており、ライセンスやフォーマットも合わせて明記されています。今日はその中でも気になったフォントを幾つかピックアップしたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:10  |  
Category: Design , Font   
2008年08月22日

ロゴデザインのインスピレーションを得るための「54 Creative Logos Hand-picked From Logopond」

企業や団体を示すロゴマーク。どんなロゴにも様々なの想いが込められていると思います。ロゴのデザインは非常に難しく、企業や団体のコンセプトを折込ながらも事業性を示し、なおかつ会社のステータス性やおかれている立場も意識しないといけません。

今日紹介するのはそんな難しいロゴデザインの際に役立つ、海外のクリエイティブなロゴを54個集めた「54 Creative Logos Hand-picked From Logopond」と言うエントリーです。このエントリーでは「LogoPond」というロゴデータベースから特にクリエイティブなものを集めたエントリーです。今回はその中でも特に気になった物をピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:16  |  
Category: Design   
tag: Design
2013年01月05日

ポイント使いに最適 フリーベクターバッチ「A Collection Of Free and Attractive Vector Badges」

デザインを目立たせるためには、目に飛び込んでくるようなポイントになる要素を取り入れることで効果を得ることができます。今回はそんなシーンにぴったりのフリーベクターバッチ「A Collection Of Free and Attractive Vector Badges」を紹介したいと思います。


Vintage Badges Vector Graphic

デザイン性の高いさまざまな種類のベクタータイプのバッジが、たくさんまとめられています。中でも気になったものをピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:59  |  
Category: Design , vector   
2018年02月18日

最新のクリエイティブなフリーフォントをまとめた「New Fonts 2018 Free Download」

常に新しい種類のフォントが登場し続けており、どのフォントを使ったら良いのか迷ってしまうこともあるかと思います。そんな時に参考にしたい、最新のクリエイティブなフリーフォントをまとめた「New Fonts 2018 Free Download」を今回は紹介します。

font0218
57-FUTURA – FREE VINTAGE FONT — Pixel Surplus | Resources For Designers

さまざまなテイストや形のフリーフォントがまとめられており、どれもデザイン性の高いものばかり。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2016年01月31日

フリーで使える ジオメトリック背景がまとめられた「12 Free Geometric Background Sets For Graphic Designers」

背景素材にはいろいろな種類がありますが、中でも特に流行となっているのがジオメトリック柄のもの。フリーでダウンロードできるものも非常に多く見かけます。そんなフリーで使える ジオメトリック背景がまとめられた「12 Free Geometric Background Sets For Graphic Designers」を今回は紹介します。

giome0
5 High Definition Geometric Backgrounds | Best PSD Freebies

いろいろなテイストのジオメトリック背景がピックアップされています。きになったものを以下に紹介していますので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
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   
2009年04月23日

ボタンデザインショーケース「Button Design Showcase」

WEBを制作する上でメニューと並んで書かせないのがボタン。ユーザーが使うものだけにデザインは印象に残りやすく、細かい所ですがサイト全体のクオリティにも影響を与えかねない重要な要素の一つです。今回紹介する「Button Design Showcase」は優れたボタンデザインを紹介していくエントリーです。

botmde01
GoodBarry

いくつものボタンデザインが紹介されていますが、今日はその中からいくつか気になったボタンデザインを紹介したいと思います。

詳しくは以下

Checkout
反光沢で少し立体感のあるクリアなボタン。

botmde02
 
 
 
 
 
Tao Effect
周囲が凹んでいるように見える処理を施したボタン

botmde03
 
 
 
 
 
Clearspring
光沢が効いたボタン。スッキリとしていながらも存在感があります。

botmde04
 
 
 
 
 
Games for Her by You
アナログ感のあるボタンデザイン。サイトのテイストにもよりますがハマれば効果的なデザインだと思います。

botmde05
 
 
上記の他にも様々なボタンのデザインが紹介されていて参考になります。ボタンのデザインに迷っているWEBデザイナーさんは是非原文もご覧ください。インスピレーションが得られるかもしれません。

Button Design Showcase | Vandelay Design Blog

続きを読む
posted 11:09  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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