How to use circles in website design
圆在网页设计中的应用还是相对比较新的. 对于那些年轻时经历过”方形”设计主流的设计师们, 我们现在所做的设计早就远远超出了当初对万维网的预想. 如今大行其道的圆设计为什么直到现在才开始流行呢? 最可能的原因在于早期想要通过非图片的方式来创造圆是非常困难的, 而不像现在.
如今, 人们可以通过css非常简单的创造圆形, 所以它们在网页设计中越来越普遍了, 随处可见. 但还有很多人觉得在网页设计中很好的使用圆是比较困难的, 当然, 对此有不少的争论. 但是, 如果我们能坚持优质的布局和留白, 一个圆形的设计能够给整个页面带了更加新潮而又刺激的元素.
现在很多时候, 其实在下面这些元素上使用圆反而会造成困惑, 难看, 因为圆形元素天然有着吸引注意力的能力, 会使元素产生一种跳出感. 所以我们希望选择合适的元素并且用合适的圆形方案来设计. 下面列举了一些优秀的使用例子:
Logo
使用一个圆形的logo不仅可以传达一种简洁干净的感觉, 还能给予用户一种高雅精致的感觉. 圆是人类最早熟悉的一种符号, 经常用来代表生命自身. 这可能也是为什么如此多的设计师愿意用它来代表自身的品牌和站点的部分原因吧. 到如今, 使用圆形设计的logo已经非常流行了.
在导航中使用圆形也正在成为一种趋势, 同时在当今快速发展进化的市场上, 这一趋势在面临移动网络的快速成长也是非常合理的. 随着触屏设备的丰富, 我们已经不再局限于智能手机和平板了, 这大大推动了圆形导航设计的发展. 同时, 圆形按钮更加贴合用户的直觉, 和指尖的形状都一致, 传达出一种祈求用户来按的感觉.
圆形图标可谓是目前最流行的, 也是最常用,历史最悠久的圆形元素了. 很大程度上是因为它们通常都是基于图片形式的, 并不依赖于css的支持. 所以它们从一开始就能得以出现. 有些人可能认为既然圆形图标在互联网中已经出现并使用这么久了, 那么也许是时候改做出一些改变切换到另一种方式了. 但是其实在图标设计中, 圆形设计能够持续如此之久是有原因的:它的效果很好.
这一形式我们可以在很多作品集网站中看到, 因为圆形的图片缩略图能够传达给用户一种愉悦的视觉美感. 同样的, 这一模式更加吸引眼球, 所以放置这些圆形的预览图时不仅要在视觉上能够给予用户合理的导向, 同时也要直接的告诉用户. 而说到可用性, 圆形的图片提供了更大的空白, 这种空白能够让网站显得更有创意更加和谐.
和导航一样, 在触屏设备越发流行以及功能越发丰富的情况下, 圆形设计下的动作指示更加自然. 不过, 如果你要用同样的风格展现你的导航和CTAs的话, 那么一定要尝试不同的方式来让它们凸显自己. 导航是必须的元素, 这一点没错, 但是CTAs本身代表了很高的优先级, 我们需要确保它能够优先的对待, 同时还要有足够的区别来突出. 对于网页设计师而言, 创造视觉层级并不是一个什么新的概念, 这也只不过是其中一个的延伸罢了.
Rob Bowen – 是一个新兴的电影制作人, 名人作家和播客, 诗人, 同时也是Arbenting和Dead Wings Designs的联合创始人以及设计和播客的贡献者.
Source Link: