网页设计 & 灵感 » 简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

发表于: 网页设计 & 灵感. 评论
Sponsor

前言:作品不一定用复杂的效果才能突出画面,重点是你如何去创新,比如今天分享的描边和叠加风格大家也许用过。但如何运用才能让UI更出彩呢?下面我们分享一些案例让大家更好的理解这两种设计风格。

一、叠加风格

叠加风格,大意就是元素与元素进行叠加组合,形成一种新的排版方式。叠加风格做出来的设计:版式层次丰富有纵深感、排版大胆不拘一格、打破了常规枯燥的排版。这样的叠加排版,让人产生更多的思考与联想。

简单的描边和叠加风格,也能让UI更出彩

文字与几何元素叠加,在版式中打破了宁静感,元素之间起了冲突。正是这种不拘一格的冲突关系,画面视觉冲击力就起来了。

简单的描边和叠加风格,也能让UI更出彩

叠加风格目前常用的组合方式有:图文叠加、图片与图片叠加、空间叠加,下面我们来看看他们呈现的视觉样式。

#1. 图文叠加

图片与文字元素进行叠加排版,它们之间有两种可能、文字在下面或者文字在上面。叠加风格在UI中使用,页面的杂志感会更强一些,推荐大家做设计时尝试下。

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

#2. 图片与图片叠加

图片与图片叠加组合版式,一般有一张图片作为大背景,另外一个则是主要视觉焦点,所以大家搞清楚这个关系,就很好处理这种风格了。这种的叠加排版也适合应用在作品集的包装上。

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

#3. 空间叠加

空间叠加,在一个具有空间感的场景中,元素之间进行叠加组合排版。这个空间可以是虚拟创建的空间也可以是真实自然环境。如果你在尝试概念探索,尝试下这种风格也未尝不可。

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

轮廓化描边风格

轮廓化描边,在排版中将文字进行轮廓化描边后使用,视觉上又多了几分细节。描边风格最大特点:虚实结合、线条感。正是因为这样,所以被很多设计师应用。

简单的描边和叠加风格,也能让UI更出彩

轮廓化描边风格目前主流有两种形式:纯轮廓化描边和虚实集合的描边组合,下面我们来看看这两种视觉的具体应用。

#1. 纯轮廓化描边

轮廓化描边风格,满满的线条感,适合应用在不作为主要信息的排版中,这种形式适合作为辅助性排版使用,增强设计细节。

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

#2. 虚实集合

虚实集合的大意是,轮廓化描边文字与填充文字组合排版,这种版式细节和层次上更丰富,在作品集封面中出现多一些。

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

简单的描边和叠加风格,也能让UI更出彩

感谢阅读!

作者 | 功夫UX
来源 | 功夫UX (ID:UX-Talk)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }