对BMP图像的操作，主要是对图像像素的访问。若图像信息头中的biHeight值大于0，则图像像素是从下到上，从左到右，按行顺序存储的，如图1.16 a)所示；若图像信息头中的biHeight值小于0，则图像像素是从上到下，从左到右，按行顺序存储的，如图1.16 b)所示。在存储的时候，必须保证每行的字节数为4的倍数，若每行的字节数不为4的倍数，则每行末尾补0。

学一门技术要怎么学？

怎么把左边的文字变成右边的排版？排版的思路是什么？我的理解是用对工具、画对形状、填对颜色、摆对位置，把画面的元素做组合或者拆分。这么做的目的是什么？一个是让版面容易阅读，结构清晰，能快速的找出信息，准确的传达信息能够引起观者的共鸣。

学这样的技术要做哪些准备？学习其实就是学吃苦，吃体力的苦。繁重的设计任务需要自己动手，有时要熬夜做重复的修改动作。吃自律的苦，学习有时候是枯燥的，这种枯燥也是孤独的，是否准备好克服这种无助和不安？吃脑力的苦，技术不是机械的记忆知识，需要不断的思考为什么要这样做，培养解决问题的能力。

导读：滑块验证是一种极验类型，用于用户登录时人机识别。该方式相比较于图形验证码、滑动拼图验证、点选验证等验证方式，操作成本较低。

一、要实现的效果

1、默认显示滑块、背景及提示文案。

2、滑块仅允许向右水平拖动，切不能超过背景区域。

两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余宽度由另一列撑满，

许多设计师认为，将 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系统规范