さっぽろ東急百貨店のUNIQLOの広告が文字の色が全部同じで文字組みだけなのにぱっと頭に入ってくる「文字組みの凄さだ」つと@LPデザイナー×STUDIO @tsuto_design 文字組みの凄さよ。文字の色が全部同じなのに、特にあしらいも入ってないのに、文字組みだけなのに…。 こんなにパッと見でも何が書いてるか頭に入ってくるのヤバくないですか？これって一見普通に見えて、めちゃくちゃ凄いことだと思う🤔 pic.twitter.com/3tHnkdhjMn 2023-09-05 20:15:17
より良いタイポグラフィのための知られざるCSS
CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
タイポグラフィがどのようにSF映画の物語に寄与しているのか？──『ＳＦ映画のタイポグラフィとデザイン』 - 基本読書
SF映画のタイポグラフィとデザイン 作者:デイヴ・アディ発売日: 2020/08/18メディア: 大型本この『ＳＦ映画のタイポグラフィとデザイン』は、まさにその名の通りにSF映画に存在するタイポグラフィとデザインに集中して取り組んだ一冊である。大型本で、所狭しと書体とデザインとその解説が並んでいて──一言で言えば最高の本だ！ 取り上げられていく作品は、『2001年宇宙の旅』『エイリアン』『スタートレック』『ブレードランナー』など有名作ばかりの7作で、数自体は少ないが、代わりに映画に登場する一瞬しか映らないような文字でさえもどんな書体を使われているのか見つけ、それぞれがその映画においてどのような意味を持っているのか分析してみせる。タイポグラフィって要は書体を何にするか決めてどう配置するかぐらいでしょ？ そんなに語ることあるの？ と思うかもしれないが、これが超重要だ。 未来的と思わせる書体は確
アタリフォントから始まる“ゲームとフォントの歴史”──『時のオカリナ』はロックンロール、PS3のシステムフォントはニューロダン、そしてVRは…
ゲームの文字表示に使用されるフォントについて、意識したことがあるだろうか？ レトロゲームのファンならば、少ないドット数で味わいのある字形が表現されたアルファベットや数字を、そのゲームのグラフィックスの一部として記憶に留めている人もいるだろう。また、海外ゲームの日本語ローカライズが増えた昨今では、異なる言語を翻訳するという作業の性質上、日本語テキストのフォントが作品の内容にフィットしているかどうかを、プレイする側も話題にすることが多くなっている。 考えてみればアドベンチャーゲームやRPGでは、長編小説に匹敵するか、それ以上の量の文章を読むことになる場合もある。そういったテキストを重視した作品に限らずとも、文字表現がまったく存在しないゲームというのはほとんどないはずだ。 つまりは文字フォントもまた、ゲームにおける重要な構成要素の1つなのである。 これまでゲームについての論考では、ゲームシステム
初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント
優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに
日本語フォントの書体の選び方・組み合わせ方、そしてデザインする日本語タイポグラフィのテクニック
明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
出版社に送る原稿には日本語と英単語の間にスペースを入れない方が良いらしいので贖罪のためにシェル芸やります。 – 上田ブログ
本日はFaceBook上で、「執筆者から受け付けてこれからDTPに流し込む原稿においては、日本語と英単語の間にスペースを入れられると面倒だ！」と編集を生業とするベテランかつ重鎮の方々からシュプレヒコールが上がりましたので、ここにつらつらぐだぐだとそのことについて書きます。 ここに書く事はそこでの議論の本筋とは関係ありません。自分の興味でつらつら書きます。ただそこでの会話をまとめたものになっているので、ここに書くのはちょっと申し訳ない気もします。ただ、面白かったので・・・。 なぜ面倒か？ まず、日本語と英単語の間にスペースが入るとなにが嫌なのかというと、DTPソフトに流し込むときにはこれを一つ一つとらなければならないそうです。なるほど。これは執筆者は知っておくべきです。もしかしたら出版社からいただく諸注意に書いてあるかもしれません。（←ちゃんと読みましょう for 自分） LaTeXを使う人
Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO
Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル（ボタン）とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2（Jelly Beans）もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在
同人誌を作る時に最適の読みやすいフォントはどれ？ ｜ お絵かき速報！萌え絵上達法
1：スペースNo.な-74：2011/01/11(火) 20:19:38 ここは同人誌作成に欠かせないフォントについて雑談する スレッドです。皆様のオススメフリーフォントサイトや このフォントって何？等の質問など何でも書き込んでください。 表紙のみならず、同人誌印刷所スレで度々出る本文のフォントに ついても情報をお待ちしています。 ＊同人で使えるフォントについての情報交換の場です。 ＊有料フォントの無断無料配布はご遠慮ください。 ただし「○○のサイトで（お金を払えば）手に入る」等の 情報はどんどんお寄せください。 ＊ＭＳフォントはvista以降同人での利用が可能になりました。 2：スペースNo.な-74：2011/01/11(火) 20:20:19 About Font http://home.intercity.or.jp/users/masak/ 和文フォント大図鑑(旧 Fonts 大
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
タイポグラフィを基本から学べるオススメの本
ウェブデザインでも非常に重要なタイポグラフィを基本から学べるオススメの本を紹介します。 きれいな欧文書体とデザイン 文字の組み方 欧文組版 デザインの教室 市川崑のタイポグラフィ 欧文書体百花事典 きれいな欧文書体とデザイン -名作書体の特色とロゴづくり ポピュラーな書体の基本情報から、それぞれの特徴をふまえた文字組・ロゴ作成を分かりやすく解説しています。装丁がとても美しい本なので、ぜひ手にとって見てください。 『メイキング「きれいな欧文書体とデザイン」』では、そのコンセプトを垣間見ることができます。 目次 欧文書体の基礎 欧文書体を使ったロゴづくり 欧文書体の特色とアレンジ 響き合う書体たち [ad#ad-2] 文字の組み方 -組版/見てわかる新常識
フォントブログ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やばい連載が始まったな…あの頃のテレビの「手書きロゴ」の制作秘話が面白い「激アツすぎ」「勉強になる」
欧文フォントは歴史と紐づけるとまじでわかりやすい｜ありさん
今まで文字を読めなかった子がある書体に変えたら読めるようになった！その書体への感想や今後への期待の声が集まる
ロンドン地下鉄の「フォント」が変更される理由
まとめよう、あつまろう - Togetter
細みでスタイリッシュなフリーフォント50
WordPress › Error