网页设计元素

发布时间:2018-12-20

很多时候,设计趋势并不会表现的那么明显,甚至你看到它们也不一定会注意到。但是它们也是客观存在的。圆形元素、分屏式布局和深色背景+浅色文本会成为流行的网页设计元素。

这些元素看起来都挺常用的,不过当大家开始扎堆用的时候,就以“趋势”的形式体现出来了。

1、圆形元素

从形状心理学的角度来看,圆形和环形有着完整、和谐的心理学特征,在很多不同的场合,它常常会拿来传达爱情、能量的意象。圆形按钮被大规模运用,并且由此开始,圆形在UI设计中开始承担越来越多的责任。

不过,由于绝大多数的屏幕和画布大都是矩形的,圆形元素通常不会贴边使用,也避免了在布局进行响应式变化的过程中,圆形元素的扭曲和形变。圆形元素都被很好的运用起来,布局保持着良好的流动性。圆形元素来承载首页的主要文案,背景图片中的女性人物的目光则起到了不错的视觉引导作用。使用浮动的圆形来提升视觉,它们也可以被视作为巨大的按钮,将用户导向不同的页面。

2、分屏式设计

分屏式设计很有意思,它流行一阵子之后销声匿迹,然后又回归,来来去去好几回。最近这一设计趋势又回归了,这一次回归的分屏式设计看起来更加大胆,细节的搭配上则更加微妙。分屏式设计的好处在于,它可以更好地呈现响应式的设计,在桌面上左右分屏,在移动端上上下叠加。无论怎么呈现,用户都不会因为这种设计而错过任何的信息。分屏式设计之下,一个屏幕同时展示两块不同的内容,也让不同的内容和元素有了对等的展示空间。分屏式设计让用户能够自主控制交互,让他们面对不同的内容的时候能够选择自己喜欢的内容和方式来操作。

3、深色背景+浅色文本

深色背景+浅色文本是一个相对经典的组合。不过最新的玩法和之前的略有不同,许多设计师在深色的背景之下,加入了动效和视频。无论加入的视频或者动效是显著的还是微妙,它们都很好地吸引了用户的注意力,增加了视觉上的愉悦感,白色的文本让整个设计的信息对比度有了保证,甚至让内容显得鲜明而突出。通常保持静态的文本和背景中深色的动效和视频构成了动静对比,使得这些网页在体验上显得非常有感觉。背景显得越黑暗,整体所营造出的神秘感就越明显。较深的背景也增加了整体的可读性,背景中的动态元素则很好的营造了氛围和情绪。这样的设计看起来并不复杂,但是其中所蕴含的信息量一点都不比其他的设计方案来的少。

这次所总结的三种设计趋势拥有着良好的适用性,在几乎任何设计项目当中都可以适当地融入进去。无论是进行网页重设计,还是开始全新的设计项目,这些设计趋势都可以试着运用进去。当然,首先最重要的,始终是你的设计目标是什么。