设计是一个不断展和变革的领域，很时，看似熟悉的设计趋势在下一刻摇身一变，次惊艳到你。灵活的创意和开放的想法，常常能够使稀松平常的元素摇身一变，化身为惊艳的设计品。种点成金的成就感，大概也是许设计师即使辛苦也坚持下去的原因所在吧？
今天，我们搜集了几Tubik Studio 内的设计师品，它们是不同业务目标下的产物，UI设计品从到动效，无疑是相当惊艳的。今天，我们透案例，来聊一下优的UI视觉设计台前幕后事情。
1、凸显特点：设计工作室的官网设计
形体和色彩，到哪个在设计中更富有表现？这个问题可没有一个固定答案，这场在战争在设计领域当中已经持续多年，甚至会一直持续。这个设计项目是为一个室设计工作室来设计官方，他们的要务是制作可视的室设计渲染图。他们熟知如何最大限地借助设计工具来呈现室设计的效果，在接到需求之后，我们决定使全屏背景结合他们最擅长的3D建模，来展现质量的室设计和建模渲染效果。
富有层次感的版布，前后景的容各司职，键的容可很轻松地被扫视。每个区都有着醒目的标题，够告知户容的属性。页面顶的导航中呈现了牌的LOGO，页面中相社交媒体链接非清晰醒目。在这个色彩丰富的页面中，键的CTA按钮是需要借助对色来凸显，将户导向特定的功和页面。
数字建模带来的好处是更沉浸式的场景，和更易于处的数字素材，这样一来，设计师更容易处，入更有效的画效果。在这个案例当中，效设计师户在滚的过程中，看到条纹式的效果，使得页面的层次感明显，暗示了这个设计工作室在视觉效果上的强大处。此外，户可借助页面指示器快速切换页面，这一点确保了整个在功上的捷和善性。
2、强化属性：订购服务的网站页面设计
对于出门行，绝大多数的用户都抱有着不的期待。但是行本身并不轻，需要订购，需要购买机票和车票，租车，购买门票，同行还味着非常大量的活动。而这次的概念计，就是围绕着预订服来展开的。同使用了3D建模来构建视觉，诸多和日常出行相关的视觉素占据了左侧的页面，而右侧则是预订需要填写的表内容。整个页面采用了更加有活力的配色，降低用户填写表候的紧张情绪，清晰直观的页面布局，让用户无需四摸索，可以直开始交互。从标题表的条目都保有良好的对比度，可以快速扫视阅读，便于用户填写。
向下滚动，用户可以了解这项服的相关优势，殊的功能，相关福利，以及更多的息。每个息都紧密围绕着一个主题来予以阐述，视觉化的素被计得非常吸睛，同，和整体在风格调性上也保持着高度的一致。
3、营造层次：库布里克的作品网站
今 7 月 26 日，世界电影人都庆贺著导演库布里克诞辰90周，同样身库布里克粉丝的我们，也他制作了一相对优的作品网站。网站展了他的荣耀之，他的活，以及他如何行创作的。整网站的设都借视觉化的设驱动用户不断浏览，交互不仅下左右布局富层次，且视觉纵深文章。作一产出过如此之多典作品的导演，我们选取了对比度强烈、典的黑白三色作整网站的主配色，这一点非常符合他独特的属性。戳这里查看这网站。
4、渲染氛围：托儿服务的着陆页设计
所有的父母在寻找托儿所和托管机构的时，希望他们的孩子获得最的服务，找到能够给予孩子无微不至关怀的姆。个着陆页的设计是为名为 Kiddy 个托儿服务提供机构所设计的着陆页。Kiddy 致力为用户提供服务良的姆，在里雇佣姆绝对称得上是小菜一碟。
了让整页面足够可，风格独特趣的插画发挥了极的作用，搭配性格富童趣的字体，让整页面足够视觉化。与此同时，柔的配色方案之下，文本背景之间的对比度非常高，用户只需扫视就可以轻松读取内。
整页面包含了一陆页应的所组件：过去客户的推荐内，新用户可以顶级、专业的托人员直接连线沟通，相关的信息一应俱全。重的，用户如果直接雇佣保姆，甚至不需翻页，入页面就可以直接沟通。
5、引人注意：VR虚拟聊天室服务的网站设计
我们很时有脱离现的冲动，还有什么比VR 更具有沉浸式的验呢？个疯狂的想法催生出VR虚拟聊天室的概念，更疯狂的是它还是基Web平台来现。明亮而带有迷幻特征的，引人瞩目的3D图形象征着现代技术。为更地演示，用户以直接在一屏观看，而无需滚动页面。主页提供相关虚拟聊天室的介绍和模板链接，用户甚至以订阅而定期获取不同的模板，进行升级。
高饱和度的彩和3D建模非常贴合目前虚拟现给用户带来的验，而极端醒目的彩所给人的不感，相反更加强虚拟聊天室超越现的特征。
6、制造对比：为手作市场进行网站设计
今各种设计工室甚至家庭的各种手工品正在受到越来越的追捧，通样的一个C2C平台，大家以将自己的手提上来销售，买家借此以获得很独一无二的品。在给个手市场设计网页的时，主要借助栅系统来确整个页面局看来错落，但际非常规律。优雅的局和，在阴影和动效的加持之下，看来次富，又不显得混乱，非常引人瞩目。
浅的背赋予网站以良的空间感，使得图天具备抓人视的特质，相对样的文、彩和样式，让整个网站显得富而不单。页脚采用黑的背图，主要内容以外的其他信息和链接被收纳在里，方便用户获取内容。
7、打破常规：建站服务公司的网站设计
谁说个提供网站设和开发企业，官网定是要看起来简单、性聊？然不是！
个注 Ruby on Rails 开的司，就设计的非常视化。通建模出来的宝石是 Ruby on Rails 的代表，和司常用的开语言有清晰的关联，首屏底部标识出司相关的媒帐号的链接，即使同样是CTA按钮，主要的按钮采用的是强对比的底，而次要的则选用的是幽灵按钮。
向下滚动的程中，用户在信息图式的内容块中到团所采用的技术，司的相关信息，服务的客户群，以及联系该团的快速提表单。内容清晰，疏密有致，目的明确，用户在样的网站中永远不感到迷惑。
8、沉浸体验：在线百科知识网站
这个网站致力于帮你了解宇宙和太阳系相关知识，你在这里能够针和宇宙空进探索。在宇宙黑暗背景下，你可以看到表晰地貌所构成纹路，极度视觉化UI设计和动效加持下交互，让用户不再需要枯燥阅读，而是在不断浏览和交互，逐步了解头顶天空和黑暗渺远宇宙。个网站底色和宇宙黑色保持着致，带来了相沉浸体验，流畅动画下，用户在浏览时候会感到仿佛在太空遨游般体验。
9、呈现韵律：音乐APP的着陆页
如何通过UI来呈现出韵律？这是在给尚的音APP计着陆页的候，最先想的问题。计通过亮而抽象的图形来构建动画，通过韵律十足的动画来呈现独的节奏和韵律，从而实现情和情绪的表达。页面不需要大量的文本，一个醒目的大标题就够了，下来就是将用户的注力引导CTA按钮上，相反大量的文本会响用户的注力，所以，就有了这个页面的计。
结语
趋势一直在变化，跟随趋势的候，需要灵活地根据需求，进行更为有效的表达，视觉，色彩，情，所有的因素都需要考虑，排版布局，色彩，交互，动效，缺一不可。向着清晰的计目标前进，服于用户和户，兼顾视觉和功能，紧随趋势不盲从，这才会创造好的计。
浙公网安备33011002017549号