Togetter - 「【WEBデザイン】原研哉さんを中心に巻き起こった深夜のフォント熱論まとめ」
Twitterのつぶやきマッシュアップ!
【WEBデザイン】原研哉さんを中心に巻き起こった深夜のフォント熱論まとめ
原研哉さんのツイート『コペンハーゲンののデザイナーから、なぜ日本のスクリーン上の文字はいまだに原始時代なの？と問われて返答に詰まった。ロスの友人からも、日本のデザインはきれいなのに、なぜネットの中はぐちゃぐちゃなの？と問われて答えられなかった。美に聡く、醜さに疎いといわれる所以か。なんとかしたい。』
これに、深夜起きてたデザイン関係者の皆様が熱い反応を示していて、こっちまで熱くなったので、勢いでまとめました。
誰でも編集できるので、追加訂正あれば教えてください。
【5/18追記】
JAGDA主催で、2010年5月28日（金）19:00–21:00に、
第1回研究会「Web環境のタイポグラフィ」が開催されます。
先着順だそうなので、お早目にお申込みください。
http://www.jagda.org/information/jagda/637
お気に入りしたユーザ
まとめられたつぶやき
-
コペンハーゲンののデザイナーから、なぜ日本のスクリーン上の文字はいまだに原始時代なの？と問われて返答に詰まった。ロスの友人からも、日本のデザインはきれいなのに、なぜネットの中はぐちゃぐちゃなの？と問われて答えられなかった。美に聡く、醜さに疎いといわれる所以か。なんとかしたい。
-
これって、書体のこと？ RT @haraken_tokyo: 電子メディアの中の日本の文字はなぜこんなに醜く混乱しているのだろうか。欧米の電子メディアの文字環境の水準と比較してそのギャップに悩み続けて久しい。誰に提案し、どこを改善すればいいのかが見えない。...
-
組版のこと？両方？RT @haraken_tokyo: コペンハーゲンののデザイナーから、なぜ日本のスクリーン上の文字はいまだに原始時代なの？...
-
フォントのみならず、字間も、行間も、約物も、レイアウトも、文字の配置を制御する技術全体のことです。日本の文字が比較的きれいに見えるのがiphoneというのも皮肉。
-
原始時代=ビットマップフォントのことではないですかね。RT @yasuhiton: 組版のこと？両方？RT @haraken_tokyo: コペンハーゲンののデザイナーから、なぜ日本のスクリーン上の文字はいまだに原始時代なの？...
-
「欧米の電子メディアの文字環境の水準」とは、何を指していっているのか？ ウェブの表示はデバイスフォントの問題でMacOSは、OSAKAからヒラギノに至るまで、ひどいとは思わない。iPhoneとMacOS の見え方に大差はないはず。@haraken_tokyo
-
ビットマップフォントは漢字を使ってる以上、ラテンアルファベットのようにはいかないですね。RT @ymihashi: 原始時代=ビットマップフォントのことではないですかね。RT @yasuhiton: 組版のこと？RT @haraken_tokyo: なぜ日本のスクリーン上の文字は
-
KindleBookの組版はどれもひどく、ぼくのつくったものは、高い水準にある（他と比較し、読みやすくきれい）と自負している。欧米（じゃない米だけ）の電子メディアの話しです。まぁ、ラギッド組みを採用しただけですが・・。 @haraken_tokyo
-
日本語は漢字／ひらがな／カタカナ／アルファベット／数字などが入り乱れるハイブリッドな文字。これを紙の上で美しく制御するには相応の工夫を要した。これをweb画面やtwitter画面、携帯画面上などできれいに制御するには基本的にどういう努力が必要なのだろうかという素朴な疑問。
-
こころあるデジタル系の若手デザイナーの間ではいろんな試みが為されています。たとえばこれ。http://www.allianceport.jp/research-and-development/web-typography.html
-
@haraken_tokyo 本件，かなり OS に依存することになると思います。簡単に言ってしまうと Windows はきれいに見せるため Clear type というのを出しました。プラス，フォント自体のデキになってきます。それと dpi なども...
-
河野氏のメイリオが一つの先駆的事例としてあります http://bit.ly/7AbLIX RT @haraken_tokyo 電子メディアの中の日本の文字はなぜこんなに醜く混乱しているのだろうか。
-
@yasuhiton なるほど勉強になります。グリッドシステムは紙の仕事でいつも使っていますが、少し研究してみます。１９５０年代のスイスのタイポグラフィは、自己表現というよりも、社会倫理的な意識から育ったある種の環境デザインだったと思います。
-
少なくとも、文字を選ぶ側の意識は確実に変化してきている、と常日頃感じています。これはデザイナーに限らりません。RT @haraken_tokyo: 電子メディアの中の日本の文字はなぜこんなに醜く混乱しているのだろうか。
-
@haraken_tokyo htmlやcssといったweb言語自体がそもそも欧文ベースのため、文字でのデザイン表現が難しいのかと思います。Flash上では可能ですが、検索され辛いなど、webとしてのデメリットもあったりします。突然、失礼しました。
-
@haraken_tokyo Windows やLinux ならアプリケーションとOSが司ります。アプリがどのフォントでどこに表示しなさいという指示を出し，OSが必要なモノを拾ってきて，アプリに返して表示してくれます。twitter の文字というのもブラウザかアプリかで異なります
-
@haraken_tokyo あとブラウザの場合は，他の方もおっしゃってくれていますが，html 側 (ソース) 側でフォントを指定することがあるのでそれにもよります。
-
@haraken_tokyo 何でtwitterを拝見されているかにより、見え方も大きく異なりますが、イメージとしてはそれに近い形だと思います。
-
@haraken_tokyo デザイナー（ページ制作者）の指示と利用者のUA（表示機器）で制御。具体的にはページのスタイルシートで指示、ブラウザの設定で表示。ブラウザは利用者によって異なるので、醜く見える人もいます。
-
アプリケーションによるんじゃないですか？ ぼくが使っている Echofonは文字サイズを変えると組の様相まで変りますね。で、一番いいところで使っています。RT @haraken_tokyo: 例えば..このtwitteの文字はどうやって制御されているのでしょうか。
-
@haraken_tokyo 例. IE の場合インターネットオプションの中に font (IE8で確認) というボタンがあるので，そこで多少変えられます。(ただ全部のページに有効でないかも知れません)
-
ページ制作者の指示と利用者の表示器機の相関による流動性は、アルファベット圏だとぶれが少ないように思われます。これは使用されている書体がポピュラーに安定しているからでしょうか。やはり興味があるのは自分が見る環境というより、どう見えているかということですが。
-
どう見えるかは制御できても固定できない。これがデジタルメディアの特性。ならばどうするか。アルゴリズミックなデザイン思考に切り替えるしかない。RT @haraken_tokyo: ...やはり興味があるのは自分が見る環境というより、どう見えているかということですが。
-
欧文はブレ少ないと思います。全般的に、PC向けは「相手の利用環境を想定」するのが大きな特徴です。逆に「iPad向け」「Kindle向け」など非PC向けは想定が容易で制御しやすいです。 @haraken_tokyo ページ制作者の指示と利用者の表示器機の相関による流動性は、アル
-
@haraken_tokyo Webにおいては、制作者の指示はあくまで「できればこう表示してほしい」という希望に過ぎません。Webは本質的に常に閲覧者の方が制作者より上位です。しかしそれによって他のメディアでは決して得られない多態性とアクセシビリティを獲得しています。
-
@haraken_tokyo 基本的に 1byte 文字の方が見栄えがよいです。web page ではそのブレを少なくするために CSS で表示を決めることが多いです。ただし，OS によって表示ロジックや持っているフォントが異なりますし，ブラウザによっても異なることがあります
-
アルゴリズミックなデザイン思考について謙虚に教わりたい。リアクションが安定しないボールを打ってテニスが上達するかどうか、という疑問がかすかに芽生えましたが。
-
テニスなんか上達しなくてもかまわない。という答えでいいですか？ RT @haraken_tokyo: アルゴリズミックなデザイン思考について謙虚に教わりたい。リアクションが安定しないボールを打ってテニスが上達するかどうか、という疑問がかすかに芽生えましたが。
-
やっぱりそういう答えなのですか。グリッドの話はテニスプレーヤーにも理解できそうな内容でしたが。でも今夜はありがうございました。
-
ごめんなさい。実はテニスの比喩がよくわかりませんでした（汗）。なにをさしていたのでしょう？RT @haraken_tokyo: やっぱりそういう答えなのですか。グリッドの話はテニスプレーヤーにも理解できそうな内容でしたが。でも今夜はありがうございました。
-
ややこしくてすみません。webにおける閲覧の不確定性は、同じアクションに対してその都度飛ぶ方向の異なるボールを打つようなものに思えたのですね。海外からの指摘は、現在のweb環境における和文の不確定性をよく日本人は許容しているな、という指摘です。
-
僕はいわば、紙によってスキルを獲得してきたデザイナーですから、アカデミックなテニスプレイヤーみたいなものです。
-
絵画型ではなく写真型！？
-
絵画は一枚の絵を塗ったり削ったりして仕上げて行きます。写真はたくさんのショットから1枚を選ぶ。習字型といってもいいです。同じお手本で何枚も書いて、そこから選ぶ。RT @haraken_tokyo: 絵画型ではなく写真型！？
-
はねるボールの不確定性をアルゴリズミックに予測しつつラケットを振るということですね。あくまでテニスの比喩で恐縮ですが。
-
OSのバージョンがそろえば、さほど欧文と変わらないと思う。この辺はデザインではなく、エコノミーの問題かと。指摘した人もよくわかってないのでは?RT @haraken_tokyo: 海外からの指摘は、現在のweb環境における和文の不確定性をよく日本人は許容しているな、という指摘
-
ふる側＝受け手 ということであれば、高度な受け手はそうだと思います。でも、普通の受け手は、なにも考えないと思う。RT @haraken_tokyo: はねるボールの不確定性をアルゴリズミックに予測しつつラケットを振るということですね。あくまでテニスの比喩で恐縮ですが。
-
@haraken_tokyo 紙とWEBを比較するなら、紙は固体、WEBは液体。液体はその様態を保つのに容器（ブラウザ・デバイス）に依存せざるを得ない。ある程度どの容器に入るかを想定して作るけれど、完全にコントロールできない。という感じでしょうか。
-
指摘した人は、日本の現状を見て、香港にアジアのタイポグラフィの研究機関を設立しようと企画していたデンマーク人です。デジタル環境におけるタイポグラフィでは知見の豊かな人。半分冗談で半分本気を感じました。今日はいろいろと勉強できました。
-
工業デザインやIT系で開発プロセスに仮説→検証を組み込み、少しずつ「ねらい」を正して行く方法があります。スパイラルや反復で。 RT @haraken_tokyo はねるボールの不確定性をアルゴリズミックに予測しつつラケットを振るということですね。あくまでテニスの比喩で恐縮ですが。
-
日本でも研究が進んでいることを知り、僕も勉強してみようと思いました。かんしゃくをおこさずOSの成熟を期待しつつ。
-
@haraken_tokyo 原さんの活躍のフィールドがさらに広がることを楽しみにしています。
-
経済関係なく、欧か米でも大きく違うはず。しかもOSでもクライアントソフトでも違う。そのデザインなり中身が素晴らしければ翻訳ソフトを使われる可能性もあると思うがどうでしょう！ .@yasuhiton @haraken_tokyo
-
@haraken_tokyo @iaaieuo 容器に依存してしまってコントロールできないのは事実だと思いますが、それは難点ではなく、様々な形の容器に入れられるので人によってそれぞれ便利に扱える、という利点だと思いす。@yasuhiton氏が出された翻訳も一つの容器の例ですよね。
-
@haraken_tokyo 自分の専門中の専門なので、少しムキになりました（笑）。また、機会があれば話しましょう。（是非オープンで）。
-
@yasuhiton ありがとうございました。またいい場所でお話しできればと思います。
-
では、おやすみなさい。（佐藤さんも）RT @haraken_tokyo: @yasuhiton ありがとうございました。またいい場所でお話しできればと思います。
チェックアイテム
編集の履歴
| 2010-03-03 18:20:00 |  |
yimamura さんが更新しました。 |
| 2010-03-03 18:18:07 | |
yimamura さんが更新しました。 |
| 2010-03-03 10:23:36 |  |
kaolu_design さんが更新しました。 |
| 2010-03-03 10:18:21 | |
kaolu_design さんが更新しました。 |
| 2010-03-03 10:00:17 | |
kaolu_design さんが更新しました。 |
ブログパーツ
幅・高さの指定を変えることでサイズを変更できます。
またsrcの中の「bc=***」で背景色を変更できます。
その他のまとめ
 |
