iOS11の電卓の「0」はなんだか親しみやすい？そう感じさせるデザインの秘密

た し @wonder_aaaa

すごくデザインの変態みたいな事言いますし、多分すぐ消しますが。。 iPhoneアップデート後の電卓の「0」の長丸がなんだか可愛いと思って確認。やはり単純な○と◻︎の組み合わせではなく、複合曲線。3つくらいの曲線で繋いでる！？こういうの見ると、細かいとこ手抜きせず頑張らなきゃなって思う🤤 pic.twitter.com/UjGpS5JYyS

拡大

拡大

た し @wonder_aaaa

線はクソざっくり当てがっています。

た し @wonder_aaaa

プロダクトデザイナーは、これの立体版を頑張っている。目の錯覚の修正。真っ直ぐに見せるために面を膨らませたり。違和感ない角にする為に複合曲線を使ったり。。大変なんです。。褒めてくれ。

Миминаши @miminashi

@wonder_aaaa 最近CADはじめたけど円弧のフィレットしかいれられない素人なのでめっちゃ褒めたい！すっごーい！

た し @wonder_aaaa

@miminashi 使い所は時と場合によりますけどね。特に光沢の物を作る時には、反射で露骨に現れるので知っていて損はないです。。🤤💦

Миминаши @miminashi

@wonder_aaaa あー、だからアップル製品のカドはほとんど全部クロソイド曲線なんですね

た し @wonder_aaaa

@miminashi 他にもApple製品は、あえて設計を複雑して盗作防止。とか諸説ありますね。。とにかく変態集団です。

RYUB @RYUKKEB

@wonder_aaaa @Soten_Bluesky デザインの変態、カッコいい響きですね！

Миминаши @miminashi

@wonder_aaaa 削り出しアルミボディの時点でなかなか真似できない…！

No more wars！ @mirage_shirousa

@RYUKKEB @wonder_aaaa @Soten_Bluesky わたしもそれ、思いました

ちやま @chiyamax1

@wonder_aaaa アプリのアイコンや、MacBookなどの製品自体の角も複合曲線ですよ！(アイコンに関してはiOS 7からの変更だそうです)

Yoshihara Yusuke @YusukeYoshihara

@wonder_aaaa この波に乗ってみせる！! 突然失礼します。 クロソイド曲線の動画を作りました。 是非。 youtu.be/-uijIR5oQIc

拡大

bitansan @bitansan

@wonder_aaaa これってどういう効果があるのでしょう？直線だと長辺の真ん中がへこんで見えるとかで相殺してるんでしょうか？

た し @wonder_aaaa

@bitansan 仰るとおりです。より自然な丸みにする事で、例えば ”親しみやすい“という印象を与える効果などがあります。このサイズ感のものだと、おそらく、真ん中が凹んで見えると言うよりも、直線から曲線に切り替わる部分に角があるように見えると思います。

璱翀猇閄 @mount_low

@wonder_aaaa 言われてみるとなんだか凄く可愛いつぶらな瞳に見えてきちゃいましたよこの子 pic.twitter.com/BUWgb9TY1E

拡大

☆北斗星☆ @hokutoseip

@wonder_aaaa なるほどね。直線からカーブにいきなりつながるのではなく、鉄道の線路で言えば「緩和曲線」みたいなのが挿入されているとは。

KeikoOhtani @Storygirlkeiko

@wonder_aaaa @ShizukaMikuni 消さないで…デザイナーの夫に見せたいから

ジュラシックスパーク @rx7802gundam47

@wonder_aaaa セルリアンに見える………

やがてパンツになる @TurnAppleTurn

@wonder_aaaa と言うが、基本や…じゃないとデザインとは言えない