突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
文字組版の教室 note版｜モリサワ note編集部
なんとなく使っていませんか？ 括弧の種類と使い分け 突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中…
1971年東京生まれ。イラストレーター。ドクロ服、ドクロ雑貨集めに情熱を燃やしすぎている。ほかにはワニ、ウツボ、ハダカデバネズミなど毛の生えていない動物も好む。著書に「しろねこくん」、「ココロミくん」、「ひとみしり道」、「ばかスイーツ」などがある。（動画インタビュー） 前の記事：チーズには動詞がつきがち
つと@LPデザイナー×STUDIO @tsuto_design 文字組みの凄さよ。文字の色が全部同じなのに、特にあしらいも入ってないのに、文字組みだけなのに…。 こんなにパッと見でも何が書いてるか頭に入ってくるのヤバくないですか？これって一見普通に見えて、めちゃくちゃ凄いことだと思う🤔 pic.twitter.com/3tHnkdhjMn 2023-09-05 20:15:17
Araneid | オモコロ
1246735
コンピュータ上の文字や記号で構成された絵や図のこと。AAとも略される。 『ASCII文字コードによるアート』を源流とし、掲示板文化の興盛と共に多くのアスキーアートが誕生した。 しかし、その姿はフォントや環境に依存するため、ハード・ソフトの多様化が進む現代では逆風。まともな状態を見られる場は限られ、衰退を余儀なくされている…… アスキーアートクイズと聞いて、今はたまたまオモコロというメディアに寄寓しているだけの電脳漂流者インターネット･ドリフターズが集結しました。 【回答者】 ヤスミノ：オモコロ編集部。かつて２ちゃんねるの独身男性板に入り浸っていた。 ダ・ヴィンチ・恐山：オモコロ編集部。ネットミーム元ネタカルタ優勝経験者。 ストーム叉焼：ライター。AAなりきりチャットに入り浸っていた日々を思い出し苛まれている。 夢顎んく：ライター。ブーン系小説執筆者。クソスレドンキーノにスレを３つほどまとめ
青かんぱち @tasorito 大人しく慎重派の息子6歳👦とよく喋るオテンバ娘4歳👧に囲まれたアラフォー👨👩👧👦育児ツイート多めですがどうでもいいことも色々呟きます💫たまに一眼レフで撮影📸妻はツンデレで共働き🏢無言フォロー大歓迎💕自分も失礼します🙇♂️通知オフのためリプ返遅いです💦副業やエロは🆖
こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
草💦30代障がい者教授(CEO) @n0rr 毎日書道展は乃木坂駅直結の国立新美術館で8/6まで開催中！ 大学生なら400円で1階から3階まで展示室10個の壁一面が書で埋まってるのを見れてめちゃくちゃお得🉐 一般700円、ぼくと行くと無料 mainichishodo.org/syodoten/%E6%9… 2023-08-05 14:52:43
.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? 級? 号? 文字に関する単位の話より
普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理
まえがき ミャンマーでは公用語としてビルマ語が使われている。ビルマ語の表記にはビルマ文字を用いるのだが、このビルマ文字のインターネット上での使用は、混迷を極めていた。そしておそらく今もまだ…。なぜか？ それは、Unicodeという文字コードの標準がありながら、Zawgyiというものが広く使われていたためである。なぜそのようなものが登場し、普及することとなったのか、この記事で解説する。 目次 まえがき 目次 凡例 この記事で使う名称について ビルマ語表記 コードポイント ラテン文字表記について Zawgyiの概説と歴史 Zawgyiとは Zawgyiのダウンロード Zawgyi誕生・普及の経緯 複雑なビルマ文字 ビルマ文字とUnicode 回避策としてのビルマ文字フォントの登場 Zawgyiの普及 Zawgyiの実装 実装の方針 文字の並べ替えをせず、左から右に書く 文字の形のバリエーション
これは簡単で便利！ レスポンシブ対応のフォントサイズを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）でも話題を呼んでいる。（加藤健太）
工房うむき @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 生物多様性陶器や手ぬぐいを作
CSS に 4 つの新しい国際化機能を導入 | Blog | Chrome for Developers
CSS Text モジュール レベル 4 の 4 つの国際化 CSS 機能が Chrome に導入されます。この投稿では、すでに発送済みのサービスと今後の予定について説明します。 Chrome 119 以降: 日本語のフレーズが word-break: auto-phrase で改行されるようになりました。 Chrome 120 以降のフラグの背後: text-autospace プロパティによるスクリプト間のスペース 開発中: text-spacing-trim プロパティによる中国語、日本語、韓国語（CJK）の句読点カーニング。 言語間で最小フォントサイズが統一されます。 日本語のフレーズ改行: word-break: auto-phrase 日本語のテキストが読みやすくなるこの機能は Chrome 119 から利用可能 中国語や日本語などの東アジア言語では、単語の区切りにスペースを使
2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 Inter 4は文字サイズが小さくてもくっきりと美しく、綺麗に表示されるようデザインされているのが大きな特徴で、字形にはコントラストを強調するディテールが備わっています。また、大きいサイズでもその美しいラインと滑らかな曲線、繊細なディテールは優れたリズムを実現します。 「0」と「O」を区別する必要がある場合のスラッシュゼロ、下付き数字の化学式（H2Oなど）、文字幅が揃った数字など、多くのOpenType機能も利用できます。 Inter font family Inter -GitHub Inter 4の特徴 Inter 4のダウンロード Inter 4のウェイトとグリフ In
手書きDX事業を展開するエスパリアールLLC(本社:東京都渋谷区 代表社員:濵田純哉）は、2023年9月29日にAI手書き「手書きくん2.0」をリリースしました。 ■ AI手書き「手書きくん」とは？ 写真で撮った手書き文字を学習させ、本人の文字で代筆し、送付まで行うAI手書きサービスです。 「手書きくん」は筆跡、筆圧、文字の大きさを学習し人間と同水準の手紙を作成可能です。 本人の文字の場合、写真に無い本人の文字を書くことができないという課題がありました。(下記手書きくん動画) ■ 新AI手書き「手書きくん2.0」の日本初サービス 弊社が指定する350文字を書いて写真にとるだけで、本人の文字の特徴を持つ【全ての文字】をロボットで代筆可能になります。一度学習してしまえば、どんな宛名にも本人文字で自由自在に手紙の送付が可能です。 ■「手書きくん2.0」の実力に関して ロボットが書いていると思われ
「InDesignやIllustratorを使ってデザインを作ったはいいが、何か締まらない……」と悩んだことはありませんか？ 例えば…… 全体をもう一段階まとめたい！全体的にもう少し締まったまとまりのある感じを出したい！というとき、デザイン作業で意外と盲点になりがちなのが文字の「間隔」です。 この画像の場合、文字周辺がパラパラしていることでかなりゆったりした感じが出ています。 日本語における文字配置の基本日本語書体は原則、正方形の枠（仮想ボディ）を基準に作られています。 そして、日本語組版の原則はベタ組み……つまりこの正方形の枠が接する形で配置されるのが基本です。 （このあたりの話を詳しく知りたい方はぜひこちらもご覧ください！） しかし見出しなど、大きく文字を使う時は文字間が目立って見えてしまうことがあるため、文字を詰める作業が必要な場合があります。 文字配置の調整はプロのひと手間、料理で
A complete guide on how to pair icons and typefaces to create a consistent visual language.Choosing the right icon set to complement a specific typeface is crucial for maintaining visual consistency in a project. This ensures that all the elements work together to create a recognizable brand and improve the overall user experience. Here's what you need to know to make the right choices. Early cons
プロンプトを元に動く文字ロゴを生成するプロジェクト「Dynamic Typography」が、香港科技大学とテルアビブ大学の研究者らにより公開されました。 🪄 animate your word! https://animate-your-word.github.io/demo/ 生成される文字ロゴはこんな感じ。 以下は「カップルが手をつないで歩いており、女の子が男の子の後ろを歩いている」というプロンプトで作成された文字。 「2人がキスをし、1人が手でもう1人のあごを押さえる」 「発砲する2人の兵士」 「砂漠をしっかり歩くラクダ」 「望遠鏡を持つ手をカメラに向ける」 「騎士が剣を抜いて前方に向け、戦いの準備をしている」 「蝶が横向きに飛んで羽をばたつかせる」 「危険な怪物が口を開き、誰かを飲み込もうとしている」 香港科技大学のリュウ・ジチェン氏らは「テキストアニメーションは感情を呼び起こ
渋谷区におけるハロウィーン・ビジュアルコミュニケーションなどに学ぶ 「タイポグラフィデザイン時のフォント選び」｜モリサワ note編集部
ショップや企業のデザインを担当する方なら、自社商品のサービスやブランドを他社と差別化させるために、ロゴの制作に携わることもあることでしょう。企業や商品の顔ともいうべき「ロゴ制作」において、デザイナーのセンスだけでなく、ロゴデザインに込める意志をどのように整理し、デザインに落としこんでいけば良いのでしょうか。 2023年渋谷の町全体で掲示されたハロウィンに関する渋谷区のメッセージを伝えたポスターのほか、企業や団体など様々なビジュアルコミュニケーションを手掛けている株式会社onehappy代表・小杉幸一さんにお話を伺いました。 ●お話を聞いた人 小杉幸一さん 株式会社onehappy代表／アートディレクター／クリエイティブディレクター 1980年 神奈川県生まれ。武蔵野美術大学視覚伝達デザイン学科卒業。博報堂を経て、「onehappy」を設立。「コミュニケーション人格」でプロジェクトを明快にす
If you’ve ever attempted to create responsive type that seamlessly adapts and scales between pre-determined sizes within a type scale based on viewport or container widths, you may have wrestled with JavaScript or wrangled with CSS calculators. But with the help of calc(), clamp(), and a somewhat wonky use of CSS vars, we can simplify this process and tap into the dynamism that modern CSS affords.
Kowloon Type
空 kōng 空 means empty, sky, void, hollow, and vacant, symbolizing emptiness in ancient Chinese pictographs. In Cantonese, it’s used in 空氣 (hūng hei, air). In Buddhism, 空 refers to 空性 (hūng sing), which suggests a phenomena that lack inherent existence. Thus, 空 conveys various meanings, from the sky to abstract concepts like emptiness. 明 míng 明 means bright, clear, light, and understanding, in words
アイデア No.403
「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 【アイデア電子版発売開始】 最新号の電子版リリースがスタートしました！ ▶︎「誠文堂の直売所」で電子版を購入する ＊電子版についての詳細はこちらをご覧ください。 【特集】 世界の「声」をつくる 書体デザイナー大曲都市の仕事 企画・構成：アイデア編集部 編集協力：長田年伸，藤井亮一，柴田光 デザイン：LABORATORIES（加藤賢策，守谷めぐみ） 翻訳：フレーズクレーズ，ブラザトン・ダンカン 大曲都市（おおまがり•とし）は，1984年福岡県春日市生まれの書体デザイナー。Tabular Type Foundry、Omega Type Foundry主宰。ゲームと映画，そしてラーメンを愛し，近頃は書体づくりとコーヒー豆の焙煎に情
This treasure chest of 600+ specimen cards holds a complete snapshot of the last metal type foundries in Germany. Produced between 1958 and 1971, the Schriftenkartei (Typeface Index) represents a West German agency’s effort to catalog all the country’s typefaces in production at the time. The cards are useful for type researchers and designers as they share a common format and show complete charac
![Schriftenkartei [Typeface Index], 1958–1971](https://cdn-ak-scissors.b.st-hatena.com/image/square/d2ba409e64aca7b9485f1b82437a5032dc4ed1c0/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F65535%2F53151385882_f19e7246d8_b.jpg)
インターネット時代のグラフィックデザインから見る日本固有の文化とは。「もじ イメージ Graphic 展」が21_21 DESIGN SIGHTで開催
インターネット時代のグラフィックデザインから見る日本固有の文化とは。「もじ イメージ Graphic 展」が21_21 DESIGN SIGHTで開催21_21 DESIGN SIGHTで企画展「もじ イメージ Graphic 展」がスタート。近代のグラフィックデザインを振り返るとともに、主にDTP（Desktop Publishing）が主流となった1990年代以降のデザインを紐解いていくものとなっている。会期は2024年3月10日まで。 文・撮影＝三澤麦（ウェブ版「美術手帖」編集部） 展示風景より、「文字と身体」 東京・六本木の21_21 DESIGN SIGHTで企画展「もじ イメージ Graphic 展」がスタート。近代のグラフィックデザインを振り返るとともに、主にDTP（Desktop Publishing）が主流となった1990年代以降のデザインを紐解いていくものとなっている。
複数行の文章を中央揃えにするのは避けたい表現です。ウェブのメディアやスマホアプリでグロテスクな中央揃えがまかり通っているため“マヒ”している人が増えるのかもしれません。 なぜ、中央揃えは悪手なのか？連続した文章を中央揃えにするのが悪手である理由は、行末から次の行頭に目線が移動するとき、行頭を見つけるのにストレスがかかるためです。 ウェブのコンテンツでは、最後の行のポツンと数文字残ってしまうこともを見かけます。最近のCSSではケアできますが、多くのコンテンツでは放置されています。 独立した語句（フレーズ）のときには稼業書きにする特に、行ごとに独立した語句（フレーズ）にもかかわらず、「中央揃え」にするのはできれば避けたい表現。素直に「箇条書き」として扱いましょう。 「連続する文章」なのか「独立した語句（フレーズ）」なのか、文字を読まなくてもわかるようにレイアウトすれば、読み手の負担が減ります。
css-text-4-memo-ja.md CSS Text Level 4 を読む（抄訳） CSS Text Module Level 4 W3C Working Draft, 19 February 2024 This version: https://www.w3.org/TR/2024/WD-css-text-4-20240219/ Latest published version: https://www.w3.org/TR/css-text-4/ Editor's Draft: https://drafts.csswg.org/css-text-4/ この文書はCSS Text Level 4を読むための参考として部分的に訳した抄訳です。 この仕様書全体の日本語訳は https://triple-underscore.github.io/css-text-ja.html に公開
文字は_。 - ドキュメント20min.
文字は_。初回放送日：2024年5月13日 街中にあふれる「文字」。誰がどうやってつくっているのだろう。書体設計士・鳥海修とグラフィックデザイナー・大原大次郎に密着し「文字」が生まれるまでを見る２０ｍｉｎ 知られざる「文字」の世界へようこそ。同じ文字でも書体が変ると、なにか違う。あるときは真面目に、あるときは楽しく。果たして、「文字」とは何なのか？登場するのは、当代きっての文字の作り手のふたり。「文字は＿。」という空白の文章に、自らの哲学を独自の書体で描いてもらう。こだわりの制作過程に密着すると、精細な世界が広がっていた。身の回りにある「文字」の見え方がきっと変わる２０ｍｉｎ。語り：柴田聡子
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なんとなく使っていませんか？ 括弧の種類と使い分け｜モリサワ note編集部
＆（アンドのマーク）は使わない｜しじみ ｜デザインを語るひと
80年代の丸文字を思い出して震える :: デイリーポータルZ
さっぽろ東急百貨店のUNIQLOの広告が文字の色が全部同じで文字組みだけなのにぱっと頭に入ってくる「文字組みの凄さだ」
【AA】アスキーアートクイズ選手権 ｵﾓｺﾛ場所【おぼえていますか】 | オモコロ
【育児】「娘の書いた手紙が難解」とツイしたらガチの幼児手紙解読士がやってきた。え、すごすぎ！
書道展で達筆すぎる『アイドル』があって誰もが目を奪われてく→とんでもない経歴の持ち主だった「アイドルの意味変わる」
BudouX: 読みやすい改行のための軽量な分かち書き器
ベタ組とツメ組。日本語の文字の並べ方を押さえよう｜モリサワ note編集部
意外と奥深いCSSのfont-weightの話 - ICS MEDIA
ZawgyiとUnicode: ミャンマーの文字の電子化について - にせねこメモ
日本文化「書道」が無形文化遺産に提案されたが、東アジアで毛筆を披露すると字と恥と両方かく羽目になることがある
UIデザインに最適！ 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ
写真から筆跡を学習し「どんな文字でも」代筆できるAI手書き-手書きくん2.0
オプティカル？メトリクス？Adobeソフトの文字詰め機能を解説！｜モリサワ note編集部
Choosing the perfect icons for your typeface
テキストをアニメーション化して生成するプロジェクト「Dynamic Typography」が誕生
Responsive type scales with composable CSS utilities
AKEMA on X: "これ、越後川口のサービスエリアに月替りで掲示されてるものなんだけど、ヤバいですよね、、 行くたびに記録するようにしてるけど、保存しておいて展示会してほしい、、 https://t.co/VV7cmFU9Zw"
Schriftenkartei [Typeface Index], 1958–1971
テキストを読まなくても連続した文章なのか独立した項目なのかを理解できるようにする「シルエット思考」｜鷹野 雅弘
CSS Text Level 4 を読む（抄訳）