发表于: 2019-02-26 19:56:22
1 497
今天完成的事情:
1.调研还是有问题,原型还是没画出来,我到底在做什么,重新进行调研
把轮播图的设计形式作为重点,将小细节舍弃,今天磕磕绊绊重写了一遍调研
明天计划的事情:
画原型
遇到的问题:
今天内容很少,实在是中午才开始重新弄,理解还花了很多时间,希望以后别划水了
收获:
应用类型 | 设计方式 | 适用场景 | 优点 | 缺点 | 案例 |
视频类 | 1.位于页头下方,横向全屏,点击图片进入详情2.切换方式:右侧文本列表切换 | 上新&热门视频 | 1.banner图图片较大,内容展示简单直观2.文本列表同时起到解释说明和进行切换的作用 | 1.一张图片只显示一个相关内容,文本数量有限,无法显示太多 | 爱奇艺 优酷 |
1.位于页头下方,横向3/4,多张图片组合,点击进入相应页面 2.切换方式:指示器+箭头按钮 | 1.使用多张图片组合可以使页面展示更多的内容.同时,图片的主次优先级可以通过位置和大小体现 | 1.主要推荐内容不够鲜明 | 百度视频 | ||
电商类 | 1.页头搜索框下,横向全屏,内设相关推荐入口 2.切换方式:指示器+箭头按钮 | 活动&会场&推荐商品 | 1.充分利用空间及内容之间的关联性 | 天猫 | |
1.页头搜索框下,横向1/2以内,点击图片进入详情 2.双轮播图,大轮播图一图一个,展示主要内容,小轮播图一图多个,展示次要内容 3.切换方式:指示器+箭头按钮 | 1.可以展示较多内容,主次分明 | 1.图片尺寸太小,内容略显杂乱,用户关注度低 | 淘宝 | ||
新闻类 | 1.页头左下方,横向1/2,点击图片进入详情 2.切换方式:指示器+箭头按钮 | 热点新闻 | 1.给文字内容节省空间 | 1.图片尺寸太小,视觉效果差 | 搜狐/百度新闻 |
阅读类 | 1. 页头下方,横向1/2,点击进入详情 2.切换方式:文本标签 | 小说推荐 | 1.文本列表同时起到解释说明和进行切换的作用 | 1.适用范围低 | 起点中文 |
直播类 | 1.页头下方,横向3/4,点击进入直播间 2.自动播放视频,点击右侧图片进行切换 | 直播 | 1.自动播放视频,突出了此类网站特色 | 1.无法自动轮播,只能点击切换 | 斗鱼tv 熊猫tv |
评论