四大设计原则让你的页面优雅起来 (四大设计原则是什么)

本文目录导航：

• 四大设计原则让你的页面优雅起来——减少用户疲惫
• 优化内容优化内容的四大原则
• ppt优化原则ppt内容优化原则

四大设计原则让你的页面优雅起来——减少用户疲惫

页面的布局“内容为王“。

布局优雅的网页需要内容的支撑，混乱无章的表达内容使用优美的布局也只会给人空洞无用的感觉。

在选好配色后，对元素的布局要考虑到用户的学习成本（操作习惯、逻辑判断等），与颜色配置相似的一点，设计师对元素进行有效处理，使之符合用户的习惯，多方面降低用户的学习成本，使得用户更不易“疲惫”。

大多数优秀的网页设计都是通过减轻用户的疲惫感来提高页面的使用效率。

人类的认知秩序是从特殊到普遍再到特殊，而屏幕传递信息的方式是线性的，遵循人类的认知秩序，利用线性传递信息的特性就需要对信息进行有效处理。

本篇我将会从布局方面着重阐述如何减轻用户“疲惫感”。

页面元素过杂过多，布局乱七八糟，色彩驳杂，主次不分等等，第一眼就已经给用户造成视觉压力，使得用户从内心开始抗拒使用，自然收不到用户好评。

沉浸式短视频app，简单操作进行内容切换，相似内容推荐吸引用户无间断使用。

方便快捷的购物网站，一键购买极简操作，相似好物推荐减少用户搜索行为。

以上两种应用场景都是通过减少了用户动作，提前预测用户行为，在视觉，动作方面减少用户疲惫感，增加视觉刺激，提高产品可用性。

考虑到用户使用产品过程中疲惫感的来源，我们可以通过减少视线移动、增强视觉刺激来进行元素设计。

设计主要遵循以下四个基本原则：“亲密性”、“秩序性”、“一致性”、“差异性”。

（亲密性、对齐、重复、对比） 为了减少用户视线移动，相关的元素（操作相关、功能逻辑相关、响应逻辑相关）应当放置在一起组成视觉单元（物理位置相近）； 逻辑联系较弱，彼此无关的元素则不应该靠近，使得整个页面的逻辑层次清晰。

元素相关性强弱和物理位置远近的适当设计，便于用户理解元素逻辑内容，减少混乱干扰。

1、用户行为操作相关的，例如选购、结算、付款，一系列相关逻辑的操作功能按钮需要保持在同一物理位置，避免视线上下移动，造成混乱。

如支付宝转账，视觉及操作区域保持在页面上半部分，验证密码从底部弹出则属于另一套逻辑操作，属于对比的原则，下文中详述。

2、元素逻辑联系紧密的，例如导航条内容都组合在一个区域，操作区的布局同样保持在一个部分。

如Apple官网，操作导航、产品分类、网页介绍、背景通过亲密性组合在一起，使得网页逻辑清晰。

一般来说，人眼会不自觉捕捉运动的物品，突兀的改变位置需要人脑进行一个搜索画面的过程，逻辑相近的元素分开让用户视线搜索判断的设计是有问题的。

而相近位置的组合展现则去掉了该过程。

减轻观众处理信息的负担。

元素的摆放另一个重要原则就是对齐。

对齐，不是说横平竖直，九宫格式的简单排列，而是在保证亲密性原则下，打乱无关元素的物理位置位置，保持各部分对齐，即所谓“乱中有序”。

随意摆放的元素在视觉上会造成混乱，同时在逻辑上也不易理解，因此在布局设计时，应当保证元素对齐，建立视觉联系。

一般来说，不建议采用居中对齐的方式。

Apple 开发者网站，顶部导航条、产品分类、标题、介绍内容等在逻辑联系上亲密，根据亲密性原则物理位置相近，为了避免视觉混乱，将元素对齐，使得元素更具有秩序性。

对于类似的设计元素，要保持复用设计，保持整体设计的风格一致。

重复元素包含很多，符号、颜色、线条、字体甚至字间距等，组织重复信息利于帮助用户理清页面的层次逻辑，将设计中一致的元素统一起来，在外观上即可作为整体元素进行展示。

如下图中一级导航与二级导航的重复样式，视觉上相同，便于用户理解不同页面间的逻辑设置。

出现重复的元素，即提示用户上一段的结束和新一段的开始，免去用户判断过程。

但要注意，没有逻辑相关的元素需要避免相同的设计，人的直观认知中，外观类似的元素会被自觉归为一类，如果没有逻辑相关的元素设计雷同，会让用户存在认知错误，增加其判断过程。

这就引出了最后一个原则——对比。

