用形状来表达

来源：青岛天琥设计培训学校时间：2018/12/4 6:20:47

在网页设计中，最容易被忽略的艺术元素就是形状。世界上二维的形状似乎有很多，但是在HTML和CSS的世界里面更倾向于矩形。事实上，盒模型是CSS中需要掌握的最重要的概念。当你埋头写代码，正在试图连接一个数据库，或者正在调整背景的合适位置的时候，很容易就会将这样基础的东西抛掷脑后。在页面中，非矩形可以让重要元素吸引足够的注意力。

iOS中的这个箭形的返回键不但吸引力注意力，而且还能表达按钮实际功用。

仅仅因为我们大多数的工具是以矩形为基础的，这并不意味着我们不能打破常规，制作其他的形状。事实上，CSS让你稍作努力就能做出相对复杂的形状来。

你为什么应该使用形状：

很多物体都是以矩形为基础设计的：电视机，桌子，房间，等等。即使你没有下意识去注意他们，弯曲的和不规则的对象更容易吸引眼球。试一试用独特的形状来代替像用颜色，明暗配合，或者简单地让元素在页面中显得更大这样的方法。

一个设计优秀的图标或者LOGO就可以被看作一个简单的形状，比如说苹果索尼公司的LOGO一样。在设计图标和LOGO的时候，第一步从一个纯粹的黑色形状开始。然后就可以自由发挥，添加任何颜色，任何形状。

额外建议：如果你在你的WebAPP中试图增加交互，但是访问者却不去点击你得按钮，试试使用不同的形状来进行A/B测试，例如，尝试用箭头来替代矩形按钮。或许刚刚开始的时候，看起来会有点别扭，但是这样可能能够吸引足够注意力。相似的，永远不要让工具限制了你的想象力。先设计，然后再去寻找那些可能的东西。