- 1
- 0
- 约小于1千字
- 约 14页
- 2023-11-09 发布于广东
- 举报
UI界面设计
USER INTERFACE
第二部分 手机界面设计
4
手机界面BANNER
画画
Banner是什么?
WHAT IS BANNER?
Banner在UI里表现为横幅广告块儿。Banner是信息传播需要,banner需求往往来源于运营设计,为了配合某个运营活动而做的一个面向用户的展示内容。
手机界面BANNER
手机界面BANNER
画画
手机界面BANNER
手机界面’BANNER
banner’大小如何设定?
宽高设定根据应用里设定的位置进行设计;
图一是放在商品列表页的头图banner,设计宽高为750*328;
图二为“我的”页面里放置活动宣传广告,由于空间有限,宽高为750*200;
8
手机界面’BANNER
BANNER如何设计?
根据BANNER的位置和主题,选择以下构图
居中
左图右文
左文右图
铺满画面
9
手机界面’BANNER
banner如何设计?
10
手机界面’BANNER
11
手机界面’BANNER
12
手机界面BANNER
画画
BANNER设计
总之,以上是电商BANNER中常见的几种构图形式,不同的构图方式可以传递给人不同的感觉气质。根据自己的产品、主题和素材,选择合适的构图方式,梳理出视觉层级。无论是哪一种构图形式,都要注意平衡,各种元素的呼应、制约,达到画面的和谐。
THANK YOU!
谢谢
谢谢
您可能关注的文档
- 重大社2023高职高专《ui界面设计》教学课件2-1手机界面规范.pptx
- 重大社2023高职高专《ui界面设计》教学课件0UI界面设计概述.pptx
- 重大社2023高职高专《ui界面设计》教学课件2-6 手机界面视觉流程设计.pptx
- 重大社2023高职高专《ui界面设计》教学课件0UI学习前的准备.pptx
- 重大社2023高职高专《ui界面设计》教学课件2-5 手机界面APP底部TAB栏设计.pptx
- 重大社2023高职高专《ui界面设计》教学课件1-2图标设计.pptx
- 重大社2023高职高专《ui界面设计》教学课件1-3 图标设计.pptx
- 重大社2023高职高专《ui界面设计》教学课件4-2网页策划.pptx
- 重大社2023高职高专《ui界面设计》教学课件3-3-1手机主题图标设计.pptx
- 重大社2023高职高专《ui界面设计》教学课件2-3 手机界面APP导航栏设计.pptx
原创力文档

文档评论(0)