转载蓝蓝设计(   www.lanlanwork.com  )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的   BS界面设计 、 cs界面设计 、  ipad界面设计   、  包装设计 、  图标定制 、  用户体验 、交互设计、   网站建设 、平面设计服务

来源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想订阅本博客内容，每天自动发到您的邮箱中，   

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

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

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

Creattica – Mobile Interface

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

Lovely UI

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

Inspired UI

设计精美的应用程序的集合，iphone, android, flat ui, mobile ui。

TappGala

TappGala，展示最佳的移动界面设计作品，赶紧收藏吧。

MobileMozaic

MobileMozaic 是一个在线画廊，iOS 应用设计来自世界各地的最好的选择。

评论(0) 浏览(3439)

什么是响应式图标设计？

响应式设计主要讲的是布局，那么什么是响应式图标？响应式图标设计是一种根据屏幕尺寸来改变图标类型、从而达到更好可读性的设计。

图标为什么要响应式？

怎样阅读内容？时至今日，我们用来阅读内容的平台越来越多。设备、屏幕分辨率、浏览器、平台——我可以拿着5S+Safari+iOS7.0浏览网页，也可以拿着1020+Chorome+WP8浏览网页。

各种选择，各种搭配实在是太多了，这些都或多或少的影响了内容的可读性。而图标作为一种视觉语言，可读性非常重要。

图标设计，首先要满足易于理解。其次，图标的可读性必须高。在小尺寸的情况下，图标设计为了追求更高的辨识度/可读性，可以选择牺牲一点美感。

那么能不能美感、可读性兼得呢？图标设计的艺术便在于二者的平衡，取与舍。怎样设计，让不同尺寸的图标均能展现美感，同时又具备可读性？

我认为，需要根据尺寸范围进行图标响应式的优化

这个理念不是新的。对于栅格化图标来说，这种设计方法很常见。

一如往常，设计师们会对自己希望或者是预期见到的东西做一个原型设想，这些iPhone6概念就是其中的一个原型。不过，关于这些独特的设计有些东西不得不说。

那么新iPhone理念中与众不同的东西是什么呢？大家能注意的最瞩目的就是它在外观上像极了iPhone5，但是屏幕一直环绕到手机边缘。我个人认为这种设计非常简洁，但是从实用性的角度来说，在使用上这个设计未必会很好。不过这一点也恰恰是一直以来我所谈到的用户体验主张。

大家可以从下面的图片中看到，一些设计者把那个空间用于小按键的社交媒体，其他的空间则延续了他们界面的漂亮背景。这种手机边侧延伸非常符合审美，虽然让如此狭小细长尴尬的空间派上更大的用场实在难之又难。

效果图片

因为配色中温暖的红色基调，整个上面的界面非常丰富。顶上的背景极为有趣，很好的应用了不同颜色配搭撞击出来的效果。看到它，你便会被深深吸引。总的来说这个界面并没有太过的地方，因为除了一个简单的三角形标志，一个标题和一个订阅按钮再没有其他东西了。

这张图片展示的是不同寻常的twitter界面，但是它和ios7的设计风格保持一致。大家可以看到twitter app的功能是一样的，但是崭新的涂漆让它看上去像苹果自己的新设计一样。这张图片很不错，我尤为喜欢那些小巧的解说箭头，它们增添了些许设计触感。你是不是也这样觉得呢？

读取进度条设计的好坏直接影响着App的用户体验，因为它可以合理的疏导用户等待的焦虑情绪，通过一种有趣的美学体现程序运行的进度，这样用户就能稍微安心。

调查表明，用户需要进度指示器，尤其是当处理不同的应用程序时。因此，完全的理解进度指示条的趋势对我们来说至关重要。

进度条是多媒体播放器的基本组件，能够允许用户控制媒体播放的进度与流程，快进，或者快退。进度条的图形表现力非常重要，目的就是为了提高用户的趣味性，与此同时构造更好的人机交互界面。

在本文中，我们收集了一些美妙的手机App进度条案例，具有不同的风格和特性。下面我们来一起欣赏吧：）

Smart washer app UI by Hyelim Choi 具有强烈的模糊效果，为的是提炼背景的质感，轻微的透明感，白色的纯洁性，稍微加入了一点粉色，给整个App以热情、女性化的感觉。

dB-METER by Miguel Pires. 高亮的中心，临摹的仪表，非常好的打破了用户的无聊等待时间。精妙的线条韵律以及完美的细节处理让整个UI看起来很精致。

Charging Animation by Corey Lui看起来既整洁又引人注意，具有可爱的写实风格。 绿色的震动的动效用来阐明程序的进度，吸引了用户的注意力，分散了等待的焦虑。

