#デザイン記事まとめ

もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け

フォントを購入するときや使うとき、フォントフォーマット（フォント形式）の違いについて悩んだことはありませんか？OpenTypeフォントとTrueTypeフォントでどちらを選ぶか、悩んだことがあるデザイナー・プログラマーの方もいらっしゃるかもしれません。 OpenTypeフォントとTrueTypeフォントはどちらにも誕生の経緯や役割があり、特定のニーズや用途によって適切なフォーマットが異なります。結論からいえば、OpenTypeフォントはタイポグラフィ・組版などのデザイン性が

【座談会】デザインと技術のプロ集団フェンリルに学ぶ「フォント選びのコツ」

大手スーパーのポイントアプリから国内最大級の動画配信サービスまで、日常に欠かせない数々のデジタルサービスのデザイン・開発に携わるフェンリル株式会社。デザイン業務に携わる全社員にモリサワのサブスクリプションサービス「Morisawa Fonts」のライセンスを⽀給しています。その活⽤はクライアントワークだけでなく、⾃社制作物や社内レクリエーションなど多岐にわたります。そこで今回はフェンリルでデザインやディレクション業務に携わる3名にご登場いただき、フォント選びのポイントや

じゃあなんすか、Noto Sans JP使うんならボタンにアイコン入れるなって事すか

こんにちは、ちょっと株式会社デザイナーのモです。挨拶から間髪入れずで申し訳ないのですが、まずはこちらをご覧ください。何の変哲もないテキストとアイコンで構成されたボタンです。今回はこちらのボタンに物申したく筆を執らせていただきました。思うところがあるんだよ今の私には。ずれている、Noto Sans JPという訳で早速本題に入りますが、単刀直入に言ってこのボタンずれてるんですよね。「暑いね」って言ったら「水飲めば？」って言ってくる人くらいずれてる。私怨はさておき具体的

ベタ組とツメ組。日本語の文字の並べ方を押さえよう

みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。今回はそんな日本語の文字の並べ方をご紹介します。ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。まずは日本語組版にもある「ベタ」を説

新書体なのに懐かしい！2024年リリース予定写研フォントのご紹介

この記事が公開される4月10日は、アドビ社が制定した「フォントの日」です。モリサワでもこの記念日に合わせてAdobeさんのイベントに参加したり、フォントに関する情報公開をしたり、noteで記事を公開したりと、さまざまな活動をしています。さて今回は、2月22日に開催した配信イベント Font College Open Campus 12「日本語デザインを変えた技術　発明100年に1から知りたい写植の話」の中で公開した2024年リリース予定の写研フォントについて、詳しくお伝え

試し読み：『もじグラフィックス』扉の作字／メイキング作品

2024年3月の新刊『もじグラフィックス』では、クライアントワークではない純粋な視覚表現、自己表現のために制作された作字を一挙掲載しています。それぞれの作字は特徴ごとに9つの分類を行い、制作意図のキャプションとともにご紹介しているのですが、その扉で使用されている文字も、本書のデザイナーさんたち（デザイナー：北岡誠吾、協力：原田ひかる）によって作字されたものです。 1章　形状（線／面／質感）まるでイラストを描くように、自由に変化し構成される線と面、手触りを感じさせるよ

「伝わる」デザインってなんだろう？〈“伝えることば”の考究記〉

どんなお仕事でも、「伝わる」ものをつくるのって難しいですよね。はじめまして！　科学コミュニケーター／デザイナーとして活動している、山内と申します！　ぜひ気軽に“じーにょ”とお呼びください！皆さんは、資料や企画書、デザイン物などを制作するとき、どのような工夫をされていますか？内容を作り込む、ライティングをがんばる、ビジュアルを整える、効率を重視する……さまざまなこだわりで取り組まれていると思うのですが、最終目標はみんな変わらないはず。それは、相手へ的確に情報を「伝え

なんとなく使っていませんか？括弧の種類と使い分け

突然ですが、質問です！以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。答えは簡単ですね。「　」の中の言葉が声に出して言っている部分、（　）の中の言葉が心の中で思い浮かべている部分です。前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。このように括弧類は主に文章内で会話・引用・強調などの用途で使われますが、普段はなんとなく使っているという方が多いのではない

フォント選びはビジュアルコミュニケーションの要〜意思を持ったフォント選びでデザインの解像度をあげる〜

だれでも論理的にデザインの意図を理解できるよう、フォントを声色、文字間を話し方、色を性格になぞらえ解説した『わかる！使える！デザイン』の著者でもある、アートディレクターの小杉幸一さん。前半では、渋谷ハロウィンに関するコミュニケーションデザインをはじめ、企業ロゴなどを事例に、フォント選びのヒントを教えていただきました。今回は後編として、モリサワフォントを活用したビジュアルデザインについて実例を交えてお話しいただきつつ、デザインの際によく使われるモリサワフォントや、202

スターバックスのアイデンティティを体現するフォント「Sodo Sans」【Web Design Talk】

