首页

图片压缩原理与优化

蓝蓝设计的小编

未标题-333

前言:该文收集了前辈们的一些关于图片优化的技巧,在此收拢到一起,对于各个方法的优化原理做了一些研究,希望能给大家对于图片优化这一块起到抛砖引玉的作用。

提到图片,我们不得不从位图开始说起,位图图像(bitmap),也称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时,可以看见赖以构成整个图像的无数单个方块。

常见的格式中JPG、PNG、GIF亦属于位图,所以它们的数据结构大致相同,只是每一种图片格式都有不同的压缩算法,不同的扫描方式,但是优化的方法都有一个共同点,都是围绕着每个像素颜色值来下手,具体如何进行优化呢?
下面来给大家介绍一下图片的一些基本原理和优化的方法:

1.JPG原理与优化
JPG是一种对彩色或灰阶之类连续色调图形作压缩和解压缩的标准.这个标准是由ISO/IEC JTC1/SC29 WG10所订定。
压缩算法为正、反离散余弦转换,如下图:

设计中的平衡理论

蓝蓝设计的小编

这个世界上到底没有设计的法则?上个世纪初,奥地利及德国的心理学家创立了格式塔理论(Gestalt),该理论旨在解释人类的行为是如何与视觉经验产生关联的。格式塔理论解释了我们的眼睛对一个事物及对象的理解是一个综合的体验,而不仅仅是我们所见的简单叠加,它还包括我们以前对该事物及对象曾经有过的感受。我们不是心理学家,但作为一个设计者,了解格式塔理论对你在设计的把握却非常有帮助。

平衡无处不在

无论你是有意还是无意,平衡感对我们的视觉判断产生非常深刻的影响。格式塔理论关于平衡的原则阐述了人类在观看任何东西时其实都是在寻找一种平衡稳定的状态。

如果你仔细观察,平衡对称稳定的状态在自然界中是无处不在的。留意上面的几个图,我们在观察这些对象时,当我们的视线集中在中心位置时总是会感到最舒服。这是平衡理论最重要的要点。

设计美容院折页册子

蓝蓝设计的小编

精心挑选的图片加上清晰字体,我们可以呈现一个吸引人的美容小册子的设计。

凯莉在加州经营一家规模不大的名叫“London Hair Fare”的美容院,主要服务项目包括面部美容及蜡乳脱毛(waxing spa) 。该店光顾者甚多,而且那些潜在的顾客对该店的服务已经有所了解,所以她需要的宣传册子是属于那种基本型的版式——一张由信纸折叠而成的宣传册子,能够简单清晰地传达出该店的服务项目。在宣传上并不需要刻意去“叫卖”,也无需采用直邮方式。其册子主要通过人手派发及放置在店内由顾客任意取阅。

平面广告展示小技巧

蓝蓝设计的小编


平面广告展示小技巧

文字:不易觉察的巧妙变化

在你下一次做折扣海报时,你可以将OFF这个字与百分比结合在一起,变成一个意思仍然清晰及干净的字体组合,小小的变化已可见你的心思。

94fda16aab5b7808ae6570425d474a6f3 平面广告展示小技巧

fd5dd8227c026bfa4f39755a9784cfd03 平面广告展示小技巧


如何设计出优秀的 App 导航栏

蓝蓝设计的小编

【导读】为了在手机屏幕给定的范围内展示出更多内容,优秀的导航栏设计将起到关键性作用,对于不同的操作也当因地制宜地选则不同的设计方案。

  导航的设计是 App 设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让用户轻松到达目的地而又不会干扰和困惑用户。

  经典导航:tabbar

  Tabbar 的导航方式是由谁发明的笔者不得而知,不过相信大家都同意是由苹果将其传播开来。不仅很多苹果的官方应用采用了这种设计,苹果同样大力推荐应用开发者优先采用这种方式。从某种角度来说,tabbar 基本就是导航的标准设计。

如何设计出优秀的 App 导航栏?,互联网的一些事

手机产品设计之用户引导

蓝蓝设计的小编

useredu1 手机产品设计之用户引导

在手机产品的设计过程中,由于手机界面的承载能力有限,产品功能的不断膨胀,必须要在用户打开应用之后告知他某些新奇的功能,引导他完成某些主要任 务流程,让用户不至于迷失在陌生应用中不知所措。帮助用户快速掌握应用的使用方法,体验到应用的乐趣,新手引导成了一个必须考虑的设计环节。

用户引导的直接目标是帮助用户更好的使用产品,终极目标是提升用户满意度。虽然,大多数情况下,我们可以通过合理的设计,尽可能的简化功能,让用户 无需引导和帮助,就可以完成必要的任务。但是实际上,手机产品的限制和对强大功能的追求,导致这个目标很难达到,因此越来越多的应用开始使用用户引导来帮 助用户快速熟悉产品。


杂志类网站客户端的阅读体验

蓝蓝设计的小编

随着苹果iPad的推出,电子杂志类行的应用大受好评,电子阅读需求量不断增长。传统纸质出版物的良好的视觉效果,互联网巨大的信息资源库,将这两者集合在一起就会诞生非常好的杂志客户端应用。这种杂志型客户端应用的最佳代表就是Flipboard。

2010年iPad最佳应用是Flipboard。集合了Facebook和Twitter的推动内容,辅以格式排版,让用户得到了无限量的优秀资源以及良好的阅读体验。

漂亮的CSS弹出窗效果

蓝蓝设计的小编

网页设计中弹出窗一般用于简短的文字介绍,是十分常用的一个代码。通过CSS3动画样式,我们可以实现不同交互的弹出框。

css-window-effects

下面这个DEMO演试有19种不同动画效果的弹出窗,如向上、向左、右、全屏、渐变展示等等。

css-window-effects2

在线演试 代码下载

响应式WEB设计展示必备 – PSD

蓝蓝设计的小编

你最近是不是设计了一款时尚潮流大气国际化并支持Responsive Web Design布局的网站界面?然后准备向客户展示一下你的才华?我知道你很牛X,但先别急哦,接下来加上这个RWD – PSD装备才是最完美的组合。

RWD相关展示工具:超方便的移动、平板设备在线截图工具

用APPLE系列的产品设备UI来作为展示,我想这是最适合不过了!PSD分辨率:1400×800 PX, 这个满足你高清的欲望了吧?

PSD素材有二个版本,下面展示的是

2013流行的绿宝石配色的网页设计

蓝蓝设计的小编

让我们一起看看网页设计师是如何运用“翡翠绿”来配色。

绿宝石配色的网页设计

Popular color for 2013

这里也有一些关于翡翠绿的介绍以及作品欣赏

2013年流行设计色 - 翡翠绿

查看网页

 

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档