首页

2012年度最佳UI动画

蓝蓝设计的小编

damndigital_beautifulpixels-best-of-2012-ui-animations_2013-01

作为一款足够吸引人的app,惊艳的UI和优秀的功能是基本条件,但若有独特的动画与转场效果,则可以大大的增加用户使用的粘性,称霸整个应用平台。具备了良好体验效果的同时,有这样一个意料之外的效果,不但会给用户带来惊喜,更会让人情不自禁的爱上它。

2012年我们看到有不断的热门app得到细化,而一些大公司也最终意识到良好的UI对于一个app的重要性。在过去的一年里,Android应用程序已经得到了很大的改善,iOS则把设计范围越推越广。这里是一些beautifulpixels.com认为在2012年中一些脱颖而出的UI动画。虽然视频演示提供了大致的预览,但相信如果你在手机中亲自体验更能发现它们的魅力之处。

 

Google+ Animation

当Google+开始公测时,每个人都想第一个尝鲜。然而,在Android系统和其他移动应用平台上因缺少一个良好的app,而使得很多人因此望而却步。Google努力优化他们在iOS平台推出的游戏,值得一提的是它们最近发布的app也让人眼前一亮。

而这款Google+iOS应用程序也颠覆了以往的设计,或许会让你爱不释手。其中有很多独特的动画设计,比如,下拉刷新(pull to refresh)。当用户下拉时,会出现4个不同颜色的彩带从左至右,有节奏的从暗变亮,并拉长。同样有趣的是,当你滚动到底部时,载入的新内容同样会出现。从这样的小细节中,我们看到Google的确在app的设计上注入了很多精力。就为了它的动画,你就值得在iOS系统的设备上下载Google+这个程序!

超赞!21个漂亮的App应用网站

蓝蓝设计的小编

dd

如果我说很多iPhone应用网站的设计都颇为精美,相信筒子们不会有什么意见的。看来那些设计师们都敞开胸怀迎接“苹果style”,创造出干净简约又优雅的网站。可不嘛,作为一枚合格的设计师,他们才不会随随便便弄个网站展示他们的app呢,都卯足了劲设计出新颖的版式,配上美美的图片、大量留白和恰当的字体。那么今天呢我们将要带给你的这份灵感清单就是一些绝赞的iPhone应用网站啦,切克闹~

Wedding Party

与你的客人一起,通过这简单有趣的app捕捉并分享你婚礼中的美好瞬间。

21 Beautiful iPhone App Websites

Kelvin

iPhone上天气应用的全新打开方式!简单又美腻哦~

21 Beautiful iPhone App Websites

推荐!6招教你学做餐饮美食类网页设计

蓝蓝设计的小编

screenshot

吃货们有福啦!今天的话题与美食有关,而且是非常实在的经验分享,掌握这些技巧要素。你将会学做一个餐馆及饮食类网站。而且这类网站能给自由设计师提供不错的报酬。如果你打算进行此类设计,那么不妨花上几分钟,看看这篇文章,保证您有所收获。
实践方能得真知,本文通过大量生动的案例来进行深入观察,剖析出那些餐饮类网页设计的亮点所在。

1、图像意味着一切

screenshot
Site: The Claw Bar

图像意味着一切,虽然略有夸张,但是是句实在话。质量垃圾的、丑陋的图像虽然能在常规网站上将就着看,但是在餐饮类网页中行不通。如果你在设计中使用了一些低劣的图片,那么你的薪水和酬劳可能就不那么容易拿到咯。
作为餐馆网页的浏览者,用户的主要兴趣在于食物。网页必须的描述菜品的外观,因此必须要使用图像。槽糕的食物图片对消费者的”杀伤力”巨大,用户会因为图像效果不佳而拒绝买单。

百度知道升级该如何调整策略

蓝蓝设计的小编

百度更换新的“度娘”以后,动作有一点大,早几天网站出现收录和外链大幅度的增长,不过这两天都恢复正常,给了广大的站长一个大惊喜。近日笔者又发现百度在知道进行了调整。

百度知道升级调整策略

