gigazine.net Open in urlscan Pro
2606:4700:10::6814:1b05  Public Scan

Submitted URL: https://gigazine-net.webpkgcache.com/doc/-/s/gigazine.net/news/20210812-twitter-changes-font-chirp-icon/
Effective URL: https://gigazine.net/news/20210812-twitter-changes-font-chirp-icon/
Submission: On September 05 via manual from JP — Scanned from JP

Form analysis 3 forms found in the DOM

POST https://gigazine.net/

<form id="loginForm" method="post" action="https://gigazine.net/">
  <div class="hiddenFields">
    <input type="hidden" name="ACT" value="9">
    <input type="hidden" name="RET" value="/gsc/">
    <input type="hidden" name="site_id" value="1">
    <input type="hidden" name="csrf_token" value="771f3bdeb56d829af153b07704408f986a59d6f4">
  </div>
  <p class="input">
    <label style="color: gray;">ユーザー名</label><br>
    <input type="text" name="username" value="" maxlength="75" size="25">
  </p>
  <p class="input">
    <label style="color: gray;">パスワード</label> - <a href="/club/forgot_password" style="color: #008da7;">パスワードの再発行</a><br>
    <input type="password" name="password" value="" maxlength="75" size="25">
  </p>
  <label class="input" id="auto_login" style="color: gray;"><input type="checkbox" name="auto_login" value="1"><span style="margin-left: 6px;">ログインしたままにする</span></label>
  <p class="input"><input type="submit" name="submit" value="ログイン" class="button-exp-style"></p>
</form>

<form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8">
  <table cellspacing="0" cellpadding="0" role="presentation" class="gsc-search-box">
    <tbody>
      <tr>
        <td class="gsc-input">
          <div class="gsc-input-box" id="gsc-iw-id1">
            <table cellspacing="0" cellpadding="0" role="presentation" id="gs_id50" class="gstl_50 gsc-input" style="width: 100%; padding: 0px;">
              <tbody>
                <tr>
                  <td id="gs_tti50" class="gsib_a"><input autocomplete="off" type="text" size="10" class="gsc-input" name="search" title="検索" aria-label="検索" id="gsc-i-id1" dir="ltr" spellcheck="false"
                      style="width: 100%; padding: 0px; border: none; margin: 0px; height: auto; background: url(&quot;https://www.google.com/cse/static/images/1x/ja/branding.png&quot;) left center no-repeat rgb(255, 255, 255); outline: none;"></td>
                  <td class="gsib_b">
                    <div class="gsst_b" id="gs_st50" dir="ltr"><a class="gsst_a" href="javascript:void(0)" title="検索ボックスをクリア" role="button" style="display: none;"><span class="gscb_a" id="gs_cb50" aria-hidden="true">×</span></a></div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
        <td class="gsc-search-button"><button class="gsc-search-button gsc-search-button-v2"><svg width="13" height="13" viewBox="0 0 13 13">
              <title>検索</title>
              <path
                d="m4.8495 7.8226c0.82666 0 1.5262-0.29146 2.0985-0.87438 0.57232-0.58292 0.86378-1.2877 0.87438-2.1144 0.010599-0.82666-0.28086-1.5262-0.87438-2.0985-0.59352-0.57232-1.293-0.86378-2.0985-0.87438-0.8055-0.010599-1.5103 0.28086-2.1144 0.87438-0.60414 0.59352-0.8956 1.293-0.87438 2.0985 0.021197 0.8055 0.31266 1.5103 0.87438 2.1144 0.56172 0.60414 1.2665 0.8956 2.1144 0.87438zm4.4695 0.2115 3.681 3.6819-1.259 1.284-3.6817-3.7 0.0019784-0.69479-0.090043-0.098846c-0.87973 0.76087-1.92 1.1413-3.1207 1.1413-1.3553 0-2.5025-0.46363-3.4417-1.3909s-1.4088-2.0686-1.4088-3.4239c0-1.3553 0.4696-2.4966 1.4088-3.4239 0.9392-0.92727 2.0864-1.3969 3.4417-1.4088 1.3553-0.011889 2.4906 0.45771 3.406 1.4088 0.9154 0.95107 1.379 2.0924 1.3909 3.4239 0 1.2126-0.38043 2.2588-1.1413 3.1385l0.098834 0.090049z">
              </path>
            </svg></button></td>
        <td class="gsc-clear-button">
          <div class="gsc-clear-button" title="結果をクリア">&nbsp;</div>
        </td>
      </tr>
    </tbody>
  </table>
