圆角矩形的测量方法是:
量出长A与宽B,以及圆角矩形的实际对角线L。
求矩形对角线L1=根下(A^2+B^2)
设半径为R
H=(L1-L)/2
(H+R)^2=2R^2
R=H/(根2-1)
工具:直尺
圆角矩形背后的含义
图形是产品设计中被讨论的最多的元素之一,视觉设计师使用不同形状的图形来表达事物的多样性。
交互设计师选择不同形状的图形解决用户在某场景下的诉求问题。
其中争议最大,且被更多互联网设计师使用的图形,是圆角矩形。
而当中的讨论点是:同样的图形,圆角处理与直角处理所传递的信息有什么不同?为什么圆角成了趋势?
要讨论这个问题,需先理清圆角矩形被广泛传播,且被人所注意开始。
许多人认为图形外框的多样化趋势是由CSS技术的革新开始,但正确的时间点,应该是在iPhone 4被发布的那一刻。
当中的差异是:前者是通过技术参数来改变形状内容以引起用户注意;后者是通过传播真实产品塑造用户对于图形外观的全新认知。
认知的转变,需作用于习惯与行为,而当中的核心手段,就是设计。(参考滴滴类产品改变人的出行方式)
用户对于一款产品的认知,主要依据产品所能解决的实际问题以及外在形式。而设计师需要关注的点会更多,包括产品架构,流程,技术等内容。
同时还需要站在用户视角观测产品是否易于使用,我们通常将其称为「用户心理模型」。
类比于用户只需了解手表是否正常走动,能否准点报时;设计师则需要理解手表设计框架,结构形式等详细内容。其中最重要的,还是一名设计师对内容的全局认知。
回到图形外观的话题上,同样的道理是,人们对于产品设计中的图形使用已经逐渐理想化,好比图形外观的形式如何已经不重要,重要的是图形所传递的信息本身。
这样的认知稍显片面,对于设计师而言,图形以圆角形式呈现的背后逻辑,比表面上它所表达的信息更为重要。
理解这一点之后,设计师再使用圆角矩形传递信息,理解上会更显深刻。