页面规划走涂鸦，手绘构思有特性

主张假如你的图画颜色较为单一、仅仅由色块或许文字组成的时分能够思考运用gif，由于这么能够减少很大的体积。可是反过来说png能够说是gif格局的替代品，并且实在体现很优异。相同的体现，png的更小。所以这种情况下你仍是能用png就别用gif了。有人说了，你说这么多废话就直接说让咱们用png好了。可是要思考一点，假如你规划的商品面临的用户他们通常选用的浏览器比照老套或许一些旧的移动设备，比方非智能机等。或许说图画质量较差的机器。那你仍是得用gif，由于这些老物件不支持png。gif最多不会多于256种颜色。假如你的图画有许多过渡色、渐变色等仍然得挑选png。

那jpeg和png比照呢?

jpeg适合贮存有许多颜色的图画，由于通过紧缩后能够在网络上较快地加载。那么图画要是富含图形或许文字的话能够思考用png，反之亦然。否则jpg紧缩以后就会变得比照含糊。

关于jpeg本来咱得独自拿出来说说，有些同学也许知道也许不知道，这玩意本来有两种保留方法，一种是规范型，用鸟语讲即是Baseline JPEG，还有一种是渐进型也即是Progressive JPEG。这是一对双胞胎，啥都相同，可是纵使是咱们日子中的双胞胎，许多都相同也必定有不相同的当地，这哥俩不相同的当地即是他~们~的~显~示~方~式~不~同。

规范型的jpeg文件存储方法是依照从上到下的扫描方法存储的。每一行次序的保留在文件中。翻开这个文件的时分，就依照存储时分的次序从上到下一行一行的显现。直到所有的都翻开。所以假如你的文件很大或许用户网络通常、去幻想一下作用吧。本来这种显现方法没啥太大的有点。所以引荐后者。

而渐进型的是屡次扫描。在你翻开的时分会先显现全部图画的概括。然后屡次扫描，图画主见明晰。这个优点无需多言，一起用户在运用的时分能够依据概括大致知道这个图画是啥。假如你的图画很大，能够思考用这种。

比照两种方法，看看后者，这么你的用户体会不就提高许多了么?本来仅仅你保留的时分一个小动作是不是?可是关于用户来讲，那个体会是啥?前者：啥破玩意啊，半响出不来，要不即是一条条的，关掉关掉关掉!后者：哎，出来个框了，等一下，越来越明晰，激动啊!而这个，是不是也和咱们在研究用户体会时，跟进度条的道理差不多呢?

当然假如你的图画是JPEG的规范型的话，你想转化成渐进型，能够这么做：在ps中翻开图画后，

存储为web所用格局】，然后勾选【接连】即是渐进型了。

写在最终，本来这篇文章不管你是规划师仍是商品司理我觉得都能够看一下，虽然是从运用的维度上来说规划师运用更多一些。可是咱们是透过景象看本质。由于你的图画如何运用会对你的商品的用户体会产生很大的影响。这个无需多言，我信任不一样商品的规划师必定都会有自个的感受。所以我仍是给这篇文章归于用户体会这个领域的。作为商品司理的咱们，这一点根本的常识应该去清晰。老肥坚定的以为，只要心中具有完美主义倾向的商品司理才有也许规划出真恰好的商品，那种经常觉得“凑合吧，能够了”，这么的商品司理做不出啥好东西，我也不想做，也不喜欢。