移动商务视觉设计2 移动界面整体布局 移动界面整体布局.pptxVIP

江苏经贸职业技术学院移动商务视觉设计项目三 移动界面布局设计任务三 移动界面整体布局1首页布局设计2详情页布局设计3个人中心布局设计首页布局设计1首页布局设计首页布局设计21搜索栏标签栏34楼层设计卡片式设计首页布局设计搜索栏设计搜索是一重要模块，一般都放在首页导航栏的位置。美团搜索框京东搜索框淘宝搜索框美团首页京东首页淘宝首页首页布局设计标签栏设计标签栏是应用的全局导航，可以快速切换不同的功能模块。基本上不超过五个页签，并且包含未选择和已选择两种视觉效果。首页布局设计卡片式设计卡片式设计是栅栏格的一种形式，将整个页面的内容切割为多个区域，每个区域内包含不同大小，不同媒介形式的内容单元。首页布局设计楼层设计以商品的属性分割为多个区域，这样的设计叫做楼层设计。详情页设计2详情页设计详情页设计详情页设计消息列表横向卡片瀑布流全局按钮快速通道详情页设计消息列表是最常见的列表展示形式，是辅助说明型表格。用来展示一列列看起来差不多，但用户需要利用额外的辅助信息来区分的项目。唯品会淘宝详情页设计横向卡片在列表页中某些卡片可以设计为可横向滑动，可以快速浏览这个卡片中包含的多个图片。好好住淘票票横向卡片横向卡片详情页设计瀑布流瀑布流，又称为瀑布流式布局。这种布局适合于小数据块，每个模块内容相近且没有侧重，且每个模块的高度不一，视觉表现为参差不齐的多栏布局。瀑布流风格详情页设计全局按钮在电商类应用中，购买按钮会非常清晰地展现在用户面前。详情页设计快速通道在详情页搭建一个快速通道直达首页。快速通道直达首页店铺按钮直达首页店铺按钮直达首页天猫京东个人中心布局设计3个人中心布局设计个人中心布局设计头像区域个人信息功能模块个人中心设计头像设计头像一般使用圆角矩形和圆形两种形式。圆形适合展示真人头像，能聚焦内容，显示饱满。美团头像设计：圆形唯品会头像设计：圆形支付宝头像设计：圆角矩形个人中心设计个人信息在社交类应用里包含粉丝、发布的文章和照片等各种与个人相关的信息。在电商类应用里包含订单相关信息，如待付款、代发货和待评价等。美团微博社交类应用个人信息电商类应用个人信息个人中心设计功能模块功能模块是整个应用的功能入口聚合。天猫美团京东江苏经贸职业技术学院 谢谢观看！模板来自于 /