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

2021-10-18    seo达人



图片

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

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

图片

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

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

 

差异化圆角层叠布局

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

图片

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

图片

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

再来看一些优秀案例

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

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

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

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

图片

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

 

打破常规的图标

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

图片

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

图片

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

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

Naver

图片
图标与品牌色集合,这种虽然现在应用较多,但是可以从不同角度来切入。比如上图中使用填充品牌色与断线集合,形成一种不一样的设计思路。
图片
最后一种思路图标进行品牌化设计,整套图标延续品牌DNA特征
上图app设计,里面图标就是将品牌DNA符号延续到整套系统里面,包括底部bar的功能图标和表情符号等。

 

弥散光感渐变背景

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

图片
使用弥散光感渐变作为背景,相对于单一的渐变色,会多了一丝细节在里面。
好了,今天分享就到这,早期我们在做创新探索时候,不要惧怕太过于概念,如果一直被这个限制,就难以打破思维的墙,做出来的设计几乎很平庸。我们还是敢于挑战自己,善用逆向思维。

 

原文地址:功夫UX (公众号)
作者: 功夫UX
转载请注明:学UI网》这些细节创新,大厂设计师都不一定全知道!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档