ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
「©(コピーライト)」「€(ユーロ)」「π（パイ）」「µ（マイクロ）」「∞（無限大）」など特殊記号文字を入力する際の、WindowsやMac環境でのキーボードの入力方 [...]
Fontsoは、600個以上の高品質なフリーフォントがダウンロードできるサイトです。 Fontso - a guide to Free fonts in High Quality 各フォントは、ユーザーが入力したテキ [...]
woorkのエントリーから、ペンで書いたような、10個の手書きのフォントを紹介します。 10 Handwritten fonts you can't miss Analgesics Sketch Rockwell Joe Hand Two Turtle Doves Estrya's Handwriting Gregs Other Hand Later On Bubbly Frog Rai Elegant Imitation
今回ご紹介しますのは、12点です。 いずれも手書き風のスパイスの効いたフォントをご紹介いたします。
ちょっとしたデザインのアクセントに矢印素材はとっても便利ですね。 リストに使ってみたり、タイトル部分にさりげなく飾ってみたりと、いろいろ使い道があります。 本日は、矢印の素材をいろいろと集めてみました。 Website Bullets リストなんかに使えそうな矢印や小さなアイコンがいろいろあります。サイトのデザインもシンプルでかわいいですね。 56 Free Arrow Symbols & Icons...
『 キラッ☆／くどいデザインのページでは使用しないように留意したい 』
フリーフォントばかりではありませんが、deviantARTで公開されているFONTの中からピックアップした美しいフォント集をまとめたエントリーが今回紹介する「 40+ Extremely Beautiful FONT」です。 Bobel クリエイティブが溢れるフォントを40紹介しています。今日はまとめられているフォント中からいくつかdesigndevelopが気になったものを紹介したいと思います。 詳しくは以下 ■Dreamforge Classic ...
以前、ご紹介した『Photoshopチュートリアル テキストエフェクト』 Photoshopを使って、テキストを格好良く見せたい！そんなときに使えそうな、Photoshopのテキストエフェクト・チュートリアル 第２弾です。 Create a Spectacular Grass Text Effect in Photoshop 芝生が浮き出るテキストエフェクト。とってもきれいですよね。 Dramatic Text on Fire Effect in Photoshop メラメラと燃えさかる炎がかっこいエ...
「FontSpace」はフォント・デザイナーおよびフォント常用者のコミュニティーで、8900個以上のフォントが無料でダウンロードでき、それぞれのフォントについて詳細なライセンスや書体見本、さらには実際に自分で入力した文字がそのフォントではどう見えるかがすぐにその場で確認できるようになっており、めちゃくちゃ便利です。 各フォントにはタグが加えられており、コミュ...
『 onclickごと人のコードもパクリw他のサイトのアクセス解析してどうすんだよ。追記：onclickを消して証拠隠滅wwwhttp://design-develop.net/web/top-28-free-font-directory-2.html 』
フリーフォントについてはDesignDevelopでもいくつか紹介してきましたが、今日紹介するのは数あるフリーフォント配布サイトのなかでも厳選された28個のを紹介しているエントリー「Top 28 Free Font Directory Resource Sites」を紹介したいと思います。 すべてのサイトを合わせると100,000以上のフォントが収録されています。すべて回るなんて事はできないかも知れませんが、こちらを参考に...
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変えて、さらに立体的にも...
Safariのバージョン3では、スタイルシートを利用して文字のアウトラインを表示できるようになった。スタイルシートで文字をアウトライン化すれば、画像を使わずに文字のデザインの幅を広げることができる。「Safari 3.1でWebフォントを利用する」で紹介したWebフォントが普及すれば、文字のデザインに画像を使う必要は少なくなっていくだろう。 アウトラインのデザインを指...
テキストにメタル・クローム・ピクセル・グランジ・泡・水などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファ [...]
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly" Golden Ratio Cal [...]
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウ [...]
「あんずもじ」は、文字の種類ごとに異なる字体が手書きの味わいを色濃く演出する手書き風プロポーショナルフォント。Windows XP/Vistaに対応するフリーソフトで、作者のWebサイトからダウンロードできる。無償での利用は商用・非商用を問わないが、本フォントで作成した二次創作物をWeb上で配布・公開する場合には、本フォント作者のWebサイトを明示する必要がある。 ひ...
Logo Design NZ blogのエントリーから、使い勝手のよさそうな、ページのアクセントにも最適なフリーのデザインフォントを紹介します。 Download Top 20 Designing Fonts Anivers COM4t Fine District Thin Ethnocentric Existence Light Fontin Frucade Medium Gentium Basic Geo Sans Light Good Times Guardian Italic Just Old Fashion MankSans Maximum Line Speeder MgOpenCosmetica Pigiarniq Scriptina Spirequal Light Steiner Zrnic
テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウン [...]