こんにちは、How many designs です。 Web Design Talk というタイトルで、デザインに関するお話を少しだけ書いていこうと思います。気軽に読んでいただければ幸いです。「Sodo Sans」はスターバックスのアイデンティティそのものスターバックスのロゴや店内装飾、商品パッケージなど、様々な場所で目にする洗練されたフォント「Sodo Sans」。スターバックスのデザインチームとアメリカ合衆国ユタ州にある書体制作会社、Lettermatic社との共同作

自動の文字詰めがより便利に！「A P-OTF」フォント

たくさんのフォントの中から目的にあったフォントを選ぶ作業は、いつでも楽しく、そして悩ましいものです。以前モリサワnoteでは、フォントメニュー名から用途にあったフォントを選ぶための解説を掲載しました。モリサワのOpenTypeフォントは、ペアカーニングなどの情報が含まれるものについては、名前の先頭に「A P-OTF」をつけています。今回は、ペアカーニングに対応し、自動の文字詰め機能がより便利になった「A P-OTF」フォント（以下AP版書体）について、その特徴をご紹介

絶妙な古さの秘密とは?! フィルムエストの映像を文字から深掘り

昭和のニュース映像と思いきや、アナウンサーが繰り出すのは「タピオカ」「インボイス」「新型コロナウイルス」といった「令和」のトピック。一瞬いまが何年なのかわからなくなるような、古くて新しい、そして思わず笑ってしまう映像を作り続けている「フィルムエスト」。完全に架空の内容であるにもかかわらず、その再現度の高さから、本物の古い映像と勘違いする視聴者も多いのだとか。今回は、2024年に改刻フォントがリリースされる写研書体にも造詣が深い「フィルムエスト」主宰のにしいさんに、モリ

台湾の風薫るデザイン書体「美風」

突然ですが、次の文章を見て何か気づくことはありませんか？どちらも日本語で書かれていますが、上のフォントには繁体字書体、下のフォントには和文書体が使われています。中国語の文章を見たときに一見知っている漢字でも書き方が違うように感じたことがあるかもしれませんが、このように比べてみると「風」「色彩」など、和文書体と同じ形の文字があるのがわかりますよね。今回は、そんな和文とも共通点のある繁体字から制作された和文書体「美風」を紹介します。美風の紹介デザインの特徴美風はそ

ピクセルフォント製作入門

この記事ではドット絵を扱ったことがあり、フォントにしてみたい人向けに「PixelType」を使用したピクセルフォント製作のポイントを解説します。 1. 目的｜こういうものを作ります！まず0～9までの数字だけのフォントを作り、作業の流れを掴みます。チュートリアルなどいらぬ！という人はスキップしてもOK！そして「5x5ピクセルフォントチャレンジ」のフォント化に挑戦します。英数字、ひらがな、カタカナと基本的な記号をテキスト上で扱える、とても楽しいピクセルフォントになります

フォローしませんか？

#フォント

もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け

【座談会】デザインと技術のプロ集団フェンリルに学ぶ「フォント選びのコツ」

じゃあなんすか、Noto Sans JP使うんならボタンにアイコン入れるなって事すか

ベタ組とツメ組。日本語の文字の並べ方を押さえよう

新書体なのに懐かしい！2024年リリース予定写研フォントのご紹介

試し読み：『もじグラフィックス』扉の作字／メイキング作品

「伝わる」デザインってなんだろう？〈“伝えることば”の考究記〉

なんとなく使っていませんか？括弧の種類と使い分け

フォント選びはビジュアルコミュニケーションの要〜意思を持ったフォント選びでデザインの解像度をあげる〜

スターバックスのアイデンティティを体現するフォント「Sodo Sans」【Web Design Talk】

自動の文字詰めがより便利に！「A P-OTF」フォント

絶妙な古さの秘密とは?! フィルムエストの映像を文字から深掘り

台湾の風薫るデザイン書体「美風」

ピクセルフォント製作入門

#デザイン 記事まとめ

フォローしませんか？

#フォント

もう迷わない！OpenTypeフォントとTrueTypeフォントの使い分け

【座談会】 デザインと技術のプロ集団フェンリルに学ぶ「フォント選びのコツ」

じゃあなんすか、Noto Sans JP使うんならボタンにアイコン入れるなって事すか

ベタ組とツメ組。日本語の文字の並べ方を押さえよう

新書体なのに懐かしい！2024年リリース予定 写研フォントのご紹介

試し読み：『もじグラフィックス』扉の作字／メイキング作品

「伝わる」デザインってなんだろう？〈“伝えることば”の考究記〉

なんとなく使っていませんか？ 括弧の種類と使い分け

フォント選びはビジュアルコミュニケーションの要〜意思を持ったフォント選びでデザインの解像度をあげる〜

スターバックスのアイデンティティを体現するフォント「Sodo Sans」【Web Design Talk】

自動の文字詰めがより便利に！ 「A P-OTF」フォント

絶妙な古さの秘密とは?! フィルムエストの映像を文字から深掘り

台湾の風薫るデザイン書体「美風」

ピクセルフォント製作入門

#デザイン記事まとめ

【座談会】デザインと技術のプロ集団フェンリルに学ぶ「フォント選びのコツ」

新書体なのに懐かしい！2024年リリース予定写研フォントのご紹介

なんとなく使っていませんか？括弧の種類と使い分け

自動の文字詰めがより便利に！「A P-OTF」フォント