标签归档：图片

聊天缩略图背后的故事：你不曾注意的那些细节

2017-04-15 | 视觉设计

这里我们主要讨论聊天列表中展示的缩略图，缩略图通常是将图片内容进行一定的缩小展现，或裁剪展现，主要有两个目的，一是提供一定的预览功能，二是节省屏幕展示空间、节省流量。

2017-03-25 | 前端技巧

如今开发一个网站不是响应式都不好意思拿出来，那么作为响应式中的重要一环「响应式图片」你又是如何解决的呢？网站的平均加载已经到了近 2MB 并在不断地增加中，其中图片占据了绝大多数流量(63%)。可以肯定的是网页已经有了严重的大小问题，而图片就是罪魁祸首。

2016-09-20 | 图像处理

点九图，是Android开发中用到的一种特殊格式的图片，文件名以”.9.png“结尾。这种图片能告诉程序，图像哪一部分可以被拉升，哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。

2016-07-26 | 视觉设计

想让你的图片一秒变得有逼格？试试在上面加点文字吧！今天@笔戈科技的兽兽同学分享了几个简单实用的加字方法：隐形线，隐形框和超级放大法，分分钟从《乡村爱情》到荒诞电影海报。为了您和他人的用眼安全，请仔细阅读以下这份加字指南。

2016-07-06 | 视觉设计

为什么UI设计中，用户的个人头像大多是圆形的？大舌头藉由归纳网路社群中专家的讨论，逐步厘清这个秘密

2015-12-09 | 视觉设计

最近帮一个师兄做一个PPT，用了几乎每个人都听说过的扁平化风格。于是趁热打铁，我找了一些扁平化的作品和文章看了，自己对扁平化做一个总结，希望对你ppt抑或海报设计有所帮助。

2015-11-26 | 图像处理

对于TinyPNG，很多小伙伴可能并不陌生，TinyPNG是一个在线图片压缩工具，对于PNG图片（或jpg图片），它可以将无法通过普通软件压缩的图片进行独特的二次压缩，达到节省资源的目的，通过TinyPNG的压缩，我们发现，一般的PNG图片甚至比jpg文件都要小，

2015-11-10 | 视觉设计

大图在视觉上更吸引人，但是如果没有适当的排版反倒会影响用户的体验效果。俗话说，一张图片胜于千言万语。人类是视觉性动物，图片更能吸引人的注意，是传达信息的重要方式。随着互联网和显示设备的发展，越来越多的网站使用引人注目的大图片方式来吸引用户的注意力，同时，对用户来说也是一种视觉体验。

2015-06-22 | 图像处理, 界面设计

编者按：今天这篇是国外某位亲历WWDC 2015的设计师写的，他把官网视频里提到的小技巧都提炼成图文分享出来，特别实用，推荐学习 >>>

2015-05-10 | 移动前端

承接上文《玩转HTML5移动页面（动效篇）》，上次说的是让页面动起来的一些小技巧。而页面动起来的根基是功能可用的页面，因此有必要分享一些优化细节的技巧和方向，熟悉掌握一些方法论还是会对页面开发大大提高效率的，并且也能防止疏忽缺漏。

2015-05-02 | 图像处理

2015-04-18 | 神器推荐, 职场生活

每天早上醒来，打开手机或电脑都会有大量的信息扑面而来，这就是如今我们的生活。开始你会兴奋，发现知识的海洋真正向你张开了怀抱，你能轻松地获取到大量想要的信息。但渐渐的，你会变得焦虑，面对海量的信息感到迷茫。

2015-04-03 | 基础知识

无论是设计师，开发者或摄影师，只有了解图片格式的区别，才可以针对不同需求选择合适的图片格式。这类基础常识，多少得有点印象 >>> 以下列举了6种常用图片格式，以便你使用某种时，明了其优缺点。

2015-03-05 | 原型设计, 素材

画图——这项古老而精细的做法，是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图，甚至UI视觉图……真是一图未完一图又起。而工作时间越久，就越发现其中的奥妙：好的东西，总是最后几乎一样，那么我又何必每次造车轮子呢？

2015-01-27 | 移动前端

移动H5前端性能优化指南[托尼托尼研究所] 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB