【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!
315
ログインして広告を非表示にする
深津 貴之 / THE GUILD @fladdict 2017-09-26 23:25:25
Googleのロゴに補助線を引くとズレてる件。 これは「視覚補正」というやつで、人間の錯視や認知を加味した調整なので、間違ってるわけではないと思う。 twitter.com/GiveMeInternet…
深津 貴之 / THE GUILD @fladdict 2017-09-26 23:30:49
むしろあのGoogleが「幾何学的に正しいロゴ」ではなく、「視覚補正をしたロゴ」を使ってることに、ある種の感動を覚える。
ようてん @youten_redo 2017-09-26 23:51:55
@fladdict ロゴ発表時にわざとそうしてるのは説明ページがありますね design.google/library/evolvi… (PCモードじゃないと動画が表示されない?
リンク Google Design 2 users 54 Evolving the Google Identity A new brand identity makes Google more accessible and useful to our users
井上拓美 @takuminouemikke 2017-09-26 23:29:00
重要なのは理論ではなく「どう見えるか」ということですね。「どう見えるか」を突き詰めて一般化しようとした先にフレームワークっていう便利なものが生まれる。 twitter.com/fladdict/statu…
大正町反 @sorimaty 2017-09-26 23:30:12
これこそが、実力のあるデザイナーの仕事である証拠ですよね。 twitter.com/fladdict/statu…
CHOCOお父様 @choco_mugi 2017-09-27 00:18:53
>RT 「視覚補正」は気づかれないようにする技術だから気づかれないというところが面白い。 pic.twitter.com/huxhleg4Ow
 拡大
 拡大
北尾雄一郎/Yuichiro Kitao @kit_p 2017-09-26 23:32:28
これも、これ twitter.com/davidhellman/s… と同じで見たときの感覚重視って重要だなあ。 twitter.com/fladdict/statu…
David Hellman 🌹 @davidhellman 2017-01-06 09:46:18
Did you notice the Switch logo is not symmetrical? Each side has a different apparent visual weight, so the logo is "balanced" by eye… pic.twitter.com/rFp34LyOoA
 拡大
David Hellman 🌹 @davidhellman 2017-01-06 09:46:48
If the sides were really equal it would look like this. pic.twitter.com/klrwTWpNvi
 拡大
高北幸矢 ART &DESIGN @takakitay 2017-09-27 05:54:23
@fladdict アナログ時代の優れたデザイナーの必須能力でしたが、 そういえばデジタルに入って、視覚補正が軽視されるようになって来てますね。
高北幸矢 ART &DESIGN @takakitay 2017-09-27 06:22:02
@fladdict ここで、名古屋市地下鉄のシンボルマークを貼っておきます。 左が1979年杉本健吉デザイン、右が私が1994年に視覚補正を行ったデザイン。 GoogleのGと同じ視覚補正、 もう1つ、中心に向かう三角形の先端を極小丸にして視覚の不安定を無くしています。 pic.twitter.com/JeAbhIVGA3
 拡大
Toshihide Miyata @cr_market 2017-09-27 13:33:00
TLに流れてきたGoogleのロゴの視覚補正の話、実際に作ってみるとおかしいってわかるね。 pic.twitter.com/6GE6HlaQua
 拡大
💩 @refeia 2017-09-27 05:20:52
iMac Proの公式サイトの、本体のサイドショットが右に傾いて見えるやつ。右に傾いて見えると言う人は複数いるんだけど、たぶんこういう視覚補正の問題は個人差があって、Appleが公式でこうしてるからには多くの人が傾いては見えないのでは、という気がしてる pic.twitter.com/iiIZVy0u2b
 拡大
 拡大
passerby @tokyopasserby 2017-09-27 01:21:51
補正に言及するなら、gとかeのあたりもね。 pic.twitter.com/8ZR85GbFwU
 拡大
passerby @tokyopasserby 2017-09-27 01:44:04
GUのGは回転させてもぴったり重なる真円だったから界隈で話題になったのだった。 pic.twitter.com/75vz7MOpAG
 拡大
passerby @tokyopasserby 2017-09-27 02:30:10
あと、デザインの人には当たり前のことだけど、円の大きさも視覚補正されている。Googleロゴは円が多いから気がつきにくいかもしれないけど。この補正はさすがにGUロゴでも行われている。 pic.twitter.com/1LxVZKsZzT
 拡大
passerby @tokyopasserby 2017-09-27 02:47:04
もひとつ。文字と文字の間も視覚的に調整されていて、けっして幾何学的に均等ではない。デザイン系のフォロワーさんがたくさんいるから、わざわざ書くのも恥ずかしいくらい当たり前のことなのだけど。 pic.twitter.com/34k8GtDfMS
 拡大
passerby @tokyopasserby 2017-09-27 02:59:44
こうした視覚的補正を極めて自然に行っているのが書なのであった。 pic.twitter.com/rPSqI3DcZc
 拡大
passerby @tokyopasserby 2017-09-27 03:08:52
早稲田で立て看の文字を書いていた書家・渡部大語氏が退職されるとき、氏の文字をフォント化すればいいと馬鹿なことを言っている人がいたが、大事なのは文字と文字との関係性、文脈に応じた強弱、レイアウトなのだ。つまりそれはデザインであって、毛筆フォントを使えばいいと言うことではないのだ。
akira goto @akira_goto 2017-09-27 08:09:19
(メモ)視覚補正 「間違っているわけではない」と控えめに書いておられるけど、むしろデザインには必須の微調整。これが意識されていない(フォントデザインだけでなくカーニング等の精度も含め)のもワープロ文書が読み辛い理由の一つだと思う。写植カムバック!(違) twitter.com/fladdict/statu…
Ctft. @ANI3 2017-09-27 07:06:26
最近は大御所Dの大企業仕事でさえこうした視覚補正をしないまま線ツールのみで描いたようなロゴでGO出ちゃう地獄の時代なんで、逆にタイポグラファーとしての正しい筆使いが「冗談だろ?」なんて素人から言われる複合地獄が現出しちゃってて乾いた笑いすらもう出ない。
あおすずめ @aosuzume72 2017-09-27 11:41:49
視覚補正って面白いな。正確さに違和感を感じる目?脳?のために、不正確にして正確さを感じさせるって、おもしろい。見えてるものは見えると思う通りの形ではないってことだものね。この世の全ての形が違ったりするかもね。
タカヤ・オオタ / 𝕋𝔸𝕂𝔸𝕐𝔸 𝕆ℍ𝕋𝔸 @198Q 2017-09-26 23:39:21
文字詰めもそうなのだけどこういうところがロゴデザイン自動化の難しいところ。(文字詰めは字と字の距離ではなく字と字の間の面積を整える作業だから変数が多くて仕上げは人の手が必要になってしまう。) twitter.com/fladdict/statu…
残りを読む(4)

コメント

yositosi @yositosi 2017-09-27 15:47:59
NintendoSwitchそんなにズレてるのか
hitoshi sunaga @Hitoshi_Sunaga 2017-09-27 15:59:50
漢字のフォントは毛筆風の再現(というか模倣?何と表現したらよいかわからないけど)の様な気もするが・・・そもそもの毛文字が視覚補正しているということかな?
hironomaru @hironomaru11 2017-09-27 17:16:19
スイッチのロゴマジか!!!
ハーミッセイーニヨッ @ishiyuriniwa 2017-09-27 17:30:48
プロの人はいろいろ考えてるんだなぁ
Chariot@誤タップガチ勢 @BLACK_RX_24 2017-09-27 17:48:33
書道をやると割と普通に教わるのが「ひらがなや、画数の少ない字は他より僅かに小さく」という書き方。今思うとあれも視覚的補正だったんだな。
バニヤマダ @baniyamada 2017-09-27 18:31:32
確かに補助線通りだとGが出っ張ってるわ
SAKURA87@多摩丙丁督 @Sakura87_net 2017-09-27 20:20:23
「正確なもの」と「きれいに見えるもの」は違うものなんだなと。
LCO @f_lco 2017-09-27 20:21:22
こうすれば、こう見える  という理論が確立できるなら  こういうのを計算で自動的に作れる(補正出来る?)ようにもなるのかね
(ΦωΦωΦ) @freaky_creature 2017-09-27 20:40:36
昔はレタリング検定なるモノがあって、デザイン系の学生の間では必須のスキルだった時代もあったんですよね。デジタル主流の現在では、皆に教えているのかな?
飛竜 @bsb_hiryu 2017-09-27 22:01:02
比較画像があるとわかりやすいな。でもロゴのGは文字であって円ではないからもともと円として描く必要もないんだよな
紺碧 @Konpekin 2017-09-27 23:19:22
デジタルだけでやるようになると、この「視覚補正した図」が「幾何学的に正しい図」と比べて、果たして本当に美しく補正できているのか、自分の視覚しか頼るものがないので、他人から見るとバランス崩しちゃってないか?と考えだしたら自信がなくなってしまい、結果幾何学的に正しい方に逃げてしまいがちになる…時間がない時は特に…これがバシッと一発で出来る人は本当に凄い人です。
うなうなぎ@ポリバケツ @unaunagi1 2017-09-27 23:36:37
こういう錯覚についてまとめた本とかないものか
アニメハム式 @anihamu 2017-09-28 00:06:35
デザイナーの感覚でやってるの?視覚補正吸着機能が待たれる
アルビレオ@炙りカルビ @albireo_B 2017-09-28 00:11:38
デジタルでもアウトラインフォントでは1995年にはここで挙げられてるような調整をだいたい行えるMac用のQuickDraw GXというのが登場したけど、アプリ側の対応もひつようだったりでほとんど普及せず終了。とはいってもDTPソフトなどではアルファベットでは自動で調整するものも多いそうですよ。でも日本語などでは文字種が多い上に等幅フォントが普通になってるのも、こういったことが知られていない一因かも
ビーフジャーキー @_beafJerky 2017-09-28 00:15:46
こういうのは本当にデザインの人すげーってなるな
わんゼット @keremycuvymu 2017-09-28 00:28:37
さすがgoogleプロの仕事だなぁ
フローライト㌠ @FluoRiteTW 2017-09-28 01:32:03
GUのアプローチはGoogleと逆で、開口の位置を変えることで真円かつ違和感なくGの突起が収まるようにしてあるのだわ
HENTAI紳士@たつき監督を返せ! @animefigure3d 2017-09-28 01:37:56
字間の調整はPC任せのデザイナーさんも増え、微調整をお願いすると意外に手間がかかって苦労することが多くなった。
J0i3gsrMJQRDkYc @J0i3gsrMJQRDkYc 2017-09-28 06:05:14
こう言う気づかないデザインが一番優れていると思う
inu @inu1122 2017-09-28 07:51:04
なんでこんなすげぇみたいに思われてるのかよくわからん。 逆になんで正円にしなきゃならないんだ。なんで角度を合わせなきゃならないんだ。 元々はGという文字なんだから、そう見えなきゃいけないし、文字間だって、均等じゃなきゃいけないなんて誰が決めたんだ。 逆に「デザインはこう」と勝手に頭が思ってるんじゃないの?
メー @haruhiz 2017-09-28 08:00:25
それぞれの補正がどんな効果を求めてるのかわからない。
空家の恵比寿様(aka ココロのポス) @ebcdic_ascii 2017-09-28 08:13:37
高校生の時、学園祭のロゴをデザインするという課題が美術の時間にあって、私は定規やコンパスをきっちり使って「端正にデザインされた(←自己評価)ロゴ」を自信をもって提出したのだが、美術教師には「整っていて奇麗だが、つまらない」と評された。その時は単にむかっ腹が立ったが、今なら理解できる気がする。
hal555 @hal555 2017-09-28 08:47:48
センターですか?ってあるある
コスモさん @atomic_cosmo 2017-09-28 08:54:35
ズレてるのに直すとおかしく見えるのか~、すごい面白い
なちゃ @nachakey 2017-09-28 09:15:19
Googleの補正は気持ち補正しすぎで逆に目立ってる気がしないでもない…
アルビレオ@炙りカルビ @albireo_B 2017-09-28 10:04:23
inu1122 ざっくりいえば「文字が整然と並んでいるように見せるためのテクニック」です。均等に並べた方が視覚的には不揃いに見える。それを気にしないなら無視してもかまいませんよ?仕事だと「雑なことしてる」と思われる可能性もありますが、それも「クライアントが勝手にそう思ってるだけ」で済ませればいいでしょう
和菓子 @nkltsl2 2017-09-28 11:22:18
すごく単純でわかりやすいのは「縦幅の中心に合わせると下がって見える」という錯覚。真ん中にあるように見えるものは、だいたい本当の中心より上にずれてる。Webページだと調整してなくて下がって見えるものがよくある。
ハドロン @hadoron1203 2017-09-28 12:41:47
これこそプロのデザイナーの仕事だよな。ミリ単位どころか、ゼロコンマ以下の微調整をやってのけるんだもの。シンプルなデザインのように見えても奥が深い。
inu @inu1122 2017-09-28 17:42:04
albireo_B ? 自分はそう思ってるんですけど、書き方が悪かったですかね。 デザインというか、見た目を考えれば均等だったり正円だったりなんてルールなんかないと思ってたんですが、実は正円じゃなかった、実は角度が微妙に違うみたいは驚きを見せる人に驚いただけです。
モサオ・バルカ @mosao82 2017-09-28 20:21:57
レタリング検定って今無いの? 高校生の時に取ったわ。懐かしい。
アルビレオ@炙りカルビ @albireo_B 2017-09-28 20:24:32
inu1122 そりゃちょっと違いますね。ルールではないですが感覚的に好みでやってるわけじゃなく「きれいの揃ってるように見せる」という意図を持った調整です。目的がはっきりしているから方法論も確立しているし、そういう意図だから気づきにくくて驚く人がいるのも自然なこと。意図まで理解しなきゃダメなわけではありませんが、意図を実現するための工夫を知って感心してる人に「別に驚くことでは」というのはズレてると思います
yasu (HIRATA Yasuyuki)@アスカネット @hirayasu 2017-09-29 00:05:17
建築でもパルテノン神殿の時代からいろんなところを微妙にずらしていると習った。(もちろん現代建築でも)
殿岡@キャプテンはお知らせが読めない @bathtime39c 2017-09-29 06:00:58
https://twitter.com/yuassamakoto/status/805384271598796800 この人が説明してる絵のズレが文字でも起こってるからその為に補正してるのかと思ってたけど…
lammythepopstar @lammythepopstar 2017-09-29 06:54:40
アマチュアは感覚のみでデザインする。理論を少し覚えるとある程度は綺麗に作れるようになるけど、黄金比とか真円とかにガチガチに沿ってデザインするのが正解だと思い込んでしまう。熟達して初めてそこから逸脱して、目に心地よいバランス調整を的確に入れられるようになる。感覚のみ→理論のみ→両方を駆使っていうふうにデザイナーが成長していくのは面白いし、その人が今どのレベルにいるのかはそれですぐに分かりますね。
佐藤裕介 @ysk_sth 2017-09-29 18:34:20
togetterのフキダシ付きロゴも中央に置くときに数字的な中央にすると、左に寄って見えるから10pxくらい右にずらしたい(アプリとか)
ChanceMaker @Singulith 2017-09-30 22:42:16
こういう、プロの技が細かい部分に効いてるから、それに気づかずに快適に過ごしている事ってたくさんあるんだろね。
ユーコン @yukon_px200 2017-10-01 00:24:32
人間の心が汚れているから、幾何学的に正しいものが美しく見えないのである!w
さかきみなと@榊鐵工 @syouth 2017-10-01 17:32:08
おいらもデザインする時はちょいちょいやるねぇ。
sanarara @3narara 2017-10-04 12:56:47
というかプロだったらある程度考慮しないと怒られるやつじゃん
ログインして広告を非表示にする
ログインして広告を非表示にする