在最近一年热门的UI设计趋势中,3D插画在创意实验用的越来越多。毫无疑问,将各种3D插画整合到移动和网页界面中是一个相当大的挑战。为了分享用户界面设计这方面的一些灵感,我收集了一组创意性的,有时甚至是实验性的网页和移动端设计概念,这些概念都使用了引人注目和令人惊叹的3D插画。
 昆虫商店-电子商务网站 
电子商务网站的UI可不常见:这是一个为销售各种昆虫的网店设计的网站。这个例子展示了一个产品卡上,3D渲染的模型帮助了用户更好的去理解报价,并成为构图的视觉中心。
 餐厅应用程序 
当你外出就餐时,每一个细节都发挥着它的作用:不仅是食物,还有它的外观、服务、内饰、音乐等其他大量的因素构成了游客的体验。为什么对于一个餐厅应用程序会不同呢?凭借引人注目的3D图形,即使是像注册这样的基本应用程序界面,也会显得有滋有味,并在互动的第一秒就能抓住用户。这就是为欢迎屏幕而开发的3D动画。
 未来之家网站 
未来的家园必须是既舒适又对自然无害的家园。这是这个设计背后的想法:这是一个公司的网站,该公司设计和建造可持续的房屋,使用太阳能来获得所有需要的能源。从一个选项卡移动到另一个选项卡,用户可以在不同的时间和环境中看到被展示的房子,并了解它的优点。
 月亮创意应用 
这是教育工作室 MoonCreative 的应用程序的一部分,该工作室可以让儿童和青少年学习设计和动画。基于3D渲染图像的闪屏动画和超级吸引人的宇航员结合的出神入化。
这是一个日程安排界面,有趣而又充满未来感的下拉动画让用户捕捉到了宇宙的气息。
 幼儿园网站 
这个网站的设计灵感源自于美好童年的主题:一个连锁幼儿园的登录页面,其中以一个可爱有趣的动画吉祥物作为英雄形象。他跳舞的3D动画及触及皮毛等细微的细节,使得页面生动活泼,立刻增添了一种积极向上的情绪。
 黑胶唱片电子商务APP 
无论新技术带来什么时代,黑胶唱片永远不会过时。这是一套用来销售黑胶唱片和播放器的互动的电子商务App。3D图形使物体的呈现更加逼真,优雅并且引人入胜。
 视觉创造者网站 
这是一个在线工具的登陆页面,允许用户(包括非设计师)为他们的项目创建很酷的视频和图片,这是另一个将3D图形集成形象的网页设计例子。
我的宝贝APP 
从宝宝出生的第一天起,父母就希望永远保持宝宝最灿烂的生命时刻。这个想法启发了这个设计:这是 MyBaby App 的自带屏幕,是一个可爱的移动日记,用于保存所有珍贵的东西,例如照片,视频和成就。
使用3D图形,让界面从一开始就能让用户感觉到可可爱爱。
 设计工作室网站 
设计上什么更强呢?形状还是颜色?这场永恒的战斗激发了这个UI概念。这是一个专门从事外观和室内设计可视化的设计工作室网站,这些家伙知道如何最大程度地发挥形状和色彩的效果——由于页面上的视觉效果,您可以在开始的几秒钟内用眼睛就抓住它。
设计师应用了今年非常流行的技术——全屏背景图像和3D图形。为页面创建和渲染的高质量原始3D图形占据了所有背景区域,它可以立即设置主题并提供相应的公司服务。
 渔网在线网站 
这是电子商务网站的界面,向人们出售钓鱼所需的一切。瞥一眼应用深色背景的滑块,并显示在逼真的3D渲染中呈现的摇摆器的选择——在这里,用户会因简单事物的美而陷入困境。
 健康博客 
这个设计概念是3D动画在网络用户体验中实际应用的另一个展示。这是一个致力于健康问题提示和建议的博客——视觉设计解决方案是非标准的。创意团队没有使用照片或插图,而是选择了吸引人的3D渲染模型和对象:在这里我们可以看到非常逼真的身体部位。该资源便可以将传统的健康主题方法与创新相结合,并从访问网站的最初几秒钟开始以视觉方式传递这种想法。
 购物送货服务网站 
爱它或恨它!购物是我们生活的一部分。“这个好吃的”概念适用于那些讨厌购物或没有时间的人:这是送货服务网站的主页,可以从城市的任何商店购买和运送客户所需的商品。醒目的3D图像与实验性调色板相结合,使界面具有独创性和竞争力。
 老爷车租赁应用 
