機械彫刻用標準書体をデジタルフォント化しています。現在ベータ版を公開しており、正式版となるまでには年単位の制作期間を要します。 機械彫刻用標準書体とは 令和の改刻 フォント設計 長体仮名フォント ダウンロード テスト入力欄 連絡先 機械彫刻用標準書体とは 機械彫刻用標準書体は、工業的な彫刻によって文字を作製するときの標準として、日本産業規格(JIS/旧日本工業規格)に定められた書体です。工業彫刻における技術的制約から、独特な機能美を持っています。
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や()や・などは、隣り合うと何だか
2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ!」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫!今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです!紹介する素材はすべて商用利用OK!参考になるデザインのWebサイトもいくつか紹介します!(あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw) ↑私が10年以上利用している会計ソフト! 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか?SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト! 2014年7月3日 追記:SVGスプライトの書き方について修正&追記しました。 SVGってなに? SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
by arnoKath 美しいウェブサイトを作ることは単純にユーザーの気分をよくするだけではなく、パフォーマンスを上げると言われています。ウェブサイトのデザイン性を上げるには使用するフォントも大切ですが、フォントの大きさも重要な要素。そこで、黄金律を使ってフォントサイズを決めることの重要さや方法をAdditive AnalyticsのCEOであるLaura Diane Hamiltonさんがまとめています。 The Golden Ratio and Typography - Laura Diane Hamilton http://www.lauradhamilton.com/the-golden-ratio-and-typography ウェブサイトに情報を記載する上で、フォントのサイズに階層を設けるとユーザーを情報へ正しく導くことが可能であるため、ウェブサイト上のフォントサイズは複数のも
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
「Comic Sans」は1994年にフォントデザイナーのVincent Connare氏が作成したフォントで、漫画本などのカジュアルなフォントから着想を得て作られたものです。このフォントはWindows 95のリリースと共に世界中に広まったわけですが、あまりにカジュアル過ぎるそのデザインにより、「Comic Sans」を使うと「あらゆるデザインを著しく損なわせてしまう」としてデザイナーからはとても不評で、「Comic Sans」の使用を禁止しようとする運動まで巻き起こっているほど。 そんな「Comic Sans」の代わりになりそうなのが、カジュアルながらも印刷した際にテキストとして読みやすいようにデザインされている、メモやコメントを残すのに最適なフォント「Comic Neue」です。 Get Comic Neue http://comicneue.com/ 左側が「Comic Sans」
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
ロゴ向けフォントのシャープな感じと、少しやさしくてエレガントな柔らかいデザインが特徴で、一般的なゴシック体のフォントとは少し違った風合いを持たせたフリーフォントが「ロゴたいぷゴシック」です。無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォント ロゴたいぷゴシックのダウンロード | フォントな情報。オープンソースの安心フリーフォント http://www.fontna.com/blog/1226/ ロゴたいぷゴシックのベースになっているのは、誰でも無料で使えて個人利用をはじめ、商業目的での利用、フォント内容の改変、改変後の再配布にも制限のないM+FONTSで、オリジナルで作成されたひらがなとカタカナの文字にM+FONTSの文字を補完するという、いわばM+FONTSの派生プログラムにあたる存在のフォントとなっています。全体的なデザイン処理として、わずかに文字
日本語ウェブフォントとは 日本語ウェブフォントも本当にゆっくりですが、広がりを見せてきています。私のホームページで使っているのも日本語ウェブフォントですし、このブログも実は日本語ウェブフォントを使用しています。ちょっと可愛い文字でしょ。SEOにも有利ですし今後広がっていくと思います。 FONTPLUSのFONT TIPS https://fontplustips.comではわかりやすく日本語ウェブフォントの説明がされているので、まずは基礎知識を得てみるのも良いと思います。Webディレクターとしておさえておきたい!日本語Webフォント最新事情でもわかりやすい説明があります。 私の公開しているフロップデザインフォントと、うつくし明朝体もウェブフォントを見据えてデザインされています。このブログはフロップデザインフォントをカスタマイズしたフォントです。フロップデザインフォントはフラットデザインのイ
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい:photoshopのアンチエイリアスについては、基本的には5種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の5種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の4つに関しては シャープ:文字が太い / くっきり 鮮明:文字が細い / くっきり 強く:文字が太い / なめらか 滑らかに:文字が細い / なめ
We Love Icon Fonts We must stop here, this is icon fonts country! What? This is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). Hurray! Caution! This is a public gamma. Use this service for mockups, reduced test-cases or CodePens, but not on productive systems!
Windows 7 および Windows Server 2008 R2 向け JIS90 互換 MS ゴシック・明朝フォントパッケージについてトピック概要 仕様 インストールおよびアンインストール方法 注意事項 概要本フォント パッケージは、Windows 7 および Windows Server 2008 R2 のフォント環境 (JIS2004) を、Windows XP または Windows Server 2003 のフォント環境 (JIS90) に揃えるためのものです。 Windows 7 および Windows Server 2008 R2 では、Windows Vista や Windows Server 2008 と同様に新 JIS 漢字 (JIS X 0213:2004、JIS2004) に対応した日本語フォントを搭載しておりますが、Windows XP や Window
画像や文章のレイアウトはウェブサイトをデザインする時だけではなく、資料やポスターなどを作成する時にも必要になりますが、正しいフォントの選択やレイアウトは文章を読みやすくするのに加えて、人の脳に作用し読み手を心地よくさせます。ということで、以前記事化した「自分のアイデアをアプリ化するための予算を自動計算してくれるウェブサービス『How Much Does It Cost To Make An App?』」を提供しているooomfの創設者・Mikael Choさんが、すぐにでもできる効果的な文書の作成方法をまとめています。 The science behind fonts (and how they make you feel) | ooomf blog https://ooomf.com/blog/the-science-behind-fonts-and-how-they-make-you-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く