把低保版线框图设计成高端App视觉设计
分享一下如何把第一张极简wireframe,打磨成下面三张高质感视觉稿的。不是套模板,而是一步步从“功能结构”往“情绪价值”升级。 |1|明确信息层级,从wireframe打好骨架 第一张图就是信息框架图,我最先确定的是: • 主视觉区:用于展示骑行设备或地图
分享一下如何把第一张极简wireframe,打磨成下面三张高质感视觉稿的。不是套模板,而是一步步从“功能结构”往“情绪价值”升级。 |1|明确信息层级,从wireframe打好骨架 第一张图就是信息框架图,我最先确定的是: • 主视觉区:用于展示骑行设备或地图
你能想象第一张图是它的原型吗?一个普通得不能再普通的灰模线框图,竟然最终蜕变成了超科幻、极具沉浸感的视觉成品 今天就来拆解一下,这种高级感到底怎么做出来的! 第一步:从结构出发,组件要稳 别小看灰模图,它其实已经定下了整个体验的基调: • 左侧大图展示主推产品