iOS7 design practice by Muhammad Farhan 纯净的感觉，采用了Flat风格的设计，使用了平化的图像，精巧的色调，纤细的字体。硕大的圆环轨道条占据了整个界面的中央，让数据看起来非常的卓越不凡。

蓝蓝写

       iphone4升级后激活不了，成了一块传说中的黑砖。在悲催的那个夜晚，真觉得乔布斯害人不浅，又服气日本软银孙正义（iphone在日本的总代理）公司高人可以把有锁版写的没有bug，现在无可破解。在询问三个维修点后，放弃了恢复手机数据的念头。手机上1324条联系人，有多少人是经常联系的呢？有多少，是想什么时候打过去，就可以打过去的呢？随遇而安，既是一种境界，也是无可奈何，明天太阳依旧升起，一切继续，多少事情等着办，安不安心都得去做，还是安心认命的好。人生大抵如此。有些人因缘际会，又吹散在风中。有些人总是在自己最需要的时候出来，帮助自己。

       感谢我的好邻居，晚上10点钟我去了二家，借来3个手机－iphone4、诺基亚、摩托罗拉、邻居夫妇陪我弄到11点，当时我应该真是好无助。后来心里又好感动，温暖。以前经常一起活动的缘缘小朋友的父母，我们的邻居，近年种种事务繁忙，大家都在创业，已经很少一起玩。在关键的时候，很难想象，如果没有他们的帮助，我怎么办？

    感谢我的好伙伴，慷慨的把一部3000多买的摩托罗拉新手机送给我用。不过我用了以后觉得用户体验不好，还是决定再买一部。

     周六参加了中国移动开发者大会，会上主持人插播了一段笑话：有钱没文化，请用诺基亚； 谁想发神经，赶快买三星； 买了西门子，准得恶心死； 你要买索爱，两月保准坏； 要想死得早，谁就用波导；找不着人嫁，赶紧用松下； 头脑不发达，别玩多普达；想找乔布斯，就买iPhone4；要想有人爱，必须用山寨！

    笑了之后更加坚定要买魅族MZ3的念头。详细询问了一刚买了魅族MZ3朋友之后，昨晚10：30在京东买了一部魅族xz3，今天上午送到，大屏、用户体验好，安卓系统，连包装都那么漂亮、创新。真好！

     周五正好谈好了一个手机安卓系统的界面设计工作，出于工作需要，我需要一部创新的、好用的安卓系统手机，去下载尽可能多的应用软件，去体会、分析。用了摩托罗拉的某款智能手机后，让我真切的感受到界面设计者工作的重要以及必要，那么难用的手机，糟糕的用户体验，难怪摩托罗拉江河日下….

    周六中国移动开发者大会，分别在安卓和ios听了几场讲座，还因为提问，得到一本厚厚的《ios开发指南》，了解了一些xcode在设计中的应用，很开心。美中不足的有一个人想用另一本书和我换，我没有答应，回来后有点懊悔，我先借给他看，再还给我不就好了，还可以多认识一个朋友。

     手机以后将与台式机平分秋色，人们在手机上处理的事务将越来越多，我要好好学习，掌握更多安卓、ios、window8系统知识，设计出更好的手机应用，让人们使用更快更好的软件产品！这是我的使命，也是蓝蓝设计全体人员的使命。

Arrietty：当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。直到最近，各种屏幕分辨率或多或少是同质化的。如今，我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。

在重整旗鼓的热情中，我写了一篇关于响应式排版的博客，这篇文章主要专注于我们最近的实验：响应式字体。如果不知道IA的历史，你可能会错过我们新启动的网站中的响应式排版和设计的一些关键点。我决定从头做起，一步一步解释响应式排版，而不是整理所有文章。以下是第一步。

软件在提高专业人士办公效率的同时，也降低了许多创作型工作的门槛。比如由 FiftyThree 推出的Paper，它甚至可以帮助没有美术功底的人，通过 Paper 来有效且直观的沟通设计想法。

同 Paper 类似，由苹果及 IDEO 前包装设计师 Distler 推出的这款Context (只有 Mac 版) 也想提高设计师的工作效率，同时降低设计的门槛，让普通如你我的人过一把设计海报、书皮的瘾。

简单来说，通过 Context，你可以实时查看你所设计的图案在酒瓶、徽章、巨幅海报、各种不同材质纸张和现实背景下最终呈现的样子，且可 3D 查看。这样做的好处就是，设计师再也不用等样品制作出来，才能判断自己的方案是否真的可行了，即提率节省时间，也能节约成本 (演示视频如下)。