【WEBデザイン】原研哉さんを中心に巻き起こった深夜のフォント熱論まとめ |
|
【WEBデザイン雑談】エスノグラフィってWEBサイト制作するときに、ビジネスとして活用できるのかという素朴な疑問 |
|
【WEBデザイン雑談】フロー図の話から、世代別ユーザ行動や心理の話になった。 |
カスタム検索
注目のまとめリスト
最近追加された商品
 |
トランザクション処理〈下〉―概念と技法 |
 |
(グンゼ)GUNZE BODYWILD ボディーワイルド HOTMAGIC ロングスリーブシャツ .. |
 |
ユニクロ・柳井正―仕掛けて売り切るヒット力 |
 |
超薄型 両面 ユニバーサル基板(赤) t=0.4mm 230×320mm 金フラッシュ |
 |
トランザクション処理〈上〉―概念と技法 |
 |
ソードアート・オンライン〈4〉フェアリィ・ダンス (電撃文庫) |
最近ログインしたユーザ
コメント
2010-03-03 03:55:57
2010-03-03 04:04:02
2010-03-03 10:00:17
2010-03-03 10:01:23
2010-03-03 10:23:36
2010-03-03 18:18:07
2010-03-03 18:20:00
2010-03-04 13:00:53
2010-05-18 11:16:31