笔者做知道有4年多时间,以前回答的问题,近日出现大量的违规处理,比率是18%。违规的原因是回答的广告性质太强,违反了百度的新规。如果你正在做问答推广,你的账户上是不是也出现这样的情况呢?如果没有出现,那恭喜你,在回答问题上符合百度知识协议。

你正在做或准备做问答推广笔者建议你所回答的问题一定要符合网友提的的问题,在回答问题中自然的布入你要推广的品牌词,或者产品。切记不要直接插入广告,这样回答迟早会受到百度的删除。

这些被删除的也是笔者在刚接触网络营销时,做问答推广所回答的网友提问。当时主要就是以广告的目的回答问题,在近日百度再次更新以后,这些以广告为目的的回答被百度知道删除。

面对这样情况,我们该如何调整百度问答推广呢?下面笔者分享个人的调整策略,正确的了解网友的提问,以帮助网友的想法去解决问题、回答问题,字数最好超过100汉字,越多越好。这样做的目的一是可以帮助网友解决问题,二是易被网友采纳并获得良好的排名,三是不易被百度知道删帖。

2013年10大网页设计趋势

蓝蓝设计的小编

2013年10大网页设计趋势
TNW发布了2013年10大网页设计趋势:

1、响应式布局盛行,即一个网站适配多种屏幕;
2、重视字体的选择,使用Web字体;
3、更少的使用Flash,使用其他任何可能替代的技术;
4、苹果iOS的拟物化设计将不再时髦;
5、使用巨大的背景图构造大气的视觉效果;
6、产品和个人介绍页面留出更多空白;
7、更多的社交网络分享入口;
8、浅色、冷色调重新成为主流;
9、移动App将取代一部分移动网页流量;
10、内容依旧为王;

好了,该到我们年终展望新年的时刻了。2012年我们看到一些新的设计趋势在Web设计领域,特别是响应式页面设计。那么跟随我们的脚步,来预测一下2013年的设计趋势吧!

1、响应式网页设计越来越被重视

响应式网页设计

响应式网页设计已经不是什么新鲜名词了,但我们为什么还有说它呢?简单地说:响应式设计的方法会更多且制定相应的标准。2012年通过断点的响应式 设计类适合不同的屏幕,当新的设备比如iPad mini冲击足够大的市场的时候,这种方式将得到改变,断点可能被替换成其他实现方式。

我们认为更多的网站设计将专注于最初的页面设计以响应式,而非单独制定不同设备的模式。这种响应式设计忘记尺寸以便支持多种设备,我们将看到更丰富的页面设计适应不同节点的设备。

一套精致的响应式网页设计模版PSD下载

蓝蓝设计的小编


超赞!难得的一套响应式网页设计模版,分别含iPad界面设计iPhone界面设计PC界面设计

这对最近有响应式设计项目的设计师来说,绝对是不可多得的五星干货!
界面已经上传@微盘 ,下载请戳http://vdisk.weibo.com/s/u6sEw
另外特别说明!本资源经官方授权(Cris)可以免费使用在个人和商业项目中。

温馨提示:下载后打开PSD请记得戳开“智能对象”,记得!肯定会有一些同学会说怎么就一个图层,那些页面的详细分层呢?为了给你解释清楚蓝蓝设计做了一张解说图。见下方!

智能对象缩略图

21个美丽优雅的联系页面欣赏

蓝蓝设计的小编

本周我们向您推荐这21个时尚新潮的网站设计,它们都有非常好看的联系页面。
或许很多人觉得联系页面并不重要,但是在国外,设计师和企业团队是非常注重这个页面的设计和信息展现的,有一个明确的方式让人们获得与你联系的信息是非常重要的。
设计一个好的联系页能让你与客户更好的沟通。从咖啡馆及餐馆的页面到设计工作室的页面,我们将展示几种不同的联系页。
这些设计简洁、轻便、图文并茂并丰富多彩。现在就来感受这些优雅的页面吧:)

相关文章推荐:
一组漂亮的婚礼相关网站设计欣赏
35个超赞的iOS App网站欣赏
70个全球最华丽的互动型单页网站欣赏

Supereight Studio

21个美丽优雅的联系页面欣赏

25个令人馋涎欲滴的网页设计欣赏

蓝蓝设计的小编

