500.com视觉设计师-UI分析.pdf

重复 R e p e t i t i v e 重复：在排版设计中,不断重复使用的基本形或线, 它们的形状、大小、方向相同。 【案例】： 《App Store》首页Today栏目视觉UI 【案例分析】： “卡片”样式是UI设计中常见的内容处理方式，以上案例为利 用相同“形状” （1005*1236像素）、 “间距” （88像素）、 “方向” （上下 滑动交互形式）的卡片形式，承载了多种不同内容的信息 （图1：banner海报； 图2：图文列表；图三：App应用桌面图标），将原本各类不同的信息，通过 同样的卡片容器做收纳整合，使整个版式看起来，不会因为信息的类型复杂多 样而变得杂乱无章，所有需要传递给用户的信息井然有序，样式统一。增加了 阅读的舒适性。整个页面通过重复卡片的样式，使设计产生安定、整齐、规律 的统一。 对 比 C o n t r a s t 对比 ：是差异性的强调，对比的因素存在于 相同或相异的性质之间。 【案例】： 《手机淘宝》——商品详情页、购物车页面 【关于对比】：相近的样式，产生大小、明暗、黑白、强弱、粗细、疏密、 高低、远近、硬软、直曲、浓淡