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

作品不一定用复杂的效果才能突出画面,重点是你如何去创新,比如今天分享的描边和叠加风格大家也许用过。但如何运用才能让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)


创始人

创始人

未来城市

+ 关注

相关

大自然的精灵!12组动物图鉴APP界面设计灵感

动物是人类赖以生存的生态系统的重要组成部分。保护、发展和合理利用动物资源,对于维护生态平衡,改善自然环境,促进社会经济持...

求职不愁招聘无忧!12组招聘类APP界面设计灵感!

求职过程中,需要快速了解公司需求和岗位工作内容,从而精准判断个人与工作的匹配度,来评估我们是否要投递自己的简历。而公司方...

氛围感浓重的电影APP设计 - 12图

观看电影是一种群众接受度很广且放松感很强的文娱生活,在电影院看着大荧幕体验氛围的感觉,其实也能通过APP去塑造,并且电影...

想更好的体验购物吗?来看看这12组商城APP界面设计吧! - 12图

电商软件可是现在市场的顶头大热,所以在设计商城界面时,怎样合适的的展示各种商品是每个设计师都需要考虑的问题。更直观更符合...

金融类APP界面怎么设计?看看这12组案例找找灵感吧 - 12图

移动金融软件的界面并不一定非得是严肃且商务的,虽然界面设计得保持一定的规矩,但是也有很多样式可以去表现。那这12组手机金...

想分享新鲜事物?12组博客类App界面设计灵感 - 12图

博客APP通常都包含了大量的文字内容,通过调整各级文本信息层级,比如字体、字号、字重等方面形成恰到好处的版式,以塑造舒适...

地图怎么做出来品牌感呢?12组地图APP界面设计灵感 - 12图

所有牵扯到地点的APP应用中都不可或缺的就是地图页面,借助系统将用户的位置和目的地之间做出路径规划,从而实现引导用户进行...

租房新世代!12组租房APP界面灵感! - 13图

拥有一款全面的找房APP,能有效的节省我们不少时间,因为价格、地点、环境的问题一应俱全!况且一款全面美观的APP总是受人...

电商生活,物流快递不可少!12组物流货运APP界面设计灵感! - 13图

购物生活与电商紧紧挂钩得今天,物流快递也成了购物生活中必不可少的一环,今天就给大家推荐一组物流货运类的APP界面设计,这...

不知道数据怎么表现?来看看这12组数据APP界面设计吧 - 12图

日常生活中充斥着各种数据,每个行业都有自己的数据系统,比如金融、车机、健身等等,那怎么在设计中直观的表现出准确且清晰的信...