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

腾讯财付通设计中心 Jia ：提到图片，我们不得不从位图开始说起，位图图像(bitmap)，也称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时，可以看见赖以构成整个图像的无数单个方块。
常见的格式中JPG、PNG、GIF亦属于位图，所以它们的数据结构大致相同，只是每一种图片格式都有不同的压缩算法，不同的扫描方式，但是优化的方法都有一个共同点，都是围绕着每个像素颜色值来下手，具体如何进行优化呢？
下面来给大家介绍一下图片的一些基本原理和优化的方法：

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

反离散余弦转换即把整个流程反转。

这里的8X8像素区块是我们JPG优化方法的重点，在之后会涉及到取样、区块量化、扫描的步骤，然而取样、区块量化这两个步骤将是导致图像失真的过程，也是我们优化工作所涉及到核心部分。

取样：

好东西越来越多了，免费的午餐也越来越多了，如果你买不起付费的素材，可以先用免费的应应急，而且不少免费素材也不差。
在本篇文章中，你可以看到很多熟悉的“老面孔”，没错，本篇便是十一月份UI设计素材精选。

一应俱全的PSD模板：包括iPhone、iPad以及其他移动设备的UI套件（包括的5s,iPad Air)、线框图、展示效果图（分层的、实物的）。

所有模板均为免费（有的是限免，所以抓紧），各位请一一挑选吧。

推荐阅读：
《怒赞！50套万里挑一的设计师专属精华资源包》

iGravertical Screen Layers + iOS 7 Screen Converter

Isometric Perspective MockUp

设计师们还没更新模板吗？这是优设10月份搜寻的UI模板，总共有27款，大多数为扁平化设计，都是免费且的，希望这些收集能给你正在进行的项目一点帮助 : ）

同样精心收集，希望对你有帮助 : ）
52款新鲜免费的优质界面PSD下载
50个超赞的免费设计师工具资源下载

Apple Product Line Wire Frame PSD by Rubayath

Chrome UI Kit v.2 by Todd Hamilton

曾经，CSS 画廊非常流行，网页设计师们会定期访问这些网站获取灵感。现在仍然可以方便迅速找到令人兴奋的东西（例如 Dribbble 和 Behance 对设计有很大的帮助）。

对于移动应用程序设计，存在类似的画廊，我相信他们会更加有用。这是因为如果不安装移动应用程序，灵感更难获得，也更需要时间和努力。这12个画廊有很多漂亮的应用程序用户界面，并进行了很好的分类。赶紧收藏吧！

优设好文：
强烈推荐！你应该到这里寻找网页设计灵感

Creattica – Mobile Interface

Creattica 是一个灵感画廊，展示最好的网站设计，标志设计，平面设计，摄影，作品。

Lovely UI

收集各种移动界面元素，启动画面，按钮，导航，通知等等各种组件的设计。

蓝蓝设计其实在最早做设计的时候，就是设计银行的客户关系管理系统以及电商网站的后台管理界面。

做那种界面的时候，和设计网页的感觉不一样。因为得考虑的不只是美观，更多应该在操作体验及视觉舒适度上下足功夫。

这种界面会成为管理员长时间驻留的地方，会有很多数据表格。如果我们的配色太鲜艳或者太暗沉，都会让使用者遭受眼球上的磨难。

而且一些按钮和操作焦点没有做好区分和规范，那都会是致命的。

关于界面中的交互，这里蓝蓝设计送上前辈们留下的一句金句，非常经典，也很好记:

1、操作前可以预知；
2、操作中有反馈；
3、操作后可撤销；

不管怎么样，这三句话，你可以牢牢记住。这是只可意会不可言传的。等到你钻研达到一定程度了，自然就会明白咯。

而视觉方面的注意事项，其实大家都知道，依然是不要超过三个颜色。这点大家虽然都知道，可是在实际设计的过程中，会不知不觉的用多一些颜色出来，而且还潜意识说服自己：“这个加上也不错，干脆就用上吧。”整套设计稿出来，全局观察的时候，结果就有些混乱，干扰到数据的主视觉区域了。

好吧！今天就为大家带来speckyboy上收集整理的一些dribbble上的精华作品。我相信，这些作品惊艳到你甚至临摹不过来，不信可以试试哟：）

Device Dashboard

在今天的移动 App 界面设计中，你可以看到不同创意类型的视觉效果。特别是在 Dribbble 上面，有很多应用程序的 UI 概念设计让你惊叹。当然，他们大多只是作为一个概念设计，可能永远也不会成为一个真正的应用程序。

但如果你想获得灵感，那很有必要看看下面这些极具创意的动效设计。

你还可以来看一下这些：
《关注App设计！20个漂亮的扁平风格移动端界面》

Unlock Concept

Slide Concept

Portfolio iPhone App

App Concept – UI

互联网界一直在有提倡简约设计的声音，可简约设计有什么小技巧？

