很多图片，本身并不是完美的，尤其是边角区域为白色的时候，如果不处理的话，很容易和白色背景融合，那么我们该如何处理这些问题。

 

于是我们在图片的边缘处增加了秒边，有效的解决了这些问题，或者改变与图片融合的背景，把他们改为灰色，这样就和白色产生了对比

在展示团队成员照片的时候，很多设计师在展示团队成员照片的时候层次不齐，破坏了整体的统一性。

 

经过调整后让整个图片在画面中的比例大小都保持一致，有效的解决了这个问题。

上列一排图片展示中，又暖色有暗色，有亮有暗的整个极不统一。给用户视觉上造成不便。

 

经过调整后让整个图片在色调明暗处理上保持了统一，有效的强调了画面的一致性。

图片的长宽比例数值，这里在视觉上轻易看不出来，但是如果给开发人员的时候，就会出现这个毛病。

 

经过调整后的图片比例，长宽都为偶数，这个时候便于前瞻工程师在开发适配。

关于图形化的配置出现茂边，也是很多设计师会出现的问题。

 

所以在绘制的时候一定要注意细节，避免出现茂边的情况。

一般在网页字体开发的时候，发现不少同学会用到15/17这样奇数值大小的字体。其实这并不利于系统的显示。

 

经过调整后显示的12/14/16等偶数值的字体，一是让整个字体显示的时候没有茂边，而且有利技术系统的显示渲染。

上列字体段落看起来是不是很吃力，每段字体相互干扰。给用户造成极度困扰的阅读。

 

经调整后字体段落显示为字体数数值的一半让段落之间有了透气性，极大提高了字体的阅读性。

上列字体段落在视觉上给人感受不到有标题的存在，标题和段落之间的对比使用户容易混乱。

 

调整过后的设计，标题加大了，一段增大段落字体的大小，与段落的间距也是行间距的倍，使用户在阅读的时候，清晰明了。

上列段落中的标点符号，有的很近，有的很远，这样的设计很容易让人感到设计人员不专业的行为。所以在视觉上也得不到统一。

 

上列字体的标点符号进行调整，让他们之间保持了一致性，使得我们的设计变得更加严谨。

英文字用英文字体，中文字用中文字体。很多设计师对于中英文字体的运用比较模糊。所以导致英文字体看起来别扭。

 

上面英文是修改过后的，运用了英文字体。其实啥也不用说了，这是每个设计师最基本的知识。

上面一行文字是否看得很吃力，是的。因为汉字的信息量极大，每个字直接没有空格，紧密的挨着在一起。所以用户阅读的时候比较吃力。

 

下列文字每行展示字数控制在35-45字之间，是用户阅读的时候最容易吸收和理解的。别问我为什么，这是长久以来研究出来的数据。

 

 

上面是不是给你一种刺眼和不舒服的感觉。是的这也是很多设计师所犯的错误。

 

所以在调整后我们可以适当地减少面积。保留了大量的留白，让客户更容易接受。

上面色彩大面积会给用户一种刺眼的感受，主要是设计师没有敏锐的色彩感知能力。

 

经过调整后将色调的明度调整在用户能接受的阶段之内，主要考验设计师对色彩的感知力。

上面图片字体配色使得整个画面显得乱，因为背景包含了很多色彩，然后文字对色彩又是一种偏蓝色的色调，所以导致让用户无法进行视觉聚焦。

 

经过调整后将文字的颜色改为了非彩色，可以用白色或者黑色，具体根据背景色彩的明暗来决定。无论背景色如何变化都不会干扰用户的视觉

上面用色在色彩上是非彩色是正确的，但是却没有给用户穿搭出图中的意境，这是为何呢？

 

经过调整后的文字吸取了图片中的颜色，一般适合在图片中色彩较少的情况下可用，这样就使得文字和图完美的融合在一起。

上面设计中用户到底需要哪一个文字，是不是有眼花缭乱的感觉。

 

经过调整后的文字采用两种色彩，彩色和非彩色的搭配，给用户传达出简介清晰的感觉。

上面的色彩给你的感受是什么，所以不用色彩之间是不适合相接触的，尤其是高饱和的红和蓝两种色彩。

 

这里我们把他们分开后两种色彩相互对比相互不冲突。

 

这样杂乱不堪的设计图层，不管是你的设计师还是开发人员都会让人抓狂。

 

经过调整后的图层，是不是看起来很整洁。这样一看就是很专业的设计师。

很多设计师喜欢把背景上浮动文字，设置透明度来改变文字的颜色，这样是很方便，但是是很不方便开发人员进行文字色彩取色的。

 

所以我们在设置文字色彩的时候，一定要避免设置文字的透明度。

 

还有很多基础的问题保留在下期更新

原文链接：http://www.zcool.com.cn/article/ZNDcwNzI4.html