导图社区 IOS新趋势解析设计原则
IOS新趋势解析设计原则 思维导图,版式设计有:对齐(有序一致的重要原则之一)、对称(页面元素左右平衡和谐)、分组(同类组合减少用户的认知负担)。
社区模板帮助中心,点此进入>>
IOS新趋势解析设计原则
界面设计原则
边距和间距
全局边距
20pt 保证页面整体视觉统一
卡片间距
10pt 卡片呼吸感
不要做太多
内容间距
5pt 信息整合
内容布局
卡片式布局
使用场景:对多用于以图片信息为主导的设计
列表式布局
图片和文字组合使用
使用场景:展示较多信息,屏幕利用率高
图片比例
16:9
运营类型的banner模块
图片占有banner总宽度的40%
文本的空间占有banner总宽度的60%
主文案加副文案占有banner的总高度的50%
版式:左右构图,凸显文案
图文占比六四开,文案占比约50%
主要是电影中的常见构图,该构图给人视觉开阔的感受,多用于视频类APP中
4:3
图像更为紧凑,多用于图片占比重较大的APP中,也多用于产品列表、banner中
3: 2
卡片式布局中
较为靠近黄金比例,在相机拍照的全画幅尺寸比例即为2:3,其他尺寸均是通过裁切而成,因此在应用中看上去比较舒服
该比例多用于横图中,如商品列表、banner图中
1 : 1
这种构图图片占比比较大,因此多用于产品展示、头像、特写展示等场景的APP中,在电商设计中较为常见
列表流的图片、用户头像、详情页主图
版式设计
对齐
有序一致的重要原则之一
对称
页面元素左右平衡和谐
分组
同类组合减少用户的认知负担