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

发布时间:2024-07-16 09:37:43

  设计需求:

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

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

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

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

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

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

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

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

  草图设计如下

H5页面设计效果

H5设计草图

下一篇:

化妆品广告如何设计?有什么设计思路?【设计师面试技巧】
上一篇:设计师的四个基本专业素养之定稿原文件篇
联系电话:400-090-8899
红喵教育 Copyright© 2021-2025
湘ICP备19025583号-1
图标 湘公网安备43019002002199