並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 209件

新着順 人気順

Typographyの検索結果161 - 200 件 / 209件

  • テキストをアニメーション化して生成するプロジェクト「Dynamic Typography」が誕生

    プロンプトを元に動く文字ロゴを生成するプロジェクト「Dynamic Typography」が、香港科技大学とテルアビブ大学の研究者らにより公開されました。 🪄 animate your word! https://animate-your-word.github.io/demo/ 生成される文字ロゴはこんな感じ。 以下は「カップルが手をつないで歩いており、女の子が男の子の後ろを歩いている」というプロンプトで作成された文字。 「2人がキスをし、1人が手でもう1人のあごを押さえる」 「発砲する2人の兵士」 「砂漠をしっかり歩くラクダ」 「望遠鏡を持つ手をカメラに向ける」 「騎士が剣を抜いて前方に向け、戦いの準備をしている」 「蝶が横向きに飛んで羽をばたつかせる」 「危険な怪物が口を開き、誰かを飲み込もうとしている」 香港科技大学のリュウ・ジチェン氏らは「テキストアニメーションは感情を呼び起こ

      テキストをアニメーション化して生成するプロジェクト「Dynamic Typography」が誕生
    • Amazon.co.jp: ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計: リチャード・ラター (著), 鈴木丈 (監修), Bスプラウト (翻訳): 本

        Amazon.co.jp: ウェブタイポグラフィ─美しく効果的でレスポンシブな欧文タイポグラフィの設計: リチャード・ラター (著), 鈴木丈 (監修), Bスプラウト (翻訳): 本
      • 渋谷区におけるハロウィーン・ビジュアルコミュニケーションなどに学ぶ 「タイポグラフィデザイン時のフォント選び」|モリサワ note編集部

        ショップや企業のデザインを担当する方なら、自社商品のサービスやブランドを他社と差別化させるために、ロゴの制作に携わることもあることでしょう。企業や商品の顔ともいうべき「ロゴ制作」において、デザイナーのセンスだけでなく、ロゴデザインに込める意志をどのように整理し、デザインに落としこんでいけば良いのでしょうか。 2023年渋谷の町全体で掲示されたハロウィンに関する渋谷区のメッセージを伝えたポスターのほか、企業や団体など様々なビジュアルコミュニケーションを手掛けている株式会社onehappy代表・小杉幸一さんにお話を伺いました。 ●お話を聞いた人 小杉幸一さん 株式会社onehappy代表/アートディレクター/クリエイティブディレクター 1980年 神奈川県生まれ。武蔵野美術大学視覚伝達デザイン学科卒業。博報堂を経て、「onehappy」を設立。「コミュニケーション人格」でプロジェクトを明快にす

          渋谷区におけるハロウィーン・ビジュアルコミュニケーションなどに学ぶ 「タイポグラフィデザイン時のフォント選び」|モリサワ note編集部
        • Best Font for Online Reading: No Single Answer

          Summary: Among high-legibility fonts, a study found 35% difference in reading speeds between the best and the worst. People read 11% slower for every 20 years they age. A large new study of the best fonts for online reading is ultimately disappointing, because it doesn’t answer the most burning question: what font should you use for your website? But it still provides many intriguing findings, inc

            Best Font for Online Reading: No Single Answer
          • Online Archive

            The Online Archive is temporarily offline. Thanks for your patience while we dot our ‘i’s and cross our ‘t’s. Follow us on Twitter for updates. Letterform Archive The Online Archive is currently undergoing scheduled maintenance. Thanks for your patience while we dot our ‘i’s and cross our ‘t’s. Follow us on Twitter for updates. Letterform Archive

              Online Archive
            • デザイン名著をよみとく #1 ヨゼフ・ミューラー=ブロックマン『グリッドシステム』 | デザインのよみかた

              はじめに 中村 こんばんは。年末のお忙しいなか、お集まりくださりありがとうございます。今日と明後日、ともに似たようなかたちの講座となります。この秋に邦訳が発刊されたヨゼフ・ミューラー=ブロックマン『グリッドシステム —— グラフィックデザインのために※1』、それからエミール・ルーダー『タイポグラフィ —— タイポグラフィ的造形の手引き※2』、この二冊それぞれを「よみとく」という趣旨で、大林さんと私でお話ししてゆきます。 どちらもモダンタイポグラフィにおける名著、そして古典とされている書籍です。どちらも20世紀半ばにそのスタイルを確立し、活躍した人物のもの。それが数十年のタイムラグを経て、今回、日本語版が刊行されたという経緯があります。もちろん、そのあいだも原書が売れ続けています。それがなぜか?その理由を紐解いてゆくのがこの講座の趣旨となります。ともすれば巷にあふれるデザインのハウトゥー本と

                デザイン名著をよみとく #1 ヨゼフ・ミューラー=ブロックマン『グリッドシステム』 | デザインのよみかた
              • Toshi Omagari | アポストロフィと数字

                先月あたりに関口浩之さん(フォントおじさん)がFacebookで開催されているFontPlus Dayというトークセミナーでコントヨコさんと英文組版についてお話しされている第28回目で、アポストロフィの話が出てきました。そのコメントの中に「数字と引用符の組み合わせになると、正しい引用符の選択や位置の判断が難しい」というものが見受けられました。というわけで、アポストロフィと数字の基本的な考え方についてお話ししたいと思います。 まずアポストロフィの役割について。引用符の場合を除いては、アポストロフィ ’ は何かが省略されていることを示す記号であり、この考え方は所有格でも複数形でも変わりません。例えばI’mのアポストロフィはaの省略ですし、Rock ’n’ Rollはの場合はそれぞれaとdの省略です。所有格の -’sで省略されているのはeであり、これはもともと古英語での所有格が-esだったことに

                • 文字の知識部会 | 一般社団法人 文字情報技術促進協議会

                  普段あまり意識することのない文字のかたち=書体には、さまざまな「読ませる工夫」が詰まっています。それは、大げさに言えば時代を映す鏡なのかも知れません。 なぜなら、タイプフェイスデザイナーは、自らの技能と感覚の限りを尽くして、自らが見る時代の精神をかたちにし、タイポグラファーやエディトリアルデザイナーは、数多あるフォントの中から、これまた自らの技能と感覚の限りを尽くして、自らが見る時代の精神を表す書体を選び取ります。そして、読者は、そのようにして表された文字の並びから、時代の精神を、肌に触れる風のかすかな匂いのように感じとっていると考えられるからです。 図1 12文字の書体見本 しかし、それが時代を映す鏡だったとしても、共有されない情報は人々の記憶に残りにくいものです。書体の本来の目的から見れば、個々の書体が作られたプロセスへの関心は低く、開発に携わる側でさえ、それを共有し記憶することに対し

                  • 独自フォントを持っている企業まとめ|apollog

                    メルカリさんの独自フォント発表以来、独自の書体を持つ企業が増えてきるなぁと思っていたところ、安藤さんのツイートをみて、独自フォントを持つ企業ってどれだけあるのだろうと思ってざっと調べてみた。 楽天がオリジナルのタイプフェイス「Rakuten Font」をロンドンのDalton Maagと共に制作。 Dalton MaagはAirbnb、Netflix、Facebookといったブランドのタイプフェイスも手掛けている。 Rakuten reveals custom typeface by Dalton Maag to unify its global brand pic.twitter.com/OxyKpEMKvW — Go Ando / THE GUILD (@goando) August 15, 2020 1.Appleフォント San Francisco 背景・目的 Helvetica

                      独自フォントを持っている企業まとめ|apollog
                    • Modern Fluid Typography Using CSS Clamp — Smashing Magazine

                      In this article, we’ll explore fluid typography principles, use-cases, best practices, implementation with CSS clamp function and how to calculate the right parameters. We’ll also learn how to address some accessibility concerns and watch out for one important issue that we cannot fix as of yet, but have to be aware of regardless. The concept of fluid typography in web development has been present

                        Modern Fluid Typography Using CSS Clamp — Smashing Magazine
                      • Responsive type scales with composable CSS utilities

                        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.

                          Responsive type scales with composable CSS utilities
                        • 踊り字の「々」や「ゝ」は漢字?記号?意外と知らない踊り字の豆知識|マナトピ

                          踊り字の「々」や「ゝ」は漢字?記号?意外と知らない踊り字の豆知識 「正々堂々」の「々」や、「こゝろ」の「ゝ」は踊り字と呼ばれます。この踊り字は漢字に該当するのでしょうか?それとも記号に該当するのでしょうか?今回は、意外と知られていない踊り字の豆知識をご紹介します。 「々」や「ゝ」などの文字には正式な読み方はありませんが、「踊り字」「繰り返し符号」「送り字」「重ね字」「畳字(じょうじ)」「反復記号」などと呼ばれています。 繰り返し符号と呼ばれることからも分かるように、記号の一種です。「踊り字」「繰り返し符号」などの項目で、「々」や「ゝ」を取り上げている辞書もありますが、固有の音・意味を持たないので、漢字ではありません。 一字を繰り返すときに使う「同の字点」「一の字点」「二の字点」 「々」は、「同の字点」もしくは、「ノ」と「マ」が重なって見えることから「ノマ点」と呼ばれます。「段々(段段)」「

                            踊り字の「々」や「ゝ」は漢字?記号?意外と知らない踊り字の豆知識|マナトピ
                          • ジョナサン・ヘフラーさんの書体デザインTwitterアドバイス|Satoru Kimura

                            Netflixの人気シリーズ「アート・オブ・デザイン」にも出演した、超有名な書体デザイナーのジョナサン・へフラーさんが、Twitterで書体デザインへのアドバイスをすごい勢いで投稿していたので紹介したい。Hoefler&Co.アカウントがへフラーさん。(要点だけ抜粋して書きます。「」で書いてても超意訳です) ※トップ画像はへフラーさんのツイートより posting by request. Working on the full lowercase so this is just typeset to show context pic.twitter.com/mOdW75qRAX — Jessica Hische (@jessicahische) February 21, 2020

                              ジョナサン・ヘフラーさんの書体デザインTwitterアドバイス|Satoru Kimura
                            • “Our way. Or the highway.”

                              By Dr Ken Lunde “Fine.” There are certainly lots of good quotes from The Matrix (1999), and the one above is particularly relevant to the subject matter of this article. The IntrigueFirst things first. I first became intrigued—or perhaps more accurately, obsessed—by highway signage in Japan during a business trip there a few years ago. This was during my Adobe years. Anyway, this all started while

                                “Our way. Or the highway.”
                              • ブックデザイナー 佐藤亜沙美さん特別インタビュー! 〜マトリクスで解析?!2022年新書体の「活かし方・組み合わせ方・使い方」〜|モリサワ note編集部

                                ブックデザイナー 佐藤亜沙美さん特別インタビュー! 〜マトリクスで解析?!2022年新書体の「活かし方・組み合わせ方・使い方」〜 この秋モリサワでは、和文・欧文合わせて100ファミリー近い書体をリリース予定です。こんなにたくさんあると、どうやって使いこなしたらいいか悩む方も多いかもしれません。そこで今回はリリース直前の特別企画として、ブックデザイナーの佐藤亜沙美さんの視点で新書体の印象や使い方について語っていただきました!2021年10月に発行した先行公開リーフレットの制作を担当されたのも実は……。最後までお見逃しなく! ■お話を聞いた人 佐藤 亜沙美さとうあさみさん ブックデザイナー。1982年生まれ。2006年から2014年までブックデザイナー祖父江慎さんの事務所・コズフィッシュに在籍。2014年に独立し、サトウサンカイを設立。『Quick Japan』のアートディレクターを経て、20

                                  ブックデザイナー 佐藤亜沙美さん特別インタビュー! 〜マトリクスで解析?!2022年新書体の「活かし方・組み合わせ方・使い方」〜|モリサワ note編集部
                                • 明朝体 “らしさ” と楷書を再解釈したら、新しいデザインが生まれた話〜「霞青藍」「霞白藤」制作秘話〜|モリサワ note編集部

                                  ぱっと何の書体か見分けるのが難しい「明朝体」。しかし一度魅力を知れば、そこは底無しのフォント沼……!今回は、2022年10月にリリースした明朝体 「霞青藍かすみせいらん」「霞白藤かすみしらふじ」のデザインが生まれるまで、を掘り下げます。 デザインの特徴「霞青藍」「霞白藤」の属する “明朝体” は和文書体のデザインカテゴリの1つで、“うろこ” と呼ばれるアクセントや縦画が太く横画が細いというコントラストが特徴のデザインです。 現在の明朝体は、明治の初めに日本にもたらされた金属活字を基礎に改良が続けられてきたもので、様々な表情を持った明朝体が製品化されています。 共通の漢字の骨格左:霞青藍 右:霞白藤「霞青藍」「霞白藤」の漢字は同じ骨格・字形を共有し、横線やハライの伸びやかさを強調したふところの締まった骨格で “オールドスタイル” に分類される書体です。 あわせて、楷書(※)由来の特徴を多く採

                                    明朝体 “らしさ” と楷書を再解釈したら、新しいデザインが生まれた話〜「霞青藍」「霞白藤」制作秘話〜|モリサワ note編集部
                                  • vol. 2.2 DIN/トレードゴシック —グリッド・デザイン—|フォントポスト

                                    DIN/Trade Gothic 前回までのあらすじ 自社イベント用に制作したポスターで使用された書体の話で盛り上がる3人。2019年最後の回は、無事に収まるのだろうか……。 伊藤「山田さんはDIN系、渡邊さんはTrade Gothicを使って仕上げたということですが、書体はポスターのデザインにどういった感じでかかわってきますか?」 渡邊「両者、『クセ』の少ないゴシック体、というところが共通していますね」 山田「今回のポスターでは、『縦のライン』をきれいに出すというところがポイントだったんだよね」 渡邊「かといって、横のラインががちゃがちゃしているとカッコ悪いので、文字数を揃えることで調整しています」 伊藤「なるほど! 二人が使った書体は、『ラインをきれいに出しやすいものだった』ということですか?」 山田「うん、そうなんだけど、なんでだかわかる?」 伊藤「うーん……それはわかりません(笑)

                                      vol. 2.2 DIN/トレードゴシック —グリッド・デザイン—|フォントポスト
                                    • 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

                                        Kowloon Type
                                      • たばこ本体に警告文を掲載へ、カナダ - BBCニュース

                                        カナダの保健当局はこのほど、たばこ製品に直接、健康被害への警告文を表示すると発表した。こうした施策は世界初。

                                          たばこ本体に警告文を掲載へ、カナダ - BBCニュース
                                        • Intrinsic Typography Is The Future Of Styling Text On The Web | CSS-Tricks

                                          DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The way we style text hasn’t changed much over the years. There have been numerous advancements to help make things more flexible, like layouts, but in terms of styling, most finite aspects of our designs, like text, remain relatively unchanged. This is especially true of text styling. We wr

                                            Intrinsic Typography Is The Future Of Styling Text On The Web | CSS-Tricks
                                          • AKEMA on X: "これ、越後川口のサービスエリアに月替りで掲示されてるものなんだけど、ヤバいですよね、、 行くたびに記録するようにしてるけど、保存しておいて展示会してほしい、、 https://t.co/VV7cmFU9Zw"

                                            • 追悼:ブックデザイナー・平野甲賀さんが考えていたこと|じんぶん堂

                                              記事:晶文社 平野甲賀著『きょうかたるきのうのこと』(晶文社刊) 書籍情報はこちら ブック・デザインという仕事 ブック・デザイン、この呼称はわりと近年になってから使われ、一般的に通用するようになってきた。いまでも装丁家と自称するひともいるし、ブックデザイナーとカタカナ表記にこだわるひともいる。まぁ、どうでもいい話で、横文字つまりカタカナのほうが上等だと思うひとは、そうすればいいのであって文句をつけるつもりはない、しかし、耳なれないブックマルシェなどと言われると、ついソワソワしてしまう。 装丁と言うときにも、装幀という文字を使うひともいる。幀という字は表具屋さんが絵なんぞを台紙に糊ばりするときに使う文字らしい。丁は、丁半の丁つまり偶数、紙を折れば偶数、それを束ねて、装わせることを生業とする装丁師。南伸坊さんに『装丁』(フレーベル館)という本があり、かれは「丁」を車夫馬丁の丁の字の意であると言

                                                追悼:ブックデザイナー・平野甲賀さんが考えていたこと|じんぶん堂
                                              • 書籍『欧文書体のつくり方 美しいカーブと心地よい字並びのために』 | Book&Design powered by BASE

                                                欧文書体デザインの第一人者、小林章氏が、欧文書体をデザインする際に覚えておきたいポイントについて解説した本。 大文字、小文字、数字のほか、サンセリフ体やスクリプト体など異なるスタイル、美しく読みやすい書体にするための錯視の補正やカーブの調整について、欧文フォントやロゴタイプをつくるときに必要な知識が詰まった決定版です。 美しい文字をつくるときに必要な考え方を大きな図版とわかりやすい文章で説明しています。プロの書体デザイナーのテクニックが学べる本書は、「自分でフォントやロゴタイプをつくりたい」「欧文書体について学びたい」と思っている方々に、ぜひ読んでいただきたい一冊です。 [目次] 巻頭解説:錯視を知る 1. 欧文書体のつくり方[大文字、小文字、イタリック、数字、記号、スペーシング] 2. 欧文書体のスタイル[サンセリフ、セリフ、スクリプト] 3. 書体デザインの裏ワザ[視覚調整、カーブ、イ

                                                  書籍『欧文書体のつくり方 美しいカーブと心地よい字並びのために』 | Book&Design powered by BASE
                                                • アイデア No.403 | アイデア - 世界のデザイン誌

                                                  「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 【アイデア電子版発売開始】 最新号の電子版リリースがスタートしました! ▶︎「誠文堂の直売所」で電子版を購入する *電子版についての詳細はこちらをご覧ください。 【特集】 世界の「声」をつくる 書体デザイナー大曲都市の仕事 企画・構成:アイデア編集部 編集協力:長田年伸,藤井亮一,柴田光 デザイン:LABORATORIES(加藤賢策,守谷めぐみ) 翻訳:フレーズクレーズ,ブラザトン・ダンカン 大曲都市(おおまがり•とし)は,1984年福岡県春日市生まれの書体デザイナー。Tabular Type Foundry、Omega Type Foundry主宰。ゲームと映画,そしてラーメンを愛し,近頃は書体づくりとコーヒー豆の焙煎に情

                                                    アイデア No.403 | アイデア - 世界のデザイン誌
                                                  • 「A1明朝がウェイト展開されますように…」という願い(への現実的な処方箋)|DTP Transit 別館

                                                    2023年10月からA1明朝が3ウエイト展開になりました!!! (末尾に追加情報あり) 「何を打っても(=どんな文字を入力しても)いい感じになる」万能感あふれる〈A1明朝〉ですが、残念なのがウェイト展開がないこと。 「A1明朝がウェイト展開されたら…」という声を聞かない日はありません。 線に同じカラーに設定することで少しばかりの“太らせ”は可能ですが、画数の多い文字ではつぶれてしまい、厳しいです。 〈A1明朝〉にウェイトがなければ〈筑紫Aオールド明朝〉を使えばいいじゃない? フォントワークスLETSをお使いであれば、〈筑紫Aオールド明朝〉を使うという選択肢があります。まったく同じではありませんが、ニュアンスとしては代替できるかと。 比べてみると、〈A1明朝〉は〈筑紫Aオールド明朝〉の「DよりのM」くらいのウェイトです。 “墨だまり”の差〈A1明朝〉を〈A1明朝〉たらしめている要素のひとつが

                                                      「A1明朝がウェイト展開されますように…」という願い(への現実的な処方箋)|DTP Transit 別館
                                                    • 403 Forbidden

                                                       403 Forbidden nginx

                                                      • 「20世紀のポスター[図像と文字の風景]」 | 青い日記帳

                                                        東京都庭園美術館で開催中の 「20世紀のポスター[図像と文字の風景]―ビジュアルコミュニケーションは可能か?」展に行って来ました。 https://www.teien-art-museum.ne.jp/ ロートレックやミュシャのポスターが展覧会の中に何点か展示されていても、ポスターだけを紹介する展覧会ってありそうで滅多に観られないものです。 そもそも、ある一定期間だけ指定された場所に掲出されるポスターを車窓から目にすることはあっても、体系立てて「鑑賞」する経験はほとんどありません。 ヨゼフ・ミューラー゠ブロックマン 20世紀を代表するスイスのグラフィックデザイナーである、ヨゼフ・ミューラー゠ブロックマンが手掛けたトーンハレ協会音楽会(春のコンサート)の告知ポスターです。 デザインを学ばれている方にとっては神のような存在であるブロックマンのポスター。第1回から第4回までの春のコンサートポスタ

                                                        • 知っておきたいデザイナー№7: タイポグラフィーの巨匠、ヤン・チヒョルト|しじみ |デザインを語るひと

                                                          ヤン・チヒョルトヤン・チヒョルト(Jan Tschichold) source: adcgloba.orgヤン・チヒョルト(Jan Tschichold)(1902 – 1974)は、ドイツのタイポグラファー、カリグラファー、書籍デザイナーです。看板屋の長男としてライプツィヒに生まれました。 新しいタイポグラフィの創生に努めますが、ナチスにタイポグラフィーを反ドイツ的なものとして見られ、自宅に妻とともに軟禁され、それをきっかけにしてスイスへ移住します。これをきっかけにして喧伝してきた厳格なタイポグラフィーのルールを「狭量な考え方は、まさにナチスのドイツ至上主義に通じる」として、柔和な姿勢に転換していきます。反伝統的な立場から伝統的なタイポグラフィを擁護する立場に変わります。もとの姓名は Johannes Tzschichhold 。Iwan Tschichold と名のっていたこともありま

                                                            知っておきたいデザイナー№7: タイポグラフィーの巨匠、ヤン・チヒョルト|しじみ |デザインを語るひと
                                                          • 第八期文字塾展 オンライン「ちりもつもればかなとなる」

                                                            書体設計士 鳥海 修主催の文字塾。第八期も、書体をつくりたい!と集まった塾生が、1年をかけてひとつの書体に向き合いました。

                                                              第八期文字塾展 オンライン「ちりもつもればかなとなる」
                                                            • Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols — Smashing Magazine

                                                              For hundreds of years, we have been using white space in typography. Today, in 2020, how do we add spacing to punctuation marks and other symbols, and how do we adjust the space on the left and right side in an easy and consistent way? It is actually not as easy and quick as it should be. This article is for anyone who works with typography, in any medium, and it is especially for those designers

                                                                Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols — Smashing Magazine
                                                              • The Thing With Leading in CSS · Matthias Ott – User Experience Designer

                                                                The spacing between individual elements of a website and, in particular, the vertical spacing, has been a regular matter of debate between web designers and developers. Designers insist that what they see in the browser doesn’t look at all like the layout they originally designed. Developers respond that all the margins in the style sheets exactly match the margins in the layout. So who is right?

                                                                  The Thing With Leading in CSS · Matthias Ott – User Experience Designer
                                                                • clamp()関数を使った基本フォント・サイズの決定

                                                                  calc()やclamp()関数など、CSSの計算式では、100vwなどから%をうまく作れない。そのため、%の基本フォント・サイズを描画領域に応じて決定することは難しいと考えていた。しかし、%を作れなくても、100%にピクセルを加える形でもいいことがわかった。そこで、最小で100%、最大で125%、その間は描画領域のサイズに応じてなめらかに上昇するという形の実装を、clamp()関数を使って行った。 このウェブサイトでは既に導入されているので、上記変化を確認することができる。ユーザーがどのようなフォント・サイズ設定をしていても、なめらかに変化し、うまく動いているようだ。また、ズームしても問題なく動き、フォント・サイズの変更とズームを組み合わせてもちゃんと動く。「なんでもmin()、max()、clamp()関数でやってみよう!」というのは、今だけは正しい姿勢かもしれない。 実装 html

                                                                  • 受け継がれる美意識 | 都営文字の世界 | PROJECT TOEI | 東京都交通局

                                                                    整備の注意を促す看板の文字の中には「職員の手書き」で書かれているものもあります。デザイナーではなく、職員自ら、その都度書いてきました。どの文字も古く、最初に書かれたのがいつだったのか、誰が書いたのかもわかりません。少なくとも最初に書いた人はもうここにはいません。 文字をよくみると、それぞれの書体に特徴があります。より注意を引くため、明朝体の「うろこ」と呼ばれる飾り部分をうねったように強調することで注意を喚起していたり(写真1)、うろこと縦画・横画(タテ線・ヨコ線)との強弱を激しくつけたり(写真2)と場所にあわせて変化しています。 整備場の文字の多くは職員の手書きです(写真3)。どの文字も個性的で、文字デザインによって注意喚起を行いたいという書いた人の狙いが出ています。その狙いは、新たな看板を書く職員によって受け継がれています。時間が経ち薄くボケてしまった輪郭線を別の職員が引き直し、その上に

                                                                      受け継がれる美意識 | 都営文字の世界 | PROJECT TOEI | 東京都交通局
                                                                    • Vaundy × 川村 真司 × 牧野 惇 × Morisawa スペシャル対談 『音楽・映像・文字が奏でる相乗効果。リリックビデオを超えた、文字が主役の新しいミュージックビデオ』

                                                                      Vaundy × Masashi Kawamura × Atsushi Makino × Morisawa Special Interview Vaundy × 川村 真司 × 牧野 惇 × Morisawa スペシャル対談 音楽・映像・文字が奏でる相乗効果 リリックビデオを超えた、 文字が主役の新しいミュージックビデオ モリサワは、フォントが音楽や映像と呼応し合うミュージックビデオ(以下、MV)を制作しました。追い求めたのは、リリースしたクラウド型フォントサービス“Morisawa Fonts”で利用できるフォント表現の新たな可能性。MVは彗星のごとくミュージックシーンに現れたマルチアーティストVaundy、「世界のクリエイター50人」にも選出されたクリエイティブディレクター の川村真司氏、クラフト的な表現で圧倒的な存在感を放つ映像ディレクター牧野惇氏のコラボレーションです。時代をリード

                                                                        Vaundy × 川村 真司 × 牧野 惇 × Morisawa スペシャル対談 『音楽・映像・文字が奏でる相乗効果。リリックビデオを超えた、文字が主役の新しいミュージックビデオ』
                                                                      • Schriftenkartei [Typeface Index], 1958–1971

                                                                        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
                                                                        • 多⾔語の組版ルール【欧⽂編】第2回 欧文組版の考え方|モリサワ note編集部

                                                                          第2回ではさっそく、欧文組版をするにあたって重要となる基本ルールをお伝えします(欧文組版で用いるラテン文字や文字セットについては、「第1回 欧文の基本」で説明しています)。 1. 文字/単語のとらえ方の違い 日本語の和文組版に慣れている方が、欧文組版に取組むときに、念頭に置かなければならないことは、組版のしくみの違いです。 和文組版では、基本的に図1のような四角い仮想ボディを持つ文字を、前に送っていきながら配置していく考え方をしています。 文字単位で揃えていく組版ですので、行末を揃えやすく、多くの場合「箱組み*」が採用されます。和文組版は、「文字」単位で組版を考える仕組みを持っているといえます。 *箱組み 左右版面に均等に流し込み、最終行のみ左揃えになる組み方のこと。 ジャスティファイとも言う。 しかし欧文組版の場合は、和文のように1文字単位で考えることはありません。和文の1文字単位にあた

                                                                            多⾔語の組版ルール【欧⽂編】第2回 欧文組版の考え方|モリサワ note編集部
                                                                          • 時代を彩った「構成的ポスター」を展示 「20世紀のポスター[図像と文字の風景]」展が開催 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア

                                                                            ▲ アートディレクション:澤田泰廣/デザイン:長澤昌彦 東京・白金台の東京都庭園美術館では、展覧会「20世紀のポスター[図像と文字の風景]ビジュアルコミュニケーションは可能か?」が2021年1月30日(土)から4月11日(日)まで開催される。 同展は、竹尾の寄託によって多摩美術大学アートアーカイヴセンターが収蔵し、両者の相互協力のもとに共同研究を進める「竹尾ポスターコレクション」を利用した、大規模なポスター展である。 ▲ オイゲン・エーマン《ドイツ・グラフィック展/チューリッヒ・ウォルフスバーク美術サロン》1921年 ▲ テオ・バルマー《写真100年展/バーゼル工芸美術館》1928年 1910〜20年代のヨーロッパで生じ、芸術・デザインに革命をもたらした「構成主義」は、特にビジュアルデザインの領域において、図像と文字を幾何学的・抽象的な融和のもとに構成しようとする表現様式。 ▲ エル・リシ

                                                                              時代を彩った「構成的ポスター」を展示 「20世紀のポスター[図像と文字の風景]」展が開催 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
                                                                            • Mastering Typography In Logo Design — Smashing Magazine

                                                                              Finding the right typeface for a logo is a challenge and can be a very time-consuming process that requires both creativity and a practical approach. Levi Honing provides the essential background and tools to enhance your typography journey and apply this knowledge to your logo design. Let’s dive deep to learn how to create a logo that is not only expressive but also purposeful and well-thought-ou

                                                                                Mastering Typography In Logo Design — Smashing Magazine
                                                                              • How To Tame Line Height In CSS | CSS-Tricks

                                                                                DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that comes from literally putting pieces of

                                                                                  How To Tame Line Height In CSS | CSS-Tricks
                                                                                • The CSS From-font Value Explained In 4 Demos | CSS-Tricks

                                                                                  DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) is both interesting and worth sharing. About the from-font value Here’s ho

                                                                                    The CSS From-font Value Explained In 4 Demos | CSS-Tricks

                                                                                  新着記事