许多设计师认为，将 Logo 居中对齐或者右对齐会使他们的品牌让用户记忆深刻，但研究表明，这种假设是错误的！

但实际上，Logo 左对齐会使用户对你的品牌印象更加深刻，而且 Logo 居中对齐或者右对齐会干扰用户使用导航栏。

右对齐徽标削弱了品牌召回

尼尔森·诺曼（Nielsen Norman）小组进行的一项研究得出的结论是，当 Logo 位于左侧而不是右侧时，更多的用户会记住品牌。他们发现，徽标位于左侧时，“品牌召回率平均提高了89％”。

导语：B端产品是由分子级的组件组成的，包括了基础组件和业务组件。从本文开始，本文作者将陆续分享四篇关于B端产品基础组件的使用法则。本文主要内容是关于“基础和表单”类组件，快来一起学习吧~

一、基础

基础类组件为设计者提供了设计规范原子级的设计指南，从布局、颜色、图标等层面规范了产品的界面语言，指导设计者从0开始搭建产品界面。

几个概念

1. 行内元素

行内元素或者说内联元素，指的是在一行内出现的元素。比如<a>,<span>,<i>等；与行内元素对应的是块状元素，指的是独占一行的元素，比如<p>,<div>,<h>等，关于它们细致的特性和定义，请自己百度。我用大白话来解释下。如果说整个页面容器比作一个背篓，那么行内元素就相当于每条光溜溜的鱼，不管大鱼小鱼都往里放，它们之间可以认为没有空隙，每条鱼占的空间由它自己的大小决定；而块状元素就相当于把鱼装在一个包装箱再放进背篓，每条鱼占用多少空间由它的包装箱决定，即使再小的鱼装进一个大箱子，还是占用一个大箱子的空间。这个例子只是体现出它们占用空间的特性；至于块状元素占用一行的特性，你可以想像成装鱼的箱子是长条的，是不能往上累加的；如果非要往上累加的话，那就是行内块状元素，兼有行内元素和块状元素的特性。

在 HTML 页面布局中，浮动元素被用于控制元素的相邻位置，以水平或垂直方向上排版。了解如何正确使用 float 属性将有助于您对页面进行精细控制。

水平浮动

水平浮动用于将元素排版并行。当元素被设置为 float：left 或 float：right 时，它们就会在文档流中垂直方向上紧缩，直到遇到相邻的非浮动元素或直到页面底部。

上周我们聊了格式塔的基本概念以及格式塔的一些常用方法，那么本期我结合理念以及一些实际案例告诉大家，在UI设计排版设计中，我们如何利用格式塔去排版。

一. 相近原理

相近原理：我们潜意识会把更紧密的事物被视为属于一起为一组。

相近原则，界面设计中我们比较在意间距，间距混乱会导致界面混乱不清。

• 左边：左边A和B之间的间距是50 ，明显大于每组之间30的间距，使用的相近原则，我们视觉上归于一组。

一次做设计对时候，一个同事很好奇的问了下确定按钮是在左侧还是右侧！我这段时间正好有空闲，也很好奇想去了解，所以就有了这篇文章，与大家分享。

一、调研主流规范和主流应用

1. OS系统规范

本文和大家聊下 UI 设计中的一些排版的设计原则，作为 UI/UX 设计师，如何更加有方法的去掌握排版设计，这样能保证你在设计中，界面排版能力到达一个长期稳定的水准，而不是时好时坏。

UI排版4大黄金原则：

1. 视觉焦点
2. 层次结构
3. 视觉重量
4. 视觉方向

现在学习一个是工作界面的其他组成元素。

·最上面是工作界面的其他组成元素，最上面是工作界面的名称，然后是快速防护工具栏功能区，这里是名称栏栏。现在显示的是第六单元格，因为当前许愿点就是第六这个单元格，它也是活动单元格。在任何情况下只有一个活动单元格，活动单元格一般用黑色出现边框标识。

·对于名称栏还会显示单元格范围或是对象的名称。右边是公式编辑栏，在这里输入或是显示单元格的内容或是结构。比如选中第七单元格，它里面就是数字。如果选中第十四单元格就会选择这个单元格里面是一个公式。