今天,我们通过一些设计师的作品,来欣赏和学习一下SoftUI,提前感受,提前热身,为新风格的正式普及做好准备。
下图是新的Mac OS Big Sur的图标设计,对于阴影的使用还是很克制的,并不同于Dribbble设计师的演绎。从中我们可以看出,图标用了比较多的圆角矩形进行拘束。
对比下Mac OS 10.15老版本的,你会发现不少区别
这是苹果系统的图标与设计师演绎的图标对比,可以看出苹果的心风格图标更加克制和保守,阴影更加实,而设计师演绎的图标,阴影则更轻。
by Vikiiing
by Vikiiing
下面这一组真的很3D
by Alexander Shatov
其实SoftUI并不是新生事物,微软之前一直在FluentUI中使用这种风格,今天,微软在官方脸书中发表了新的Win 10开始菜单的截图,可以看出端倪。柔和的渐变,具有微立体风格的图标,会成为未来几年设计的主流。
继续来了看,这种具有陶瓷或者光滑塑料材质的图形,就是SoftUI的先驱者。
设计师为big Sur设计的新风格Zeplin图标
by Lucas Haas
by st. I
by Kamil Khadeyev
by Cappippuni
Spotify Icon,我都认不出来了
by Anmol Govinda Rao
设计师发散的Chrome图标,好像不太柔和
by Anmol Govinda Rao
Telegram Icon
by Anmol Govinda Rao
Figma的SoftUI效果,我觉得挺好看。
by David Liceaga
设计师发散的MacOS Big Sur图标
设计师发散的Photoshop图标
放在Dock上还是很和谐的
来自Mengto的UI设计
总结:SoftUI或者叫Big Sur风格,需要具备一下特质