跳过主要内容

UI 与社交样机

像已上线产品的设备框和信息流框,而不是一张 App 海报。

166 个案例34 个模板

全部案例

该用途下的模板

结构拆解

UI 或社交样机是假装成真实产品的画框。骨架是设备或信息流铬框、有真实层级的内容区,以及看起来像已上线界面而不是海报的字。你改的是平台铬框、模块数量、屏幕里的内容和设备周围的营销裁切。系统 UI 要锁死:状态栏、标签栏、安全区和 logo 位置。假数据、屏内插画和手机周围的环境才是控件。如果模型发明多余按钮、把导航写错、或把边框扭弯,设计师就没法用这张框。数清模块,点名平台,让铬框无聊,好让内容去卖。

防坑要点

  1. 01点名平台,系统铬框要完整且无聊。
  2. 02数清模块。多出来的按钮不是“更丰富的 UI”。
  3. 03屏里的字必须像界面字,不能像海报字。
  4. 04边框不能扭。融化的手机不是样机。

按模型看