惊艳的网页怎样设计出来的( 二 )



高饱和度的色彩和3D建模非常贴合目前虚拟现实给用户带来的体验,而极端醒目的色彩所给人的不真实感,相反更加强调了虚拟聊天室超越现实的特征 。

6、制造对比:为手作市场进行网站设计

在给这个手作市场设计网页的时候,主要借助了栅格系统来确保整个页面布局看起来错落,但实际非常规律 。优雅的布局和配色,在阴影和动效的加持之下,看起来层次丰富,又不显得混乱,非常引人瞩目 。

浅色的背景赋予网站以良好的空间感,这使得图片天然具备了抓人视线的特质,相对多样的文本、色彩和样式,让整个网站显得丰富而不单调 。页脚采用了黑色的背景图片,主要内容以外的其他信息和链接都被收纳在这里,方便用户获取内容 。

7、打破常规:建站服务公司的网站设计


通过建模制作出来的宝石是 Ruby on Rails 的代表,这和公司常用的开发语言有了清晰的关联,首屏底部标识出了公司相关的社交媒体帐号的链接,即使同样是CTA按钮,主要的按钮采用的是强对比的实底,而次要的则选用的是幽灵按钮 。

向下滚动的过程中,用户会在信息图式的内容块中了解到团队所采用的技术,公司的相关信息,服务的客户群,以及联系该团队的快速提交表单 。内容清晰,疏密有致,目的明确,用户在这样的网站中永远不会感到迷惑 。

8、沉浸体验:在线百科知识网站

这个网站致力于帮你帮你了解宇宙和太阳系相关的知识,你在这里能够针对行星和宇宙空间进行探索 。在宇宙黑暗的背景之下,你可以看到木星表面清晰的地貌所构成的纹路,极度视觉化的UI设计和动效加持下的交互,让用户不再需要枯燥的阅读,而是在不断的浏览和交互中,逐步了解头顶的天空和黑暗中的渺远宇宙 。整个网站的底色和宇宙的黑色保持着一致,带来了相对沉浸的体验,流畅的动画下,用户在浏览的时候会感到仿佛在太空中傲游一般的体验 。

9、呈现韵律:音乐APP的着陆页

如何通过UI来呈现出韵律感?这是在给时尚的音乐APP设计着陆页的时候,最先想到的问题 。设计师通过明亮而抽象的图形来构建动画,通过韵律感十足的动画来呈现独特的节奏感和韵律感,从而实现情感和情绪的表达 。页面不需要大量的文本,一个醒目的大标题就够了,接下来就是将用户的注意力引导到CTA按钮上,相反大量的文本会影响用户的注意力,所以,就有了这个页面的设计 。

结语

趋势一直在变化,跟随趋势的时候,需要灵活地根据需求,进行更为有效的表达,视觉,色彩,情感,所有的因素都需要考虑到,排版布局,色彩,交互,动效,缺一不可 。向着清晰的设计目标前进,服务于用户和客户,兼顾视觉和功能,紧随趋势又不盲从,这样才会创造好的设计 。

推荐阅读