デザイン時に注意したい角丸の使いかた - Design Color

もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ

[IndigoHawk]

ゴッホが好きだと書いているけどサイトの右上はマグリットだね。

[sin4xe1]

思いませんか？気がしませんか？って言われたらそう思っちゃうかもね

[hush_puppy]

背景の動く泡に気をとられて、記事の内容を見失ってしまった

[mnnn]

スライドとかの図を作るときによく感じるんだけど、角丸が大きいと中に詰められる文字数減るんだよね

[skm_records]

角丸の使い方やポイント、その理由をきちんとまとめていて良い記事！

[diveintounlimit]

なんつか意識してれば別に敢えて書くほどでもない注意点。

[raimon49]

入れ子の角丸では内側ほど小さくなるっていうのが面白かった。

[pwg246]

デザイン時に注意したい角丸の使いかた | Design Color

[niko0228]

デザインコンセプトやバランス、UIの設計上どうするのが最適なのかを検討した上で角丸の大きさは決まるのであって、大きいのがダサいからとかそういう問題じゃないでしょ？ 全体のバランスがとれてなくてダサくなって

[sub_low]

なるほどなー

[poyosi]

角丸は難しい…R強すぎるとダサくなる原因はグリッドに！？参考になります。

[babomura]

角丸の使い方。ズルいデザイン。

[sugarshin]

from はてなブックマーク - 新着エントリー http://b.hatena.ne.jp/entrylist?sort=hot&threshold=500

[yachamaru029]

角丸について。参考になった。

[ossolabo]

角丸の使い分けの参考に

[htn_50koma]

corner editorの紹介

[uka_ha]

3pxと5pxなんてたいして変わらないじゃんｗｗｗと思う人もいるんだろうけど、2px変わると印象は大分違うよねぇ。2pxはすごいのよ。

[heyMackie]

あー結構やっちまったサイトある…orz

[inulab]

使いすぎに注意ってことはゴマ油と一緒ってことか

[masapon49]

角丸について。たまに使うのでチェック

[kanedasakae]

twitterの例は非常にわかりやすい。メモメモ。

[sippo_des]

説明できるて大事だなあ。

[kendofujiwara]

ふむふむ、参考になるわ。自分で書いたものに違和感を感じてたけど、これが理由か。。。

[haru666]

「角丸の中に角丸を作っていく、」は、ちょっと分かりづらいかな。例えば、「多重に角丸の四角を描く時は、丸みの始まりと終わりを内側の四角から引いた方がしっくり来る。」ようなことを図にした方が良いかもね。

[criger3]

いつ使うかわからないけど

[Okky]

角丸の上手な使い方

[chim628]

角丸好きでよく使うんだよな

[ledsun]

角丸が大きいと色による膨張の影響を受けやすいんちゃうか？膨張率が同じくらいの色を並べたらガタガタしないかと。あと「外側に行くほど角丸が小さくなる」はダメなのかな？試してみたい。余白が大きて使いづらい？

[wakuwakuukiuki]

デザイン時に注意したい角丸の使いかた

[warriorking]

デザイン時に注意したい角丸の使いかた | Design Color

[mut00tum]

あぁ、ひどいなぁ。だからWEB「デザイン」は舐められるんだよ…

[shields-pikes]

角丸の半径による用途や視覚効果の違いは、もっと詳しく整理できそう。これ以外にも誰かまとめて無いかなー。