</form>

Name: iformPOST /news/contact2/

<form name="iform" method="post" action="/news/contact2/" autocomplete="off" target="_blank"><i class="icon icon-ftid1"></i><input type="submit" value="誤字脱字の指摘"
    onclick="ga('send', 'event', 'outgoing', 'click', '/outgoing/gigazine.net/contact2');"><input type="hidden" name="memid" value="5"><input type="hidden" name="inqtitle" value="Twitterが新フォント「Chirp」を導入しUIを刷新"><input type="hidden" name="inqentryid"
    value="74640"><input type="hidden" name="inqurl_title" value="20210812-twitter-changes-font-chirp-icon"><input type="hidden" name="csrf_token" value="771f3bdeb56d829af153b07704408f986a59d6f4"></form>

Text Content

GIGAZINE ホーム

login
Twitter Facebook YouTube Google News Pinterest Discord RSS 2.0
GIGAZINEにログイン
メンバー登録はココをクリック

ユーザー名


パスワード - パスワードの再発行


ログインしたままにする



×

2021年08月12日 11時25分 ネットサービス


TWITTERが新フォント「CHIRP」を導入しUIを刷新




現地時間2021年8月11日、TwitterがUIやフォントを刷新しました。新たに導入されたのは「Chirp」というフォントで、UIは「フォロー」ボタンの基調色が白黒になるなどの変更が加えられています。

Imperfect, by design
https://blog.twitter.com/en_us/topics/company/2021/imperfect-by-design

Twitter changed its font again and people are losing their minds over it
https://knowtechie.com/twitter-changed-its-font-again-and-people-are-absolutely-losing-their-minds-over-it/

Twitter has switched over to its Chirp font - The Verge
https://www.theverge.com/2021/8/11/22620438/twitter-changes-font-chirp-design-icon

Twitterが新たに導入したのは、スイスのカスタムフォント製造販売企業のGrilli Type
Foundryと共同開発したという「Chirp」というフォント。Chirpはアメリカンゴシックとヨーロッパのグロテスク様式を混交し、さらに木版画特有の手作り感を加えたフォントで、8月11日時点ではローマ字のみに適用されている状態。Twitterは「今後ローマ字以外の言語に拡張する予定」と記しています。







この新フォントの導入に加えて、UIも更新されています。UIについては文字間の間隔が狭まった他、青領域が少なくなり、「フォロー」ボタンなどの基調色が白黒になりました。







新しいフォントにはイースター・エッグ(隠し要素)も追加されており、「[CHIRPBIRDICON]」と入力するとTwitterアイコンが入力可能。ちなみにCHIRPBIRDICONというのは、今回の新フォントである「Chirp」とTwitterのアイコンデザインである「Bird(鳥)」、そして「Icon(アイコン)」をひとつなぎにした単語です。なお、iOSアプリでは入力欄に[CHIRPBIRDICON]と入力した段階でTwitterアイコンに変化するそうですが、ブラウザ版では実際に送信するまでTwitterアイコンには変化しないとのこと。







Twitterは「私たちが求めたのは、感情や表現を包含したアートファーストのブランドアイデンティティでした。そこで私たちは、パーツごとにシステムを構築したり、特定の要素を中心に構築したりするのではなく、意図的に不完全であることを前提としたクリエイティブなデザインシステムの構築に着手しました」「私たちの製品のコアは変更されていません。私たちは表示方法を変更しているだけです。
この作品は、私たちが会社として誰であるか、そして私たちのサービスが何を表しているかを反映した真の形であると感じています。私たちはツイッターです。ツイッターとは今起こっていることであり、人々が今話していることです」とコメントしています。


この記事のタイトルとURLをコピーする


・関連記事
Twitter公式アプリ「TweetDeck」が新デザイン&新機能を発表したので実際に使ってみた - GIGAZINE

Twitterの画像切り抜きアルゴリズムは「肌が白い/痩せている/若い/より女性的なほど優先度が高くなる」と証明した研究者が報奨金を獲得 - GIGAZINE




Twitterが音声会話機能「スペース」に「共同ホスティング機能」を追加、共同ホストに管理を手伝ってもらえるように - GIGAZINE

Twitterが24時間で投稿が消える「フリート」機能を終了すると発表 - GIGAZINE