Context 背后同时使用了 3D、2.5D 和 2D 技术，帮助用户实时多方位、更直观的感受自己的作品。而相较一切需要从头开始的 Photoshop，Context 提供了很多表面材质和物件供用户任意搭配选择，节约了大量搭建背景的时间。

网页设计中，切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小，节省下载时间、有效的减少服务器的负担。

以设计师最常用的 Photoshop 以及 Illustrator 为例，都提供了「储存为网页用…」的功能。与默认的存盘模式不同，在这个模式中，软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项：

相信许多人都知道网页设计中最常用的格式不外乎 JPG、GIF、PNG 等格式，但并非所有的人都知道他们之前的实际差别跟到底何时该选择何种格式。经常发生的情况是，选择 GIF 后的输出结果看起来变得很糟，于是 PNG （24）似乎突然间风行了起来，不论图档尺寸是不是因此多了好几倍。

JPEG

由于旧型计算机系统以及文件系统的限制，计算机档案文件名与扩展名被规定为 8.3 的格式，因此 JPEG 的附档名被缩写为 .JPG。JPEG可以说是人们最熟悉的图档格式了，相信在数字相机普及的现在，几乎每台数字相机、照相手机都可以（甚至只能）输出 JPEG 格式的图档。JPEG是一种很典型的使用破坏性压缩（lossy compression）的图档格式，也就是说使用者每次进行 JPEG 的存档动作后，图档的内容都会遭到破坏，这个特性在肉眼辨识下并不明显，但却可以有效的降低图档的档案大小。

如何构建交互模式(选自《iOS用户体验设计》)

一个工作流可以产生大量的交互模式，在功能上每种模型都可以很相似，但在用户体验上差异就会很大了。如何通过具有特色的交互方式创建超越同类用户体验的应用就显得至关重要了。

工作流的定义是所有交互设计活动的基础。我们就是在定义工作流的过程中确定用户与应用的交互方式。你可以根据想要实现的目标，在多种不同的层次上对其进行定义。在有些情况下，你只需要抽象地定义工作流，而不必关注其功能细节和具体的交互方式。这对确定功能集和一般流程之间的关系是很有价值的。而在另一些情况下，你则需要定义用户可能会碰到的所有交互、事件以及状态变化的逻辑，以清晰地勾勒出整个应用程序的操作方式。

亚马逊购买《iOS用户体验设计》

为了进行交互建模，你需要更为详细的工作流，而不是抽象且高层次的工作流，但也不需要过于详细。交互模式的详细程度取决于应用的性质。下面详细剖析如何构建交互模式：

如前所述，交互建模是对应用的整体交互行为进行定义，并规范如何运用或规划这些交互行为来为用户创建具有一致性的、易于理解的交互模式。《iOS用户体验设计》第2章介绍了作为iOS用户体验基础的概念模型和空间模型。分层平面和空间模型这两种概念共同组成了iOS的基本交互模式。可以看到，如果你能够合理运用这些概念，它们就能发挥出巨大的力量。（参见图1-1）

图1-1 iPhone中体验到的iOS空间模型

Default Plane 默认层
Underlying Plane 隐含层
Superimposed Plane 叠加层

在开始交互建模时，你需要以一种抽象的方式进行思考。你不需要考虑具体的功能和内容，而要考虑应用所可能采用的各种不同的交互行为，由此来了解如何使用它们来控制界面上的元素。iOS为我们提供了大量的可选方案，比如，缩放、拖移、轻扫、滑动和滚动，等等。无论是单独使用还是结合使用，这些手势都可以用来创造出有趣的效果和截然不同的交互方式。

今天小编与大家分享一个利用多种网络营销方法来做推广，本次小编只用了百度知道、新浪博客、新浪微博三个方法，使微博的信息在百度搜索首页中获得短时间的排名。现在分享一下操作流程，有兴趣的朋友可以去尝试一下。

首先，在百度知道找到你要回答的问题，根据提问进行详细的解答，最好是超过100汉字以上，越详细的解答在百度知道通过率是非常高的。百度知道问答的技巧在这里不多说了，回答问题不要想留链接、留联系方式，你要想着是怎么将品牌词更好的，更自然的加入到问题中。如下图片：

然后，将百度知道的问题Copy到新浪博客，稍对内容进行修改，并做好关键词锚文本。在博文中做锚文本文章一旦收录就可以给该关键词投票，做得越多，该关键词就可以获得好的排名。博文编缉以后就可发布博文。

最后，新浪博客更新的文章就会自动发布到新浪微博，这个前期需要新浪博客与微博是关联的，才可以做到自动发布。微博发布以后，百度收录了新浪微博的信息就可以获得好排名，然有些并不一定会在首页获得排名，有些会在第二页。