蓝蓝设计精选25个与食物相关的网站设计,这些网站的设计主体突出,大部分以暖色调为主,比如披萨、曲奇饼之类的;当然也有一些是走清凉风的,比如冰淇淋之类;还有与爱情相关的象征着甜蜜的粉色系糖果类,更有单页面食物制作流程的酷酷黑色系。

这些网站的主体内容有主食类的,有饼干零食类,有咖啡饮料类,也有甜点类,更有公益性质的。网站的背后有餐厅、有小卖部、有流动外卖、更有食品商。每个网站的所营造的气场需要您点击进去细细品哟:)

Milano

Milano

Culinary Culture

Culinary Culture

从用户出发:移动设计原则小结

蓝蓝设计的小编

从用户出发:移动设计原则小结

蓝蓝设计:本文作者总结了十四条关于移动端产品设计的原则,其提倡的核心原则就是从用户出发,充分考虑用户的使用体验。

一、充分考虑用户的使用习惯

比如大多数人拿手机的时候是双手握还是单手握,单手握的时候是右手操作还是左手操作,操作的时候用哪个手指就能进行操作。考虑到用户的使用习惯有助于在设计时避开手指的触碰盲区。

二、充分考虑用户的使用场景和干扰源

用户使用产品是在什么时间,什么地点,什么环境下使用?譬如,用户经常在嘈杂的环境中使用自己的产品,这时候的干扰源就是噪音,产品设计时应避免使用语音技术;用户经常在拥挤的环境中使用产品,则产品设计时应避免用户过多地进行输入操作;用户经常在地铁等网络环境不好的场所使用产品,产品就应该自动保存用户的信息,防止信息的丢失。

三、尽量减少产品层级

在移动设备上,过多的层级会使用户失去耐心而放弃对产品的使用。如果产品层级确实过深,考虑用一下几种方法扁平化你的层级结构:使用选项卡(tabs)结合分类和内容的展示;允许穿越层级操作,比如允许用户在第一层级对第二层级的内容进行直接操作(新浪微博信息列表页的长按)。

从用户出发 —— 移动设计原则小结

 

界面设计中需要注意的小细节

蓝蓝设计的小编

界面设计中的小细节

界面设计包括哪些细节、如何深入?
我们常说“细节决定成败”,有些界面会让人觉得不精致,缺细节,而这些细节又包括哪些呢?如何去深入呢?

不妨来看本文作者,百度用户界面设计师@JJ-Ying 为您娓娓道来:

  • 界面元素的对齐,我见过很多同学对齐是永远靠眼睛的。确实在布局的时候经常需要做到视觉上的对齐,而不是机械的对齐,但这不是界面元素可以随意摆放的借口,该对齐的内容需要对齐,有时候只是举手之劳,养成好习惯很重要,有点强迫症也不是坏事情。
  • 像素,虽然现在的分辨率越来越高,但是很多图标、按钮的边缘还是最好都检查一遍保证垂直和水平边缘不会被虚化。
  • 界面光源的一致性,一致性是个很大的课题,应该能写一篇论文那么长,细节方面的一致性应该包括界面元素、文字阴影、图标等的光源。假设深色的标题文字用了向下的淡色投影表现内凹效果,那正文就应该避免用深色的文字向上投深色的阴影
  • 图标面积的一致性,这也是一个一直难以避免的问题,而且有很多主观成分,最好的方法是设计的时候放到实际屏幕上以较远的距离查看,是不是有哪些会特别轻或特别重,然后再去调整尺寸
  • 文案,虽然这不是直接的界面设计元素,但是严谨、完整的文案也是给所有设计加分的。常见的问题有中文错别字、英文该大写的没大写、拼写错误等等
  • 别直接使用 Windows 自带宋体 / 黑体里的英文!!!这个不解释
  • 谨慎地使用高饱和度颜色、大差别渐变,我们 GUI 设计师总喜欢把自己当做艺术家,即使 GUI 真算艺术那也是限制最大的一门艺术(天朝的电影、电视剧不算。。。),大家大部分情况下遇到的设计场景没有非常大的颜色空间去发挥,所以一些醒目出跳的颜 色和渐变使用起来要比较小心,否则很容易产生“俗气”的感觉

日历

链接

个人资料

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

存档