经典之作永不过时,而古董车则是其中的佼佼者。这是用于用户可以租用古董车的应用程序的简约、优雅的车载屏幕,滑动将使背景下的汽车3D模型沿屏幕移动。出于其高雅的灵感,我们还基于此概念设计了实验性3D动画。
 预定服务网站 
出行不仅是令人兴奋的经历,而且是要面对预订住宿、租车、购买门票和大量其他事情的巨大挑战。这是一个为旅行者提供简单明了的预订服务的网络设计概念,采用3D图形插画。选择了和主题协调的3D图像占据页面的左侧,而右侧填写表格的内容,以便首次搜索住宿。因此,用户可以直接从预滚动区域开始交互,而无需搜索此功能。所选颜色的对比度使页面具有原创性,使其在竞争者中脱颖而出。立即扫描粗体和醒目的标语,以告知用户他们可以使用该服务做什么。
 博物馆应用 
你喜欢博物馆吗?如果您拥有一部智能手机,该怎么办?这是支持访客的交互式博物馆应用程序的UI概念:它有助于检查以逼真的3D图像呈现的可用展品,在几秒钟内了解有关它们的更多信息,甚至可以通过所有博物馆到达您想要看的展品。黑暗的背景使视觉效果更深,更大气。
 动作人物电子商务应用程序 
这个电子商务移动应用程序的灵感来自于 Sideshow 网站上超级酷的超级英雄人物形象和各种角色,我们刚刚想象过用于他们商品的移动应用程序会是什么样子。动作人物的3D图像已集成到界面中,可以看作是360度演示,以吸引用户体验。
 虚拟聊天室服务网站 
有时我们所有人都渴望摆脱现实,想看到超越现实的冲动。拥有无穷无尽的机会,有什么比VR更好的帮助呢?这个概念代表了基于最疯狂想法的 Web 平台共享虚拟聊天室的设计。视觉呈现是由鲜艳,甚至迷幻的色彩组合和引人入胜的3D图形连接到世界之外的,这些图形连接了像人一样的元素“手”“几何形状”象征着现代技术的多样性。为了检查其好处,用户可以直接从第一个屏幕观看演示,而无需滚动查看更多内容:这是一种有效的策略,因为视频方面的内容在项目的目标人群中非常受欢迎。主页提供了该产品的基本介绍以及指向目标的VR聊天室的链接。而且,为了更好的营销,向用户提供订阅以定期获取有关新服务和升级的更新。
 婴儿翻译器 
不是所有的移动端界面都是解决人们的需求问题:有些被创造出来只是为了好玩。这是一个比较有意思的APP,能够将婴儿的叽叽喳喳翻译成清晰语音。麦克风的3D动画的即刻出现,准备好接收正在录音的内容。你想知道你的宝宝讲的是什么吗?
网站开发服务的网站 
谁说网络开发公司的网站就应该是简单的、无色的或枯燥的?事实并非如此。这是一个专门从事 RubyonRails( RubyonRails 是一个可以使你开发、部署、维护 web 应用程序变得简单的框架,ruby 红宝石)开发的公司,公司网站的UI设计是通过大的3D宝石图像建立了视觉关联。预滚动区域是链接到网站的不同信息部分,简短的描述,链接到社交网络和两个按钮。主要按钮放在头部并凸显出来,以便快速访问招聘选项;次要的按钮是幽灵按钮(幽灵按钮(GhostButtons)是指具备基本的按钮形状的透明按钮,但有细实线的边框。有些幽灵按钮是互动的,点击之后按钮可能会成为不透明的,白色或其他颜色的背景突出。)让用户观看公司的视频介绍。
 博客APP 
这是一个简单的博客应用的手机UI。主屏上方有阅读的主题,用户可以横向滑动进行选择;同时还有关注的主题中的热点文章。每个分类都有3D的酷炫视觉内容展现。
 住宿APP 
每个旅行者都知道寻找和预订住宿的痛苦。这个UI例子展示了一个简单的移动应用,帮助用户找到住宿的地方。该动画的特点是住宿的三个类别之间的切换有一个过渡:豪华型、趋势型和海滨型。3D图形与高质量的照片相结合,使布局在视觉上和情感上都很吸引人。
 ubrick生活的三维动画吧 
这个朗朗上口又有点挑衅的3D动画,是一个专门介绍 StanleyKubrick 生活和电影的大型传记网站的一部分。这是一种有效的方式,为一般的设计概念添加一些有趣和创新的氛围。
源 | 我们的设计日记(ID:helloskys)
作者 | 我们的设计日记;编辑 | 亚亚
内容仅代表作者独立观点,不代表早读课立场
继续阅读
阅读原文