コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
サンセリフの基本的な知識と種類を交えてオススメ書体をご紹介 ｜ デザインポケット
デザインポケットでは、およそ2万アイテムの欧文書体を取り揃えています。 欧文書体はデザイン上の単なる飾り、という時代はとっくに終わっており、今は海外に向けて日本の製品やサービスを発信する時代です。本特集ではデザイナーなら知っておきたい定番の欧文フォントの中から、特に人気の高い「サンセリフ体」に絞って、いわゆる古典的なサンセリフ体だけでなく、新しいものも交えて紹介します。 より分かりやすく、選ぶ・買うのに必要な情報もほどほどに端折りながら解説します。 サンセリフ体（Sans-serif typeface）とは？ “sans”はフランス語で「無い」の意味。つまりsans-serifは、セリフがサンなフォントのこと。 セリフ体・ローマン体 (serif typeface・roman typeface) とは違って、小説などの長文には向いていませんが、簡単な字形のため視認性が高く悪条件でも読みやす
游ゴシックの話題の解説
「フォントの関係性はそんなのだったの！？」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人＋毛である。 太字には２種類あるまず、コンピューターの画面に映し出される「太字」には２種類ある。 ひとつは、最
本のフォントが気になったので、徹底的に調べてみたら、意外な事実が判明した。｜後日談追記｜伊藤太一 / プロダクトデザイナー
2020.1.14. 一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1
モジザイ
男性的 女性的 子どもっぽい レトロ アンティーク オールド モダン 伝統的 渋い 和風 丸い カクカク カジュアル フォーマル 存在感 インパクト 繊細 美しい 上品 高貴 元気 陽気 明るい 親しみ すっきり かわいらしい クール ポップ やさしい なごやか シンプル おしゃれ ホラー アニメ ゲーム 個性的 面白い くせある
「源ノ角ゴシック」構想は25年前から--“フォント愛”あふれる米アドビ書体チームに聞く
今やフォトレタッチからビジネス文書の作成、映像制作やDTP、さらにはウェブ制作に至るまで、あらゆるプロフェッショナルシーンに活用できるソフトウェアを提供しているアドビ。それらのソフトウェアに欠かせない、しかしあまり意識することのない要素の1つがフォントではないだろうか。写真の加工やドキュメントの作成時に普段何げなく使っている日本語テキストだが、日本語をグラフィックとして正しく表現するには、正しくデザインされたフォントが不可欠となる。 そんなフォントの開発を先導してきたアドビのなかでも、初期から関わってきた技術者と責任者が、東京で開催されたフォントの祭典「ATypI」のために来日、本誌のインタビューに応じていただいた。米アドビで書体開発チームのシニアマネージャーを務めるダン・ラティガン氏と、同タイプアーキテクトのケン・ランディ氏の2人が、アドビがフォントに力を入れる理由、それぞれがフォント開
デザイナーは善き人であるべきか｜城下 沙緒里
2月21日にTypographicaに寄稿されたコラムについて。自分も関心のあるテーマ「デザイナーの仕事と人格の線引き」に繋がる部分があり、また焦点となっている会話がドイツ人デザイナー達によるもので実際にベルリンで面識のあるデザイナーもそこに含まれていることやドイツの団体が話題に上っていることもあって面白く読みました。これについて考えたことを書いておきたいな、ついでにもしかしたら誰か他にも興味のある人がいるかもしれないと思い、稚拙ながら日本語に訳してみました。解釈や表現に間違っているところを見つけたら是非教えて下さい。 こちらがオリジナルの英語記事です。 ・・・・・・・・・・・・・・以下、引用・・・・・・・・・・・・・・ Type Choice, Political Choice少し前に、ある一つの難しい対話の芽が摘まれそうになったことを通して自分の中で明らかになったことがある。ユートピア
教材の書体を変えるだけで子どもの読解力が上がった!? モリサワに聞く「フォントのユニバーサルデザイン」（1）
より多くの人にとって、使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初のユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 そもそもUDフォントとは？ ―― そもそもUDフォントとはどんなものですか？ 高田氏：人間の感覚は聴覚、触覚、嗅覚……などに分けられますが、情報の認知には視覚、特に文字情報の認知が大きな役割を果たしています。ですが、さまざまな事情から、読むことに困難さを抱えている人もいます。 UDフォントは「より多くの人に見やすく、読
Illustratorでの「合成フォント」のつくり方｜DTP Transit
「合成フォント」の作成手順 ［書式］メニューの［合成フォント...］をクリックします。 ［合成フォント］ダイアログボックスが開くので、［新規...］ボタンをクリックします。 ［新規合成フォント］ダイアログボックスで「名前」（合成フォント名）を入力します。トラブル回避のため、極力、英数字のみを使用し、記号類は使わないようにしましょう。 ［漢字］、［かな］、［全角約物］、［全角記号］、［半角欧文］、［半角数字］それぞれの文字種に、フォント（とウエイト）を指定していきます。Illustrator CS6以降は、複数の文字種を同時に設定することができます。 ［サンプルを表示］をクリックして、サンプルを表示します。［ズーム］を「400」や「800」に変更し、英数字の大きさ、ベースラインのバランスを調整します。 ［OK］ボタンをクリックすると、次のアラートが表示されるので［はい］をクリックします（その
San Francisco フォントを探る - Qiita
San Francisco Font Family San Francisco はひとつの書体ではなく、SF Pro, SF Compact などと呼ばれ、それぞれに Text, Display, Rounded バージョンが存在します。Text よりも Display の方が多くのウェイトを揃えているのは、Text は視認性を重視した書体ゆえ、細いものは利用する想定にないからなのだと思われます。SFシリーズはVariable fontに対応しています。 SF Pro vs. SF Compact SF Pro は macOS や iOS, tvOS デバイスのシステムフォントとして採用されています。SF Compact は Apple Watch のシステムフォントとして採用されています。Compact は字が四角形に近い形をしていて、Apple Watch のような小さなデバイスでも視
娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
F37 Bella — TDC Tokyo 2012受賞！力強いデコラティブなセリフ書体 - フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
Illustrator/InDesignの自動カーニングあれこれ｜DTP Transit
次の方針が望ましいと考えます。 ツメ組みでの基本は「自動」＋「プロポーショナルメトリクス」を設定 ベタ組みでの基本は「和文等幅」 自動カーニングが効かないフォントのみ、「オプティカル」を設定 見出しなど、部分的に「文字ツメ」を併用することも（ただし、欧文には設定しない） ご参考： メトリクスには「プロポーショナルメトリクス」の併用が必須 - なんでやねんDTP 2007-11-03 - 遠近法ノート 「文字ツメ」と「オプティカルカーニング」について。 Illustrator CS2とInDesign CS2の自動カーニング機能 - DTP Transit ふと、調べてみたのですが、「自動」は、従属欧文には無効なので、合成フォントを設定する必要があります（言われなくても使っているでしょうけど）。というわけではないようです。コメント欄を参照してください。 各機能をまとめてみました。 設定名 和
ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基本的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ！ ちょっと待って文字詰めって何？ まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基本的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜアップルは世界で最も愛されたフォントを捨てたのか
Buy & Freely Download Cool Fonts & Typefaces | HypeForType
金剛黒体 | ダイナコムウェア、フォント、多言語、書体、液晶表示
Fontfabric™ — We design fonts
)
Oduda - Rounded Typeface (Free Demo Version)