最近の『なんかいい感じの邦画』はこういう字体のタイトル表記が多い？→“サブカルのチョロい化”なのでは？→様々な意見が集まる
柴崎祐二 @shibasakiyuji 評論家／音楽ディレクター 単著『ポップミュージックはリバイバルをくりかえす 「再文脈化」の音楽受容史』（イースト・プレス）他、編著『シティポップとは何か』（河出書房新社） 他、連載「未来は懐かしい」（TURN）「その選曲が、映画をつくる」（NiEW）他 shibasaki1011@gmail.com 柴崎祐二 @shibasakiyuji 最近の「なんかいい感じの邦画」、こういう字体のタイトル表記多すぎじゃないですか？ ここまで溢れかえっているのをみると、マーケティング対象たる「サブカル層」って、映画業界内でも完全にチョロい存在として考えられているのだろうなー、、、と。 pic.twitter.com/246YQJJ5wJ
CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
All About ニュース ライフ 映画ポスターの「右肩上がり手書き文字」はなぜ流行っている？ 作品の“エモさ”を引き出す理由を分析してみた 映画ポスターの「右肩上がり手書き文字」はなぜ流行っている？ 作品の“エモさ”を引き出す理由を分析してみた 映画ポスターでよくある「右肩上がり手書き文字」はなぜ流行ったのでしょうか？ その源流はどこにあるのでしょうか？ 受け手に与える印象や、映画以外のケースも含めて、複合的に分析をしてみます。※画像出典：（C）2019『愛がなんだ』製作委員会 映画ポスターの「右肩上がり手書き文字」と聞いて、ピンと来る人はいるでしょうか。作品の“おしゃれ感”や“切なさ”、“淡さ”を表現するような筆記体の文字が右肩上がりで配置されるデザインは、映画をはじめ、近年のメディア作品のポスターや表紙などによく使用されているようです。 「右肩上がり手書き文字」の映画ポスター例 少
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
草💦🦞🦞 @n0rr 毎日書道展は乃木坂駅直結の国立新美術館で8/6まで開催中！ 大学生なら400円で1階から3階まで展示室10個の壁一面が書で埋まってるのを見れてめちゃくちゃお得🉐 一般700円、ぼくと行くと無料 mainichishodo.org/syodoten/%E6%9…
リンク Wikipedia レタリング レタリング（英: lettering）とは、本来は手で「文字を書く」という意味である。そこから、美しく読みやすい字にすることを表し、デザインされた文字を指す場合や、書体を選択することなど、広い範囲で使われている言葉である。広告や雑誌には様々な書体が使われており、どこでどのような文字を使うかによって、同じ文章でも印象が変わるため、主にデザイン業界では色や写真・イラストに続く大きな要素の一つとなっている。身近なところで言えば、テレビ番組や企業、商品パッケージのロゴに使われる文字もレタリングの一例と言える。 さ 4 users
こういうの大好きだ
20世紀末に発表された評伝によって近代デザイン史、タイポグラフィ史における重要人物のひとり、エリック・ギルの「不都合な真実」が明らかになった。以来、ギルの業績やその書体の運用をめぐって、さまざまな議論が交わされている。作者とその制作物は切り離して考えられるのか、否か。国際的に活躍する書体デザイナーが考える。 バナー画像：エリック・ギル、1908-9年頃（出典：Fiona MacCarthy, Eric Gill: Lover’s Quest for Art and God, 1989） 日本およびタイポグラフィの世界でエリック・ギル（図1）といえばエドワード・ジョンストンの弟子、そしてGill SansやJoanna、Perpetuaなど名作とされる書体の作者として有名だ。特に人気のGill Sans（図2）は、ジャンルとしてはヒューマニストサンセリフまたはジオメトリック（幾何学的）サンセ
ドワンゴ教育事業Webフロントエンドチームの berlysia です*1。 はじめに この記事では、日本語の縦書きHTMLにおいて、「ある1文字が縦組みのなかで違和感なく縦書きとして表示される」とはどのように成り立っているのか、意図しない表記になりやすい文字とその理由について紹介します。 最後まで読むと、縦書き時の文字の縦横に関する問題をたちどころに分解できるようになるはずです。とりあえずフォントのせいだろうかと疑う日々には、これでおさらばしましょう*2。 はじめに N予備校における日本語縦書きHTML CSS の関連仕様 日本語の一般的な縦書きに設定する うまくいかないことが起こりやすい文字たち うまくいかない文字がうまくいかない理由を理解する 縦書きを考慮した文字の周りの方向の定義 CSS における縦書きでの文字の縦横 upright typesetting sideways type
こんにちは！ニョグです。 SNS上で主に作字作品の投稿をしております(Twitter→@nyogu_design、instagram→ nyogu_design) ここでいう作字は、自分でオリジナルの文字デザインを作ることとします。 自分なりに文字デザインを作るってめちゃ楽しい。 作字を始めたきっかけは、会社でのデザイン業務が上手くいかず、何か表現の幅を広げるような練習をしようと思ったことからです。 今回は、僕個人の体験談として読んでいただけますと幸いです。 引き出し不足法学部出身、ちょっとお絵描き好きなぐらいで、大学4年から独学でデザイナーを目指し始めました。80社以上デザイン系の会社に落ちても、諦めきれずに勉強期間を延長して、なんとかインハウスのグラフィックデザイナーになれました(これについてはいつか詳しく…)。 入社したはいいものの、表現力が圧倒的に足りないことを実感しました。デザイ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
欧文のルール｜しじみ ｜デザインを語るひと｜note
日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くありま… もっと読む
みなさんは日本語の文字の並べ方に「ベタ組」「ツメ組」という言葉があることをご存じでしょうか？ 実は日本語の文章は、読み手を意識して読みやすい間隔で文字が並べられています。 今回はそんな日本語の文字の並べ方をご紹介します。 ベタ組とツメ組「ベタ」という言葉の意味は「隙間なく物が並んでいること」だそうです。そういえば印刷用の絵や漫画の黒一色で隙間なく塗った部分を「ベタ」とも言っていますね。他にも「ベタ」は建築業界の⽤語にもあるようです。 まずは日本語組版にもある「ベタ」を説明する前に、文字の設計についてお話しします。 日本語で使われる漢字やひらがな、カタカナは一般的に正方形に収まるように設計されており、この正方形に相当するところを「仮想ボディ」と呼んでいます。そして「仮想ボディ」の中に実際の文字部分である「字面」が収まっています。 仮想ボディと字面。pt? 級? 号? 文字に関する単位の話より
米バイオ企業モデルナの日本法人は11日、13日から始まる大相撲春場所で懸賞旗を出すと発表した。幕内の阿炎、宇良、琴ノ若といった若手力士の取組で掲げる予定。モデルナは新型コロナウイルスワクチンを日本に供給している。3回目接種の広がりが鈍いなか、懸賞を通じてワクチン接種を促す狙いもある。同社は「新型コロナの拡大により将来への不安が増
封印された？「そしじ」の謎｜雨宮純
筆者のTLに、最近よく流れるようになってきた文字がある。 ウ冠に神と主で、「そしじ」と読むとされる文字である。 「GHQに潰された文字」とされ、確かに筆者の手元にある漢和辞典にも記載がなかった。一方、下記のツイートのように「『宗』『主』『神』を合わせた造語」として紹介されることもある。このツイートでは、直後に「古くからあった漢字」と言われており、一文の中で矛盾が生じているが、そんなことを気にしていては陰謀論界ではやっていけない。果たしてこの「そしじ」は、どこからやって来たのだろうか。 〜2010年頃：造語として紹介されている現在では情報が溢れてしまっている「そしじ」だが、時系列を遡っていくと騒がれ始めたのは2020年代であり、それ以前にはほとんど情報がなかったことが分かる。最初期の例としては2006年に書家のブログで紹介されていた。ここでは「実在する文字ではない」「造語というか、作られたも
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン（変数を基準としてサイズを決める形状作成方法）を採用しているので、体系的なデザイン
普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理
ある天才が「『AIイラストは文字を正確に認識出来ない』という仕様を利用して『AIに異世界文字書かせる』ことが可能なのではないだろうか」と考えた結果がこちら
あろえ♡きゃんどるskebやってます @AMIBAnotTOKI 『AIイラストは文字を 正確に認識出来ない』仕様を 逆に利用して 『AIに異世界文字書かせる』ことが 可能なのではないだろうか
タイポグラフィがどのようにSF映画の物語に寄与しているのか？──『ＳＦ映画のタイポグラフィとデザイン』 - 基本読書
SF映画のタイポグラフィとデザイン 作者:デイヴ・アディ発売日: 2020/08/18メディア: 大型本この『ＳＦ映画のタイポグラフィとデザイン』は、まさにその名の通りにSF映画に存在するタイポグラフィとデザインに集中して取り組んだ一冊である。大型本で、所狭しと書体とデザインとその解説が並んでいて──一言で言えば最高の本だ！ 取り上げられていく作品は、『2001年宇宙の旅』『エイリアン』『スタートレック』『ブレードランナー』など有名作ばかりの7作で、数自体は少ないが、代わりに映画に登場する一瞬しか映らないような文字でさえもどんな書体を使われているのか見つけ、それぞれがその映画においてどのような意味を持っているのか分析してみせる。タイポグラフィって要は書体を何にするか決めてどう配置するかぐらいでしょ？ そんなに語ることあるの？ と思うかもしれないが、これが超重要だ。 未来的と思わせる書体は確
シオザワヒロユキ @ShiozawaHiroyuk 渋谷の地下通路のポスター。 「疲れ」が見えたら重炭酸。入浴剤の広告。 タイポグラフィとして秀逸、楽しい。 pic.twitter.com/m6gaMOgRpn 2021-11-30 22:19:40
音楽、数学、タイポグラフィ
先日開催された「フロントエンドカンファレンス福岡2019」で、「音楽、数学、タイポグラフィ」というプレゼンテーションをする機会をいただきました。ここにその内容を再構成して掲載します。 みなさんこんにちは。今日の僕の話のテーマは「タイポグラフィ」です。まず最初に、そもそもタイポグラフィとは何なのかということからお話ししたいと思います。タイポグラフィというのはよく耳にするキーワードではありますが、じつはかなり誤解も多いのではないかと僕は考えています。 PxHere Typography from Hermann Esser’s (1845–1908) Draughtsman’s Alphabet, from rawpixel’s own antique edition 00030.jpg たとえば、GoogleやTwitterやなんかで「タイポグラフィ」というキーワードで検索すると、手描きによ
まえがき ミャンマーでは公用語としてビルマ語が使われている。ビルマ語の表記にはビルマ文字を用いるのだが、このビルマ文字のインターネット上での使用は、混迷を極めていた。そしておそらく今もまだ…。なぜか？ それは、Unicodeという文字コードの標準がありながら、Zawgyiというものが広く使われていたためである。なぜそのようなものが登場し、普及することとなったのか、この記事で解説する。 目次 まえがき 目次 凡例 この記事で使う名称について ビルマ語表記 コードポイント ラテン文字表記について Zawgyiの概説と歴史 Zawgyiとは Zawgyiのダウンロード Zawgyi誕生・普及の経緯 複雑なビルマ文字 ビルマ文字とUnicode 回避策としてのビルマ文字フォントの登場 Zawgyiの普及 Zawgyiの実装 実装の方針 文字の並べ替えをせず、左から右に書く 文字の形のバリエーション
ディズニー作品の日本ローカライズ版におけるフォント表現について、感動的なシーンが台無しになっているとTwitter上で批判が巻き起こっています。 海外ゲームの日本語ローカライズで、フォントとしてやたら「MSゴシック」が採用されることへの批判から派生した話題。ディズニー作品の日本語ローカライズ版で、作中の文字表現が日本語に差し替えられる際に、しばしばオリジナルからかけ離れた「クソダサ」なフォントになっていることがあるとして、改善を求める声が相次いでいます。 togetter - MSゴシックを使う外国人デベロッパーに「忌まわしきMSゴシックを使うな」というお仕事「あのディズニーでも無頓着」 今回特に拡散されたのは、映画「シュガー・ラッシュ」（2012）において重要なアイテムとして登場する、ヴァネロペがラルフに贈った「ヒーローのメダル」。 オリジナルでは筆記体で「You are my hero
印鑑のデザイン、製造販売を行うSirusi（兵庫県尼崎市）は、法人・事業主向けに「サイファー印グラフィー」を3月1日に発売した。 同社の顧客から要望を受けたことがきっかけで開発した商品で、「文字としての実態を隠しながら、より前衛的でアーティスティックな印鑑デザイン」に仕上げたとしている。
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
小池知事の肝いり計画が暗礁に 晴海ふ頭公園に1億6000万円かけた「TOKYO」モニュメント…着工を受け地元は：東京新聞 TOKYO Web
2021年の東京五輪で選手村に使われた晴海エリアに「TOKYO」とデザインしたモニュメントを建てる東京都の計画が、暗礁に乗り上げている。1億円以上の予算をかけ、子どもたちの遊び場になっている公園に巨大な構造物を置くことに住民らが反発。始まったばかりの工事は中断した。「なぜ、この場所に」の議論は交流サイト（SNS）でも話題を呼んでいる。（加藤健太）
京都市立芸大にて、授業レポートとして自由に手紙を書いてもらったらパピルスにヒエログリフで書いたものが提出された→他にも素敵な手紙作品いろいろ
田島達也 @tajimaxG 京都市立芸術大学美術学部芸術学担当 2009年に130周年記念展「京都日本画の誕生」の宣伝用として始めて以来、美術関係のことをぽちぽち書いてます。 田島達也 @tajimaxG 今年も「画家の手紙・日記を読む」授業のレポートとして、自由に手紙を書いてもらった。内容は日々考えてることや印象深い出来事などさまざま。そして今年も芸大らしく意表をつく形式の手紙があった。1人で見てるのが勿体無いので、本人の了解貰って、そのごく一部を紹介したい
工房うむき @kobo_umuki 東アジアでうっかり毛筆が使えることを披露すると全力で地域にいる能筆家を連れてこられて字と恥と両方をかくハメになることがあるので気をつけたほうがいいよ。 twitter.com/nhk_news/statu… 2023-12-18 21:50:31 NHKニュース @nhk_news 文化庁は筆や墨などを使って、伝統的な筆遣いで手書きする「書道」を、ユネスコの無形文化遺産に提案することを決めました 選定理由について、日本の文化の多様性や深みを世界に広く発信していく観点で審議し、最もふさわしいと判断したなどとしています www3.nhk.or.jp/news/html/2023… #nhk_video pic.twitter.com/ox0HgMSAOG 2023-12-18 18:47:05 工房うむき @kobo_umuki 生物多様性陶器や手ぬぐいを作
GMOペパボ株式会社は、「インターネットで可能性をつなげる、ひろげる」というミッションのもと、レンタルサーバーやドメインの取得、ホームページやネットショップの作成、ハンドメイド作品の売買やオリジナルグッズを在庫を持たずに販売できるサービスなど、多様な事業を、多様なブランドで展開しています。このマルチブランド戦略は、個性的なペパボのサービスを特徴づけるだけでなく、市場を確保しつづけるリスクヘッジとしても機能する一方で、サービスを超えてデザインを展開するのが難しいという側面もありました。 そこで、ペパボでは、各サービスが個別に考えていているようなデザインの原則やガイドライン、その実装としてのカラーパレットやコンポーネントライブラリなどのアセットのうち、重複しているものをすべてのサービスで使えるように一般化した、共通基盤デザインシステムを開発することにしました。ペパボでは、この共通基盤デザインシ
CSS カスタムプロパティによる流動的フォントサイズ
はじめに 画面幅に対して流動的にフォントサイズを変化させたい場合、vw などの単位を用いると実現できます。たとえば font-size: 5vw; を指定すると、幅 960px ではフォントサイズは 48px、幅 320px では 16px になります。しかし、320px で 16px は小さすぎるので 32px にしたいとなると、計算が必要になってきます。 この計算方法や流動的フォントサイズのさらなる詳細については、以前登壇したときの資料をご覧いただきたい 👇 資料にもございますが、計算して CSS を出力してくれるアプリも作っています 👇 Sass の mixin もあります 👇 今回は、calc() clamp() min() max() と CSS カスタムプロパティを駆使して、自分で計算する必要がなく、Sass なども不要で CSS のみでの実装を紹介いたします。 使い方と
Webフォントの表示を最適化するテクニック
Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。 5 steps to faster web fonts by Iain Bean 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Webフォントには最新のファイルフォーマットを使用する 2. font-displ
この記事では、CSSで表現できる新作テキストエフェクト用HTMLスニペットをまとめています。一部、jQueryなどプラグインが必要となりますが、CSSのコピー&ペーストで利用できるサンプルやテクニックを、WEB制作のためのコードコミュニティサイト Codepen よりピックアップしてご紹介します。 実際のコードを見ながらサンプルを確認、編集を行うことができるので、世界基準の新テクニックを効率的にウェブ制作に採用することができます。 HTML/CSSで表現できる、すごいテキストエフェクト用スニペットまとめ Fluid text hover マウスの動きに合わせて背景の画像がぐにゃりと液体のように変化するテキストエフェクト。 See the Pen Fluid text hover by Robin Delaporte (@robin-dela) on CodePen. SVG textPat
視覚的に美しいデザインとは、タイポグラフィが一貫していて、明確な階層があり、洗練されたカラーパレットが活用されていて、グリッドに沿って要素が配置されているものだ。 Why Does a Design Look Good? by Sarah Gibbons and Kelley Gordon on March 7, 2021 日本語版2021年8月23日公開 フォントや色、配置などの視覚的なディテールは、ユーザブルなエクスペリエンスを生み出し、ブランドの特徴（親しみやすさや信頼性など）を表現する。 デザインを見て、それが良いということはすぐにわかるものだ。しかし、多くの場合、そのデザインを「なぜ」良いと思うのかを特定することは非常に難しい。この記事では、3つのユーザーインタフェースデザインを分析し、これらのデザインを魅力的に見せているビジュアルデザインの原則について説明する。 例その1：タイ
CSS に 4 つの新しい国際化機能を導入 | Blog | Chrome for Developers
CSS テキスト モジュール レベル 4 の 4 つの新しい国際的な CSS 機能が Chrome に導入されます。この投稿では、すでにリリース済みの製品と、間もなく提供予定の製品について説明します。 Chrome 119 以降: word-break: auto-phrase での日本語のフレーズ改行。 Chrome 120 のフラグの背後: text-autospace プロパティによるスクリプト間のスペース。 開発中: text-spacing-trim プロパティを使用した中国語、日本語、韓国語（CJK）の句読点カーニング。 言語間で最小フォントサイズを統一します。 日本語のフレーズの改行: word-break: auto-phrase 日本語の読みやすさを向上させるこの機能（Chrome 119 以降） 中国語や日本語など東アジアの一部の言語では、単語を区切るためにスペースを使
【修悦体】新宿駅のガムテープ文字のデザインが洗練されすぎていると話題に「“駅”の点々を縦にならべる」「読めなさそうなのに読める“れ”」
ニカイドウレンジ @R_Nikaido 新宿駅のガムテープ文字、デザインが洗練されすぎている。 ・「駅」の点々を縦に並べる ・「止」の2つの縦棒がシンメトリ ・濁点を文字に重ねることでグリッドに納める ・読めなさそうな形なのにすっと読める「れ」 pic.twitter.com/VvjP7ZYcU2
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン世界中で高い人気を得ている日本のマンガだが、その隆盛を支えてきたのはマンガ雑誌であった。本記事ではマンガを語るうえで頻繁に取り上げられる物語や絵ではなく、とくにマンガ雑誌における「文字」の歴史がいかなるものであったのかを、『週刊少年ジャンプ』を例にひも解いていく。 聞き手・監修＝岡本正史（集英社） 文・構成＝安原真広（ウェブ版「美術手帖」編集部） 歴代の『週刊少年ジャンプ』 いまやスマートフォンで見ることも多くなったマンガだが、世界中で高い人気を得るようになった日本のマンガ文化をつくりあげてきたのはマンガ雑誌に代表される、紙でつくられた本のマンガだった。月刊や週刊という刊行スピードで数百万部にも上るマンガ雑誌が印刷され、日本全国の書店に届けられる。この世界的に見ても稀有なシステムが、日本の多様なマンガ文化をつくりあげたことに
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
映画ポスターの「右肩上がり手書き文字」はなぜ流行っている？ 作品の“エモさ”を引き出す理由を分析してみた
ウェブデザインの余白に規則性を持たせるためのパターン
より良いタイポグラフィのための知られざるCSS
書道展で達筆すぎる『アイドル』があって誰もが目を奪われてく→とんでもない経歴の持ち主だった「アイドルの意味変わる」
やばい連載が始まったな…あの頃のテレビの「手書きロゴ」の制作秘話が面白い「激アツすぎ」「勉強になる」
パッと見では意味がわからないこの記号、でも複数並べると急に読めるようになるからすごい「脳って不思議」
https://twitter.com/tera2001_/status/1534441817231437825
書体は作者の罪を背負うか｜ARTICLES｜The Graphic Design Review
縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ
作字をはじめたら良いことだらけだった｜ニョグ｜note
BudouX: 読みやすい改行のための軽量な分かち書き器
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
モデルナ、大相撲春場所に懸賞旗 ワクチン接種アピール - 日本経済新聞
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
意外と奥深いCSSのfont-weightの話 - ICS MEDIA
画像に隠されたメッセージが見えてしまってアワてる人々「全部見えてもた」「明日は休みます」
ZawgyiとUnicode: ミャンマーの文字の電子化について - にせねこメモ
ディズニー作品の日本語版「クソダサフォント」に批判の声 手作りクッキーのはずが無機質なフォントに
“まるで暗号” 法人向けデザイン印鑑「サイファー印グラフィー」発売
日本文化「書道」が無形文化遺産に提案されたが、東アジアで毛筆を披露すると字と恥と両方かく羽目になることがある
ペパボのデザインシステムのドキュメントを公開します - Pepabo Tech Portal
HTML/CSSで表現できる、すごいテキストエフェクト用スニペット44個まとめ
デザインが良いと思える理由
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン
m.facebook.com
ameblo.jp/lunpa3
ameblo.jp/bu4649
www.youtube.com
www.yoshikawa-k.co.jp
manacomicsmania.hatenadiary.com