老铁们在做界面设计时,经常遇到的难题是如何才能做得更有创意?每次给老板看方案时总是被说太平淡了,界面也缺乏创新。我想很多设计师都会遇到这种情况,包括我自己在内,早期开始做设计时,思路总会局限在现有的参考上,不知道如何下手做。

比如下面这个设计

这3个细节创新,大厂设计师都不一定全知道!

虽然粗看没多大问题,但确实是一个很常规的设计,没有亮点。

试想,我们是否可以在布局、图标图形、色彩质感等做一些细微的突破,这些地方稍微做些改变都可以使得界面变得更好。

这3个细节创新,大厂设计师都不一定全知道!

再比如上面这个作品,也是同样的问题,缺乏一丝灵魂。之前看很多设计师作品集里面包装的作品,就是这样设计的。

虽然现在 UI 趋于模式化设计,但是我们在确保体验最优的同时,还是可以做一些创新设计。比如布局、图标、色彩、质感、杂志化等方向发力,下面我们来看看如何做一些差异化设计。

差异化圆角层叠布局

俗话说,当然不知道如何去做创新时,可以去找一些好的概念设计,从里面挖掘一些新的设计想法,用在自己项目中。

这3个细节创新,大厂设计师都不一定全知道!

例如上图,我们将卡片圆角化与底部地图相呼应,整个设计看上去就有了细微纵深感。如果上下滑动时,再配上视差动态效果,那么细节也会更丰富。

这3个细节创新,大厂设计师都不一定全知道!

上图的设计也是同样的思路,圆角图片作为背景,大圆角卡片在上层叠加布局,增加细节丰富度。

再来看一些优秀案例

这3个细节创新,大厂设计师都不一定全知道!

圆角化布局设计在功能详情页的应用。

这3个细节创新,大厂设计师都不一定全知道!

半圆角化布局设计的应用案例,只有一个边用圆角来布局设计,另外一边直角布局。

通过上面一些案例,可以提取一些布局方案用在项目上,如下图所示。

这3个细节创新,大厂设计师都不一定全知道!

下面这个案例通过圆角卡片来布局,贯穿所有。

这3个细节创新,大厂设计师都不一定全知道!

看到这,大家面对改版或者 0~1 的探索,布局上应该有新思路了,而且很多布局都是不断尝试与打磨出来的,下面我们继续看下图标如何做差异化设计。

打破常规的图标

图标可以说在设计中非常重要,承载着品牌性格传递,表达产品的气质,但也是我们最容易忽略的地方。

这3个细节创新,大厂设计师都不一定全知道!

如果纤细的图标看腻了,是不是可以尝试下这种粗线性图标。

这3个细节创新,大厂设计师都不一定全知道!

再或者就是将图标 logo 化,设计更有趣味性一些。这些图标应用场景可以是功能页面,比如像智能家居、智能镜等场景中。

这3个细节创新,大厂设计师都不一定全知道!

用“点”来贯穿整个图标设计,下图,韩国 NAVER 的图标设计,通过点与线的集合来打造记忆点。

这3个细节创新,大厂设计师都不一定全知道!

Naver

这3个细节创新,大厂设计师都不一定全知道!

图标与品牌色集合,这种虽然现在应用较多,但是可以从不同角度来切入。比如上图中使用填充品牌色与断线集合,形成一种不一样的设计思路。

这3个细节创新,大厂设计师都不一定全知道!

最后一种思路图标进行品牌化设计,整套图标延续品牌 DNA 特征。

这3个细节创新,大厂设计师都不一定全知道!

上图 app 设计,里面图标就是将品牌 DNA 符号延续到整套系统里面,包括底部 bar 的功能图标和表情符号等。

弥散光感渐变背景

很多情况下会遇到需要做详情页或者个人页面,这时候就会涉及到头像与背景的关系设计。目前设计较多的方式就是高清大图、品牌图形、渐变色等。那么还可以用下面这种思路。

这3个细节创新,大厂设计师都不一定全知道!

使用弥散光感渐变作为背景,相对于单一的渐变色,会多了一丝细节在里面。

好了,今天分享就到这,早期我们在做创新探索时候,不要惧怕太过于概念,如果一直被这个限制,就难以打破思维的墙,做出来的设计几乎很平庸。我们还是敢于挑战自己,善用逆向思维。

欢迎关注作者微信公众号:「功夫UX」

这3个细节创新,大厂设计师都不一定全知道!

点赞 19
收藏 45

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。

收藏