・関連コンテンツ

 * Twitterが「読んでいる途中のツイートがタイムラインの更新で消え去ってしまう問題」を修正すると発表
 * Google Chromeのロゴが8年ぶりに変わる
 * Windows 10のアプリアイコンデザインが刷新、Microsoftのデザインシステム「Fluent Design」を採用
 * TwitterのDMが140文字制限をついに廃止
 * Twitterが猛烈な反発を食らったUIデザイン変更の一部を修正、紛らわしいフォローボタンはそのまま
 * Twitterの新しいWindowsアプリが登場したので早速使ってみた
 * Twitterの画像編集に「ステッカー」機能が追加、実際にどんな画像が作れるようになるのか?
 * ウェブサイトのデザインを4分で劇的によくする方法を視覚的にわかりやすく解説した「Web Design in 4 minutes」

 * << 次の記事
   
   
   
   Samsungが横/縦に折りたためる新スマホ「Galaxy Z Fold3 5G」と「Galaxy Z Flip3 5G」を発表

 * 前の記事 >>
   
   
   
   AmazonがNSAと1兆円規模のクラウド契約を締結、Microsoftは抗議




2021年08月12日 11時25分00秒 in ネットサービス,   デザイン, Posted by darkhorse_log

You can read the machine translated English article here.

Twitter Facebook YouTube Discord RSS 2.0


最新ニュース40件

 * Amazonで購入したCore i9-13900Kの中身がCore i7-13700Kだったことが判明
 * X(旧Twitter)がサウジアラビアの人権侵害をほう助したとして訴えられる
 * Huawei最新スマホ「Mate 60 Pro」は7nmプロセスの5Gチップを搭載していることが判明、中国はアメリカ主導の厳しい輸出規制の回避に成功か
 * 具材とうどんをシェイクして食べる「丸亀シェイクうどん」に新作登場、「ピリ辛肉そぼろ」「凍らせレモンのおろし」「山菜おろし」の3種を食べてみた
 * 新型コロナ治療で目が青色に変わる事例が報告されている
 * イーロン・マスクが「Xの広告売上不振の原因はユダヤ人団体」だとして訴訟を起こすと脅迫
 * AppleとMicrosoftがiMessageとBingをEUの規制対象である「ゲートキーパー」リストから外させようと画策している
 * Metaは次期Quest Proの製造でLGと提携しているとの報道、2025年に30万円級のハイスペックヘッドセットをリリース
 * アカウント&インストール不要で使えるビデオ会議ツール「Jitsi Meet」が悪用多数のため会議作成時はログインが必要に
 * 「AIが執筆した問題まみれのスポーツ記事」がSNSで批判されたため大手新聞社がAIによる記事執筆を一時停止
 * Windows 11でメモ帳に自動保存機能が追加、保存し忘れてもデータを復元可能
 * 気候変動によって「青い海」が「緑の海」に変わりつつある
 * デジタル世界の「自由」は徐々に失われており「DRM義務化」「VPN非合法化」「アプリ更新への政府介入」といった最悪の状況に突き進む可能性がある
 * 展開をまとめてストーリーをより面白く固めるための工夫が分かる「ガス屋で~す!!」第5話メイキング解説
 * 味はそのままに高たんぱく質と糖質30%オフでヘルシーになった「日清のどん兵衛PRO 高たんぱく&低糖質 きつねうどん」試食レビュー
 * ネアンデルタール人が遺体と一緒に花を埋葬したという痕跡は「ミツバチの気まぐれ」によって作り出された可能性
 * ビタミンCなどの抗酸化物質を摂取しすぎるとがん腫瘍の増殖が促進されるかもしれない
 * キノコ専門家がAmazonで売られている「AIが書いたキノコ採りガイド」を買わないよう呼びかけ、命に関わる危険も
 * 2023年9月4日のヘッドラインニュース
 * 海賊がアメリカ西海岸に出没して船を襲い略奪を行っている
 * Appleが児童ポルノ検出ツールの開発を諦めた理由とは?
 * iPhoneの緊急SOS機能用の人工衛星を打ち上げるためGlobalstarとイーロン・マスクのSpaceXが93億円規模の契約を締結
 * XのデータをAI開発のトレーニングに使うことが規約で明言されイーロン・マスクもコメント
 * リサイクル店で手に入れた4ドルの絵画が80年間姿を消していた幻の作品だったことが分かり最高25万ドルで落札される可能性
 * Lenovoが携帯型ゲーミングPC「Lenovo Legion
   Go」を発表、コントローラー取外し可能&FPS向けのジョイスティック操作は画期的だがバッテリー性能優先で携帯性はやや犠牲に
 * 「自動運転ロボタクシーが救急車を妨害したせいで患者が死亡した」という主張にロボタクシー運営会社が反論
 * 無料でA/Bテストや新機能の段階的ロールアウトを導入でき、オープンソースでセルフホストも可能な「GrowthBook」を使ってみた
 * Samsungが業界最大容量のメモリチップ「32Gb DDR5 DRAM」を発表、最大1TBのDRAM作成や消費電力削減が可能に
 * 子ども向けスナック菓子の袋にポルノサイトのURLが記載されていることが判明し回収へ
 * 果汁15%でウーロン茶というよりマンゴー強めのフルーツジュースな「サントリー烏龍茶 好烏龍」を飲んでみた
 * アメリカ国防省がUFO情報まとめサイトを開設、正体不明の飛行物体を記録した動画が多数あり
 * Microsoftがワードパッドの更新を廃止してWindowsから削除すると発表
 * モカエキスプレスやバリグラインダー(コーヒーミル)などさまざまなコーヒー用品をCTスキャンして内部構造を調べた結果は?
 * 自作のインスリン投与装置が1型糖尿病の治療を変える可能性
 * 砂漠の中に町が生まれる巨大イベント「バーニングマン」が豪雨で孤立し死者1名
 * 「興味はあるけど検索したことはない製品」の広告を表示する行動ターゲティング広告の仕組みとEUによる規制とは?
 * 東南アジアでは数十万人がオンライン詐欺師として人身売買されている
 * AIによる学習を妨害する敵対的ノイズを画像から除去できる「AdverseCleaner」を使ってみた
 * 中世の写本に「カタツムリと騎士の戦い」が大量に描かれているのは一体なぜ?
 * 無料でFFmpegのフィルター機能をブラウザ上でチェックできてさらにコマンドも出力してくれる「FFmpeg Explorer」

   
   
   
 * 
   


