UI界面点评-米田的天空的点评-学汇网

当前位置：作品点评 > UI界面点评

UI界面点评

分类： UI设计移动应用界面

浏览543/ 赞1/ 讨论1

2018-03-21 提交的作品

这个页面不知道怎么把激活、购买、试听这三个元素合适的摆放，要重点突出激活，但是下面的两个按钮又会很抢激活的视线，所以我就考虑加一个形象人物进去做引导，但是总感觉融入不进去。试了几种方法，都找不到合适的。希望老师受累帮我点评一下呗~谢谢谢谢谢谢

点评人：

米田的天空

米田的天空

网页交互／界面视觉／品牌设计

2018-03-28 点评

免费点评

总评：
整体模块化感觉不够，因为功能按钮太多，重点没有清晰区分。
1）将其分为两大模块，即激活+视频模块、购买+试听模块；
2）图片的选择要斟酌，用正面视图的视频图片效果更好，因为是偏向于平面的界面；
3）版式参考：http://huaban.com/pins/1436123822/

赞赏

全部讨论 1

$("#img").annotatorPro({
    annotations: [{"id":"my-annotation-28961","spot_left":40.5,"spot_top":689,"spot_width":681,"spot_height":540,"popup_position":"right","spot_circle":false,"text":"\u5982\u679c\u662f\u8fd9\u79cd\u591a\u529f\u80fd\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u8003\u8651\u91c7\u7528\u4e0a\u534a\u90e8\u5206\u7edf\u4e00\u6210\u4e00\u4e2a\u6a21\u5757\uff0c\u4e0b\u90e8\u5206\u6309\u94ae\u5355\u72ec\u62e7\u51fa\u6765\u3002\u5927\u6982\u7c7b\u4f3c\u8fd9\u6837http:\/\/huaban.com\/pins\/1436123822\/","title":"<img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/>","html":"<div class=\"ndd-popup\" style=\"width:260px;cursor:default\">\r\n    <div class=\"user-face\"><a href=\"http:\/\/www.xuehui.com\/t63989\" target=\"_blank\"><img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/><\/a><\/div>\r\n    <div class=\"ndd-content\">\u5982\u679c\u662f\u8fd9\u79cd\u591a\u529f\u80fd\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u8003\u8651\u91c7\u7528\u4e0a\u534a\u90e8\u5206\u7edf\u4e00\u6210\u4e00\u4e2a\u6a21\u5757\uff0c\u4e0b\u90e8\u5206\u6309\u94ae\u5355\u72ec\u62e7\u51fa\u6765\u3002\u5927\u6982\u7c7b\u4f3c\u8fd9\u6837http:\/\/huaban.com\/pins\/1436123822\/<\/div>\r\n<\/div>","content_type":"custom-html","colorClass":"ndd-icon-main-element_red"},{"id":"my-annotation-508841","spot_left":19.5,"spot_top":561,"spot_width":724,"spot_height":83,"popup_position":"right","spot_circle":false,"text":"\u5f31\u529f\u80fd\u533a\u57df\uff0c\u83b7\u5956\u540d\u5355\u660e\u663e\u8fc7\u4e8e\u62a2\u773c\u4e86\uff0c\u53ef\u4ee5\u8003\u8651\u7f29\u5c0f\u8fd9\u90e8\u5206\u7684\u9762\u79ef","title":"<img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/>","html":"<div class=\"ndd-popup\" style=\"width:260px;cursor:default\">\r\n    <div class=\"user-face\"><a href=\"http:\/\/www.xuehui.com\/t63989\" target=\"_blank\"><img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/><\/a><\/div>\r\n    <div class=\"ndd-content\">\u5f31\u529f\u80fd\u533a\u57df\uff0c\u83b7\u5956\u540d\u5355\u660e\u663e\u8fc7\u4e8e\u62a2\u773c\u4e86\uff0c\u53ef\u4ee5\u8003\u8651\u7f29\u5c0f\u8fd9\u90e8\u5206\u7684\u9762\u79ef<\/div>\r\n<\/div>","content_type":"custom-html","colorClass":"ndd-icon-main-element_red"},{"id":"my-annotation-985161","spot_left":6.5,"spot_top":130,"spot_width":743,"spot_height":412,"popup_position":"right","spot_circle":false,"text":"\u56fe\u7247\u7684\u9009\u62e9\u5f88\u91cd\u8981\uff0c\u81f3\u5c11\u8fd9\u5f20\u56fe\u4e0d\u592a\u50cf\u4e00\u4e2a\u4ecb\u7ecd\u64cd\u4f5c\u7684\u89c6\u9891","title":"<img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/>","html":"<div class=\"ndd-popup\" style=\"width:260px;cursor:default\">\r\n    <div class=\"user-face\"><a href=\"http:\/\/www.xuehui.com\/t63989\" target=\"_blank\"><img src=\"http:\/\/image.xuehui.com\/member\/1\/1\/64\/63989-small.gif?q=55\" style=\"width:30px;height:30px\" \/><\/a><\/div>\r\n    <div class=\"ndd-content\">\u56fe\u7247\u7684\u9009\u62e9\u5f88\u91cd\u8981\uff0c\u81f3\u5c11\u8fd9\u5f20\u56fe\u4e0d\u592a\u50cf\u4e00\u4e2a\u4ecb\u7ecd\u64cd\u4f5c\u7684\u89c6\u9891<\/div>\r\n<\/div>","content_type":"custom-html","colorClass":"ndd-icon-main-element_red"}]
});