首页 > 网页教程 > 设计分享 > 圆形元素、分屏式设计、深色背景+浅色文本网页设计分享

圆形元素、分屏式设计、深色背景+浅色文本网页设计分享

时间:2018-02-06    来源:优设网

很多时候,设计趋势并不会表现的那么明显,甚至你看到它们也不一定会注意到。但是它们也是客观存在的。通过整个一月份的观察和总结,我们认为接下来的一个月当中,圆形元素、分屏式布局和深色背景+浅色文本会成为流行的网页设计元素。

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

1、圆形元素

从形状心理学的角度来看,圆形和环形有着完整、和谐的心理学特征,在很多不同的场合,它常常会拿来传达爱情、能量的意象。

在 Material Design 的规范中,圆形按钮被大规模运用,并且由此开始,圆形在UI设计中开始承担越来越多的责任。

不过,由于绝大多数的屏幕和画布大都是矩形的,圆形元素通常不会贴边使用,也避免了在布局进行响应式变化的过程中,圆形元素的扭曲和形变。下面的案例当中,圆形元素都被很好的运用起来,布局保持着良好的流动性。

KymberleeJay 这个网页使用圆形元素来承载首页的主要文案,背景图片中的女性人物的目光则起到了不错的视觉引导作用。

Buddha Pizza 这个页面则让文字构成圆环,围绕这批萨,创造出独特的视觉奇观。

Hotel Poispois 这个页面则使用浮动的圆形来提升视觉,它们也可以被视作为巨大的按钮,将用户导向不同的页面。

2、分屏式设计

分屏式设计很有意思,它流行一阵子之后销声匿迹,然后又回归,来来去去好几回。最近这一设计趋势又回归了,这一次回归的分屏式设计看起来更加大胆,细节的搭配上则更加微妙。

分屏式设计的好处在于,它可以更好地呈现响应式的设计,在桌面上左右分屏,在移动端上上下叠加。无论怎么呈现,用户都不会因为这种设计而错过任何的信息。

分屏式设计之下,一个屏幕同时展示两块不同的内容,也让不同的内容和元素有了对等的展示空间。

分屏式设计让用户能够自主控制交互,让他们面对不同的内容的时候能够选择自己喜欢的内容和方式来操作。

Taco Bill 的网站就是一个很好的例子,当你打开网站的时候,设计师就为用户提出了两个问题:你是想打包带走事物,还是预订之后在餐厅里吃?通过分屏的方式,用户有了两个不同的选择。分屏式的设计让用户的选择更加直观、可视化。

相关推荐
圆形元素在网页设计中如何应用的25个案例
网页设计中如何运用圆形的搭配 让网页更出彩
如何将圆形元素优雅地搭配运用在网页设计创意中
网页分屏式设计最常见的玩法有哪些?
双色调配色、分屏式设计、空间共享式排版的网页设计趋势
30个幽默有趣的404错误页面创意设计欣赏
分享:网页核心内容对视觉表现的影响
网页设计的背景创意风格与设计趋势分享
20+艺术视觉和网页完美统一的网页创意案例欣赏
21个带斜线排版设计的网站设计创意欣赏
55个极具创意的手绘网页设计案例欣赏
从优秀案例分析网页Banner视觉构成与创意设计
15个运用创意印刷字体的网站欣赏
产品设计:万水千山总是情 不要图片行不行
15个最佳创意型404错误页面案例赏析
15个国内外优质设计分享平台推荐 设计师必收藏
网页设计怎么破?创新式布局与交互的设计
12个启发灵感的创意单页网站作品欣赏
8个即将过时的网页设计趋势剖析
21个优秀的国外电子商务网站赏析
22款“暗黑系”的网页设计案例欣赏
四大网页设计秘诀:让用户第一眼就爱上你的网站
构图之美:成功的专题都是怎么构图的?
38个创意出彩的网页字体设计案例赏析
9个国外杰出创意网站精选案例欣赏
25个设计有趣的创意型网站404错误页面欣赏
网页设计教程:让页面活跃起来的四个技巧
网页设计教程:11个获得创意灵感的来源
化腐朽为神奇!如何利用坏图创造出好设计?
网页设计分享:如何预知未来的大势所趋?
设计完美极简风格网站的六个步骤分享
24个采用特色人像背景的全屏网站设计案例欣赏
中枪了没?设计师最常见的11个设计误区
网页设计的10个灵感来源分享
游戏网站设计案例分享:聊聊那些让页面更加出彩的设计

精彩推荐

热门教程