過去の記事 過去記事を見る

カテゴリ メモ ヘッドライン レビュー 取材 インタビュー 試食 モバイル ソフトウェア ネットサービス ウェブアプリ ハードウェア 乗り物 サイエンス 生き物
動画 映画 マンガ アニメ ゲーム デザイン アート 食 セキュリティ お知らせ ピックアップ コラム メンバー限定 広告 無料メンバー サイト内検索
×

検索
 


人気記事ランキング

直近24時間(1時間ごとに更新。5分ごとはこちら)

 1.  中世の写本に「カタツムリと騎士の戦い」が大量に描かれているのは一体なぜ?
 2.  AIによる学習を妨害する敵対的ノイズを画像から除去できる「AdverseCleaner」を使ってみた
 3.  「徹夜することでうつ病の症状が和らぐ」という不思議な現象の理由が脳スキャンで明らかに
 4.  砂漠の中に町が生まれる巨大イベント「バーニングマン」が豪雨で孤立し死者1名
 5.  ドイツに生息する野生のイノシシが高濃度の放射性物質で汚染されている理由が明らかに
 6.  2023年9月4日のヘッドラインニュース
 7.  Microsoftがワードパッドの更新を廃止してWindowsから削除すると発表
 8.  果汁15%でウーロン茶というよりマンゴー強めのフルーツジュースな「サントリー烏龍茶 好烏龍」を飲んでみた
 9.  自作のインスリン投与装置が1型糖尿病の治療を変える可能性
 10. Appleが2023年内は「TSMCに3nmチップを製造してもらう唯一のメーカー」になる可能性


人気動画

2023-08-28から2023-09-03の再生回数ランキング

 * 水上バイクでMEGの群れに挑むジェイソン・ステイサムが絶体絶命な映画「MEG ザ・モンスターズ2」本編海上ライド映像
 * 画像生成AI「Stable Diffusion」とmulti ControlNetで実写映像を自動でアニメ化したムービー
 * AIで編集したムービーたち【MagicEdit】 #ai
 * AIでムービーの顔だけ置き換える【MagicEdit】 #ai
 * AIでムービーの映っていない部分を追加【MagicEdit】 #ai
 * 敵にグイグイ食いつける「アーマード・コアVI ファイアーズオブルビコン」のロックアシスト



ネタのタレコミ その他のお問い合わせ 広告掲載について GIGAZINEについて 採用情報