作者：龙泰 一个学日语的产品经理。爱猫，爱吐槽。现在在做智能手机的Rom。

谈简约设计的书籍有很多，互联网界也一直在有提倡简约设计的声音。有人说，看国内的各大门户的设计，通通都是文字和功能的粗暴堆砌，难道中国人真的不擅长设计简约吗？

产品长什么样是跟产品的受众有关的。我们看国内电视购物，从来都是以“有多少功能”的方向来推销产品的。或许我们的目标受众就是喜欢大而全的东西，并不是设计师和产品经理的错。为了迎合大环境的产品需求，我们不得不用各种可有可无的功能点来吸引用户。

臃肿易烦腻，简陋生欲望

产品功能多并不是好事，臃肿的功能会让产品本身的定位和识别度变得稀疏，同时带来的是在视觉和心理上的压力。也会让产品显得没有深度，感觉像是一下子就略过了前戏进入高潮了。初期的版本，只要保证那些能让产品的概念成立的关键功能点和特性就行了。

优异的用户界面可以让用户用得顺心，从而提高转化率(conversion rate)，换言之，好的 UI 在使用与销售层面上形成双赢。本文整理了16点优化用户界面的方法，希望对大家有所帮助。

文原作者加拿大UI设计师Jakub Linowski

单栏型式优于多栏

单栏型式让你更能掌握自己的内容，从顶部到底部一气呵成，用故事引导读者，最终是要诱引他们「采取行动」(call to action，下称CTA，意指下载或消费等目的);而多栏反而可能导致读者分心。

不要劈头销售产品

「略施小惠」给使用者，贩卖的意图不要设计得太明显。小小的优惠或礼物，对未来的销售会带来大大的帮助。

统一相似的功能，避免支离破碎的UI

浏览网站时，我们很常看到琳琅满目的元素或特色，但它们的功能毫无二致，而相似的选项太多，只会提高让使用者无所适从。倘若发现自己的网站内有以不同 型式重复相同功能的状况，不妨考虑重新设计UI，把类似功能整合起来。譬如图中「Customer Service(客服)」、「Contact Us(联系我们)」其实是一样的意思，应当保留一个选项就好。

揭开iOS7扁平化的外衣，深入探索苹果的新式设计语言，一起来猜想一下新的设计风格是如何在iWatch iTv iCar上实现。

当谈到Jony Ive，我们就不得不谈到他在iOS7上的大改造，普遍看法是，这种改变仅仅是外观上的改变，换汤不换药。

iOS7的神秘面纱于2013年6月揭开，设计灵感来自德国已故传奇设计师Otl Aicher。
Jony Ive在iOS上决定采用扁平化风格，这就意味着以下几点风格的转变：

1、用色愈发大胆、鲜艳；
2、界面会拥有更多的留白空间，让元素更好的呼吸；
3、字体运用会更加优雅灵活；
4、即将使用大量的几何形状。

这就是Jony Ive摒弃拟物设计的原因。iOS7的推出，也可以看成是Jony Ive对拟物设计的宣战。

iOS7的扁平化设计非常”万金油”，不但适应了今天的iPhone以及iPad设备，也能够应用于未来的iWatch,iTV,iCar等设备。

越来越多的传统企业拥抱移动互联网，以补充完善原有渠道的目标推出自有企业的品牌app，比如传统杂志社设计一款电子杂志app、传统实体店商家推出电子商城app。这些传统的做法已经司空见惯，让我们看看品牌大牛们有哪些不务正业的新玩法。

本文不谈趋势、不谈技术，也不涉及广告营销思路。通过分析研究以下八大品牌app案例的设计表现手法，总结出一些品牌app创新设计要点，希望与大家进行交流探讨。

【案例一】UNIQLO——清新型格的数字化生活工具

UNIQLO是一个拥有出色创新基因的日本服装品牌，UNIQLO品牌所倡导的Life Wear（服适人生）哲学——“Clothes for a better life, for everyone, every day”不是单纯将“衣食住行”的“衣”作为一种时尚，而是创造丰富人们日常生活的衣服，基于这个概念发表的各种数字化生活工具被归类为“UNIQLO LIFE TOOLS”，下面就来介绍一下这些apps——UNIQLO WAKE UP、UNIQLO CALENDAR和UNIQLO RECIPE。

UNIQLO WAKE UP

作为一个工具型应用，UNIQLO WAKE UP的欢迎语 “在随着天气而变化的音乐声中开始新的一天，分享您的起床信息” 道出了它与其他闹钟app的不同。它集天气、音乐、社交功能为一体，把起床和天气联系起来，配以的美妙女声播报，原创背景音乐则是由世界知名音乐人Cornelius和菅野洋子合作完成。

小伙伴们可去官网感受下：http://www.uniqlo.com/wakeup/cn/pc/index.html?high=true

打开app默认的是天气/时钟界面，清新明亮的大色块平铺十分迷人，不同天气会自动切换不同背景色和音乐。