H5设计:结构设计分析方法

Date 2024-07-16 09:37:43

  设计需求:

  校园表白场景感播放音视频界面设计

  产品目标:校园忏悔 鼓励用户听广播表白

  用户目标:通过广播结交朋友,表达爱情 结构设计

  顶部设计:弹幕区;这里不容易手动操作。所有设计都是用户可以观看的内容,刺激用户发布弹幕的主观主动性

  顶部背景设计:视觉效果要突出,营造校园爱情表白氛围。这里可以设计更大的空间,方便吸引用户的视觉

  中间内容设计:播放电台的控制按钮,方便用户操作切换电台,也可以为感兴趣的主播点歌,强调点歌功能,刺激用户

  中下部设计更多内容选择:当用户对当前推送内容不感兴趣时,可以快速切换,为用户带来更多选择

  底部设计:在满足用户需求的前提下,强调弹幕和聊天,促进用户之间的沟通,营造校园忏悔氛围,实现产品目标

  草图设计如下

H5页面设计效果

H5设计草图

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计