上面说过，含义不同，外观雷同的元素设计会使用户多加判断，这也是用户疲劳的来源之一。

元素的对比设计，可以是颜色也可以是粗细，有鲜明的对比可以在视觉上形成层次效果； 页面的布局也一样，差异元素的鲜明对比刺激用户，使得用户不易疲劳。

支付宝付款输入密码属于转账环节 “输入账户-输入金额-输入密码” 中最后、最重要的一步操作，从底部弹窗，视线移动刺激视觉，与以上两步骤形成对比，将转账这一操作分解成了两个有对比效果的视觉内容。

导航条之间的对比、标题与内容的对比、文字与图片的对比，而iPhone和iPad显示同样的墙纸则是遵循了重复的原则，包括前面的亲密性、对齐原则，因此可以说这是一个优雅的网页。

元素的布局要考虑视觉疲劳，尽量降低用户学习成本，在布局上对场景进行逻辑处理，符合用户习惯的逻辑设计能够降低用户学习成本。

空间对于表达的重要性不言而喻，网页的布局属于美学的范畴，同时也隐藏着用户逻辑判断，视觉效果的引导减轻用户负担。

进一步优化网页，使网页本身表达内容，与用户进行交互，自然用户的使用兴趣会被调动起来。

当然上面的原则并非是一成不变的，根据现实场景，进行判断合理使用才是使网页优雅的终极奥义。

推书：《写给大家看的设计书》

优化内容优化内容的四大原则

在进行内容优化时，应遵循以下几个核心原则，以确保其有效性和价值：首先，强调原创性至关重要。

优化的内容应具备一定的独特性，以吸引搜索引擎的关注并积极抓取，从而提升网站的可见度。

其次，内容的相关性不容忽视。

确保优化的内容紧密围绕网站的主题展开，保持适当的关联度，这样既能满足搜索引擎的索引需求，也能提升用户在搜索结果中的匹配度。

用户体验是优化内容的另一大关键。

内容应具备实用性，解决用户的问题或提供有价值的信息，使用户在使用过程中感到满意，从而提高用户的停留时间和转化率。

最后，定期更新是优化内容的基础。

定期为网站注入新鲜内容，可以保持搜索引擎的活跃度，同时也能展示网站的活跃和专业，对SEO优化持续产生积极影响。

总的来说，遵循原创性、相关性、用户体验和定期更新的原则，是确保内容优化效果显著、提升网站排名和用户满意度的关键所在。

这是SEO优化过程中不可或缺的一环。

ppt优化原则ppt内容优化原则

1、封面页优化首先我们来看一下封面。

这个页面，我们第一眼看上去是不是觉得他的配色很脏很难看，而且他页面上内容的表达逻辑和包含关系也没有能够凸显出来，整体的构图啥的也是很low。

那，我们怎么改造的呢？第一步要做的就是舍弃它丑陋的3d效果，舍弃它糟糕的配色，还有那凌乱的排版…我们怎么做呢？我们使用他公司logo的配色——白配红，走商务简约风格。

采用的则是白红配色，中间一条明显的左右深浅色块过渡很好的保持了页面的活力，使得更富有变化而不觉那么乏味。

当然，我们也可以在修改之后的基础上做一些小的改动，比如这样~这样~这样~这样~这样~修改前后的对比~2、内容导航优化对于目录页的排版优化，我们则运用设计四大原则——对齐、对比、重复、亲密性，其实在我们做的每一页ppt排版时都应该注意这四大原则，因为他是我们排好页面的必备原则。

3、企业简介页优化对比。

每一页ppt的呈现你都要想想——我想我们观众看见什么，我想我们观众看见的就应该做出强调。

那我们怎么强调呢？可以是字体的加粗、加大，也可以是加一个形状，垫在底下，这个就是四大设计原则里面的——对比。

4、团队介绍页优化5、服务项目页优化对齐。

在排版的时候我们时常要注意对齐，有时候只要我们注意了对齐这一原则之后，页面的呈现也不会差到哪里去。

6、服务流程页优化亲密性。

我们不要将页面所有的东西都黏在一起，这样不仅会导致你的逻辑不清晰了，还会让人看着产生视觉的疲惫。

有联系的元素就放在一起，没有联系的就分开。

7、服务简介页优化重复。

当我们在制作一个页面的时候，我们大部分的元素是重复的，无论是颜色的重复还是风格上都要保持统一, 不要奢望一部作品同时拥有多种风格。

设计中，视觉元素的重复是可以将作品的各部分连在一起，它的目的在于规整页面，增强视觉效果，从而统一并增强整个作品。

而且重复还可以让你很方便的突出你想要突出的重点元素。