3D未来感设计实践
3D未来感设计实践
3D在视觉中的应用已形成常态化，不仅可以提升视觉冲击力，更是提升界面逻辑层级的不二之选。从应用的角度看，C4D目前做为炙手可热的三维软件受到众多视觉及UI设计师追捧，相对于3Ds Max和maya等操作复杂的三维软件，它不仅操作易学，且视觉效果尚佳，配合PS/AE的后期支持可谓如虎添翼。
聚焦FUI的关键词「虚构的、未来的、幻想的」
如何在视觉表达中形成风格化，且符合流行趋势成为一个突破点。经过对产品项目的宏观分析与视觉趋势迎合，我们把目标放在“未来感”这个关键词中，将3D设计与FUI结合，打造极具未来感、科幻感、机械感的视觉设计，让用户感受未来科技的震撼，同时天马行空的想象完全契合设计师的思维逻辑，给设计师充分的创作空间。
FUI 主要的两大设计风格：军事风格 & 机械风格
图片来源于网络，如有版权请告知
一、FUI 主要的两大设计风格
1. 军事风格
军事风格有直接、明确、精准的特点，这一特性来源于军事中要避免误操作，展示精准的信息。集中体现为极简形态，通过几何元素构建而成，通过几何元素组合直接明了表达出诉求信息，呈现出强烈的秩序之美。军事风格在视觉上给人以高科技的视觉感受，在科幻类电影中得以应用。透过邻近色与单色，表达轻薄的质感，配合细节处的点睛几何，描绘出精致干练的科幻感、未来感色彩。
设计语言
军事风格的关键词：直接明了、快速、准确、直接
设计语言：极简
图片来源于网络，如有版权请告知
2. 机械风格
机械风格做大的特点是装饰元素的应用，通过异形装饰、辉光元素的融入打造的未来感体感。机械风格带有原生的工业气息，天然带有刚毅的工业气质，因此我们可以通过工业设计元素的提炼应用在设计中，也可以扩大素材收集范围至、机甲电影、机器人、工业生产器械等等。
设计语言
关键词：机械、异形装饰、工业、科幻
设计语言：机械感/装饰性强
图片来源于网络，如有版权请告知
3. 设计方法
扩大参考范围：影视作品中的 FUI 设计
细节拆分：提取有价值的图形/风格
衍生设计：打破原有组合规律，重新整合
图片来源于网络，如有版权请告知
二、结论「 虚构、未来、幻想 」
适用场景
数据类界面设计、信息图表、数字大屏等，同时在视觉表现中利用独特的气质与3D视觉结合，给人以强烈的未来主义，例如概念车、游戏、电影等。
FUI与3D的结合
军事风格：
UI设计：功能界面、留资弹窗、车型对比等，强调严谨，直观，逻辑性
活动设计：视觉元素，体现科技感、科幻感的点睛之笔
机械风格：主要运用在活动玩法构建、主视觉（落地页/专题页/平面设计等）
图片来源于网络，如有版权请告知
活动玩法设计实践关键点：
活动玩法一：剁手抓红包
1. 设计核心点：机械/金属+创建矛盾+挑战欲
2. 构建场景/情节：
【视觉】3D活动搭建营造工业感氛围，与汽车工业箱呼应，构建出机械化、金属感的场景；
【应用】通过剁与抓两个动词创建矛盾点，突出抢福利的刺激，激发平台用户的挑战欲，提升用户满足感；
活动玩法二：拼手速抢牛礼
1. 设计核心点：霓虹灯/机械感+互动感+彩蛋
2. 构建场景/情节：
【视觉】霓虹灯与机械感的碰撞，刚柔并进，强调主题的同时打造锐利丰富的光感；
【应用】强调与用户的互动感，翻牌元素可替换主题元素；红包逐步具现化为彩蛋，营造流畅的互动体验，强化权益获得
活动玩法三：抽奖送好礼
1. 设计核心点：霓虹灯+机械感+记忆力
2. 构建场景/情节：
【视觉】 3D游戏机的概念先入为主，将用户代入抽奖状态，跑马灯与灯管标题点亮运营氛围，强烈的光感、红包氛围将抽奖环节推至高潮；
【应用】在活动运营中是一款百搭玩法，横红色洋溢着满满的收获气息。通过概率互动行为，利用大众消费者侥幸心理，以及对奖品的渴望，来激励用户参与活动，最终形成转化。
视觉语言
视觉语言的关键在于视觉基因提炼，主要从色彩、图形、质感三个方面提炼视觉基因，以搭建主体视觉语言体系。
1. 色彩倾向：蓝、绿、紫、橘成为核心主色，辅助色彩丰富多变，也给设计师打造天然创作空间，呈现更多层次的视觉逻辑思考。
图片来源于网络，如有版权请告知
2、图形
图形构成分为两类，几何形态和异形装饰形态。几何形态主要用于构建主体，表达出极简的特性：干净利落、直接明了；异形装饰形态做为助攻表达机械感，为主体形态锦上添花，烘托氛围之余，打造丰富多变的的视觉感受，是主体设计呈现细腻表达不可或缺的部分。
3、质感
质感在视觉语言体系中是品质感的直接呈现，也是三维视觉打造视觉对比的强项。在设计中使用镭射、霓虹灯及反光材质，用于吸引用户注意，多数用在标题、按钮、交互组件中；主体设计多采用金属、带有粗糙质感材构成，呈现刚毅硬朗不跳脱的视觉感受；点睛之笔在于辉光的应用，即可打造空间感与科幻感。
视觉系统DNA延续与衍生
赋予符号多元变化、更多延展，横竖版适配、倒计时页面、浮球、流资、loading等。
1. 横竖版适配
2. 活动玩法与留资、loading的视觉延展
3. 在玩法中倒计时与玩法弹窗视觉统一性
总结
通过设计风格、颜色、图形改造排列组合得到N套设计，通过以上实践流程产出更丰满的设计～
