【フォント配布】KutoDataBase 49seg - KutoDataBase
KutoDataBase 49seg オリジナルのフォントを作りました．以前から本サイト内で使っている字体でしたが，実はフォント化をしていなかったため今まで座標リスト（ベクタデータ）でしか定義されていないものでした． そしてこれを描画するために専用の関数を用意していたという大変エレガントな代物です． また，アルファベットも全て揃っていなかったので，A～Z全てのアルファベットを定義してフォント化しました．そして今回から正式に"KutoDataBase 49seg"と命名してみました（それっぽい名前を付けてブランド化していくスタイル）． "49seg"という名の通り，49個のパーツから構成されている字体です．9個の等間隔に並んだ円と，その間を補間するためにパーツを40個使用しています． 縦横に線を繋げられるのはもちろん，"X"とか"スラッシュ記号"みたいに，斜めにも線を結べるのがこの字体の面白
「なんで明朝体にした！言え！」新駅・高輪ゲートウェイ駅の案内板のデザイン、あまりのアレさに「なんでこんなことに？」と話題に
NHKニュース @nhk_news ＪＲ山手線で、およそ半世紀ぶりの新駅となる「高輪ゲートウェイ」の駅舎が完成し、今月14日の開業を前に内覧会が行われました。特徴の１つが改札内のコンコースで、警備や利用客の案内、それに清掃などを行う自律移動型のロボットが稼働していることです。 www3.nhk.or.jp/news/html/2020… #nhk_news pic.twitter.com/GzjGFbWWBH 2020-03-09 15:08:44 NHKニュース @nhk_news ＪＲ山手線で、およそ半世紀ぶりの新駅となる「高輪ゲートウェイ」の駅舎が完成し、今月14日の開業を前に内覧会が行われました。特徴の１つが改札内のコンコースで、警備や利用客の案内、それに清掃などを行う自律移動型のロボットが稼働していることです。 www3.nhk.or.jp/news/html/2020… #nh
フォントから考える(1) 創英角ポップ体はなぜ街に溢れるのか?
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人を含め広く知られているフォントとして、以前取り上げた「MS Pゴシック」をはじめとした「MSフォントシリーズ」に匹敵すると言っても過言ではないのが、「創英角ポップ体」でしょう。 Microsft Officeに標準搭載されているという共通点をもつふたつのフォントですが、その見た目は大きく異なります。駅の構内や商店の店先など、手作りの掲示物に多く使われているため、普段このソフトを使わない人でも、見覚えがあるのでは? そんな街中にあふれている「創英角ポップ体」は、プロのデザイナーの目から見てどう映るのでしょうか。 本連載では、「MS Pゴシック」の記事に登場していただいた、デザイナー・「Sさん」こと佐々木未来也さんに、テーマとなるフォントについて質問を投げかけていきます。今回は、街中にな
スターバックスを日高屋風にする
「ここは強調したいから白で囲っておこう、まだ地味だからこれを更に黄色で囲っちゃおう。」 このように、目立ちたい、目立ちたい、という気持ちをこめて文字にたくさんフチをつけて「盛って」いく。 すると、庶民派外食チェーン、日高屋の店内広告のようなぐいぐい系のビジュアルができるのだ。 そんな日高屋風「盛りすぎ文字」でスターバックスのキャラメルマキアートのポスターを作った。
SVGでプログラマブルな書体を作る話｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは、2016年度にデザイナー職で新卒入社しました@Ln_northです。新卒研修も終わり、現在はOJTのもとで生放送チームにジョインしています。 さて、Googleのロゴが変わっていくらか経ちますが、このロゴはSVGを使うと少ないデータ量で表現できるというニュースが話題になりました。 この記事を見た際に、厳密には視覚調整が入るはずなので、正確に幾何的図形とは一致しないだろうという感想も抱きました。しかし、SVGで文字を生成するということには非常に興味を持ちました。今までにも、文字のアウトラインを使ったアニメーションや表現はありましたが、文字自体を生成するというものは見たことがなく、そしてSVGはJavaScriptで操作することができるため、書体の印象が動的なフォントを作ることができると考えたからです。 どういうことかというと、例えば であるとか、 といったことができるかもしれない
人工言語の凛花文字が麗しい件
立てばモンゴル寝せれば楽譜、回る姿は魔方陣…果たしてその実態は？ これを見たとき何だかわからない興奮が生まれました。完全に新しいものの可能性の凄さというか。文字ってこんなふうに表記していいんだ…！！ 人工言語は創作を上回る発明なのですね。文フリの後で凛花文字が脚光を浴びてバージョンアップされる過程とグッズにしたらこんな感じ？なツイートをまとめてみました。凛花の缶バッヂつけて文学フリマを闊歩したい…したくない？ ※厳密な販売計画ではないのでご注意ください。 ※一部のツイートは時系列順ではありません。 5月17日追記 画像の無断利用や転載はご遠慮願います。凛花利用範囲の参照先https://creativecommons.org/licenses/by-nc-sa/4.0/deed.ja をご参照ください。（2016年5月17日現在） 追記2 人工文字の説明文を訂正しました。
初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント
優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
NEXCO中日本の折込チラシから驚愕の新事実が... on Twitpic
NEXCO中日本の折込チラシから驚愕の新事実が発覚。あの味のある高速道路専用ゴシックを廃して、ヒラギノに変えるだと？残念無念
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
装飾系フォント46 – creamu
それだけで絵になるフォントを探している。 そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette 流線型のオーナメント。商用無料 We Spray スプレーが描けるフリーフォント WC Rhesus 液体がはねたようなフォント Border Corners レースの飾りなど、様々なコーナーの装飾 Zoologic 象やキリン、ワニやラクダなどの動物フォント DJ Horses かっこいい馬のフォント 4Yeo Sport スポーツシルエットのフォント Efon 絵本に出てくるような、かわいいイラストフォント Facetype たくさんの顔のシルエット 入れておくと何かと便利だと思うので、一度見てみてください。 46 Cool & Useful Dingbat Fonts これはすごいかも。確かに軽くなった感じ
実はメイリオまだ進化中！ 誕生秘話を河野氏に聞いた － ＠IT
2010/01/07 現在ロンドンの地下鉄の案内図や路線図で全面的に使われているアルファベットフォント「New Johnston」をデザインしたのは実は日本人――。こう言ったら驚くだろうか。その日本人とは、イギリス在住のグラフィック・デザイナー、河野英一氏だ。河野氏はまた、Windows Vistaから標準で添付されているフォント「メイリオ」（Meiryo）をデザインしたことでも知られる。 2009年11月5日、来日中だった河野氏の謦咳（けいがい）に接する機会に恵まれた。訥々（とつとつ）とした中にも、デザインに対する情熱がかいま見える氏の語り口は、集まった出版、印刷、組み版、情報処理の専門家らを魅了した。 ビル・ゲイツがゴーサインを出した偶然 メイリオ――。横書きを前提に欧文・和文が混在するテキストを表示したときに美しく文字が組まれること、ディスプレイで読むことを最優先として液晶ディスプレ
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。
フォントhack.jpは日本語フォントの総合案内サイトです フォントhack.jpは、日本語フォントの魅力を皆さまお届けするフリーフォント総合案内サイトです。自由にインストールして利用できる、フリーフォントを中心に紹介しております。またフォントなニュースやフォントに関するブログなど書体に特化したコンテンツを提供しています。 フォントとは？ フォントはある様式に従って文字をデザインしてそれをパソコンなどで表示したり、印刷できるようにしたものです。パソコン内では「0」と「1」の組み合わせ(2進法)でデータ化されていますが、液晶画面などに表示するときやプリンターで印刷するときに文字となって表現されます。書体とも呼ばれていますが、これは昔あった写植のなごりで、ゴシック体(カクカクした感じの書体)とかナール(丸文字の書体)などと呼ばれていました。写植とは、写真植字といい、文字が沢山書かれた文字盤の上
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
文字に「魂」を吹き込む技術「キネティック タイポグラフィ」(Kinetic Typography):Garbagenews.com
先に【羊とLEDで色んな形を作ってみた】で「先日ニュースチェックをしている際に「これはスゴい!」と思ったものの”一つ”」として、「羊にLEDを貼り付けてそれを誘導した画像を使って色々なものを作り出す」映像を紹介した。今回はこれとほぼ前後して、「表現として『これはスゴい!』と思った」もののうちの、他の一つを紹介することにする。それは「キネティック タイポグラフィ(Kinetic Typography)」と呼ばれる手法による動画だ。 ●「タイポグラフィ」と「キネティック タイポグラフィ」 まずは直接のきっかけとなった動画を。先日原作の小説の方では最終巻が発売された『とらドラ!』のアニメ版における、古いほうのオープニング(「プレパレード」)を素材に使った「キネティック タイポグラフィ」の手法で作り上げられた動画だ)。 元々「タイポグラフィ」とは、文字列に色々な工夫をして、相手に分かりやすく表現す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
一般人が掲示物などにダサいとされがちな「ポップ体」を使いがちなのはこんな理由？「一理ある」「自分もこの理由でよく使ってる」
NIKKEI STYLEは次のステージに
メイリオをデザインした河野英一さんのお話 - Togetterまとめ