认识达内从这里开始

认真做教育专心促就业

重复与突变在产品设计中的应用（一）

发布：潍坊达内
来源：潍坊达内
时间：2018-11-30 19:37

    重复可以使画面秩序化、整齐化，形成和谐、富有节奏感的视觉效果，更加有利于人们加强对画面的记忆。-潍坊达内负责整理
    设计中的重复是什么？
    在平面设计中，重复构成是常用的一种构成方法，通过重复可以使画面达到和谐、统一的视觉效果，并能加强给人的印象，也可以达到一种有规律的节奏感和形式美感。
    排版的四大原则：对比、对齐、亲密性、重复，重复在排版中也占据了一席之地，可见它在设计中分量是不可小觑的。
    格式塔原理：接近性、相似性、连续性、封闭性、对称性、主体/背景、共同运动，格式塔原理中的对称性就是重复的一种表现方式；格式塔原理中的相似性算是重复中自带的一种突变。
    、重复
    重复是设计中最基本的形式。在同一设计中，相同的形象出现过两次或两次以上就形成了重复。
    在产品设计中重复的元素有大小、形状、配色、间距、组件、圆角值；在交互层面重复的元素有位移（方向）、旋转、缩放、不透明度、相同属性交互要一致。
    在产品设计的前期设计师需要输出界面设计，为了方便下游前端工程师更好的规范和适配，也要保重产品后期上线产品视觉稿的高度还原，这就要求设计师输出一整套产品的视觉和交互规范。
    重复配色
    在app store 的页面中使用了相同的颜色进行提醒，方便用户快速查找和点击，整体的蓝色又给人理性的感觉，看到付费app的好评数可以看出是因为产品好才推荐你进行理性消费。
    重复大小
    主页第一排头像相同大小进行重复排列，与内容的人物头像有大小对比之分；INS搜索页采用了九宫格布局，为了重复中有变化它把右边的四个方格合并成一个内容展示区域，推荐好的热门视频。
    重复间距

界面中的间距非常规范，首页大体采用了谷歌里面的8px原则，每个间距之间的规范很多1:2的比例关系。好的比例规范会给界面带来简洁大气的感觉。

潍坊达内

    重复组件
    界面中用了统一组件，相同的圆角和高度规范又给画面增加了统一性和连贯性。
    、突变
    在相同的形象重复出现时，尝试去改变某一形象的形状、颜色、大小、不透明度等来丰富画面时我们称之为突变。
    格式塔原理中的相似性也是重复中突变的一种形式。
    在产品设计中我们运用的突变的目的很简单就是为了让其更加突出，多用于区分当前状态、选中状态和默认状态。
    轮播
    轮播图上面的提示状态会根据当前状态和默认状态进行区分，把当前状态进行变化从而进行凸显出来。
    导航栏分类
    导航栏分类上面的提示状态也是根据当前状态和默认状态进行区分，把当前状态进行变化从而进行凸显出来。
    以上就是潍坊达内给大家做的内容详解，更多关于UI的学习，请继续关注潍坊达内

< 上一篇：学会这6个设计理念来使你的版面布局更简洁（二）

下一篇：重复与突变在产品设计中的应用（二） >