首页

巧用色块布局,让你的网站与众不同!

蓝蓝设计的小编

QQ截图20130428163130

Metro UI是一种界面展示技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。同时在视觉效果方面,这有助于形成一种身临其境的感觉。

科普一下:神马是Metro?Metro是由微软公司开发的内部名称为” typography-based design language”(基于排版的设计语言)。最早出现在微软电子百科全书95,后来的产品如:windows媒体中心、Zune播放器都有用到这项技术。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)如今该技术被引入到微软开发的Windows Phone操作系统和已经发布的Windows 8预览版以及Office 15中。

蓝蓝设计 :2012年7月,在大连中软实训基地学习时,老师要求我们分小组开发项目,理所当然地,我担任前端设计和开发的工作。
当我略微得意地把设计好的页面拿给老师显摆时,他给了一个字的评价:”俗!”然后讲,”中国风看起来的确美,但这种美很容易趋于小气和庸俗,远不如简单用色块搭配出的效果。”

也是从那时候起,我开始注意色彩的搭配,也开始用这种观点来把玩一些网页和海报等的设计。
《甄嬛传》再经典,老外们也不会明白隐藏在后宫中的弯弯绕…

40个的创意进度条设计

蓝蓝设计的小编

以前的进度条设计以拟物化为主,现在扁平化风格流行,连进度条也改变咯。蓝蓝设计推荐您看看40款收集的进度条设计,很多是Dribble上的作品,应潮流而生,想瞧瞧扁平化风格的进度条是怎样的,就来看看吧。如果你对拟物化的创意进度条更加有兴趣,那么来这里瞧瞧《18个读取进度条的优秀设计案例》

Loading 也是一门学问,如何让用户等待加载时不烦还高兴,蓝蓝设计推荐您可以看看这篇:《谈谈加载(LOADING)的那点事》,绝对从细节处提升用户体验 ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

如何让老客户回来的方法

蓝蓝设计的小编

曾与一个哥们聊天时,聊到我如何让我的客户经常关注我的网站。这个问题也是我们的很多企业关注的事情,有些企业网站或产品网站回头客只有10%-20%左右。那么我们要如何将过去的客户重新回到网站上来呢?

我们需要知道老客户的联系信息,如电话、邮箱、IM(即时通信工具)等信息。如果没有,就无法与客户重新建立起联系。从多个联系方式中找出一种适合的联系的方法。小维将在下面与大家分享通过邮件营销将老客户拉回来。

1、整理邮箱地址
我们将客户的信息整理出来,最好是有客户的详细信息,如姓名、公司名称、成为客户的时间、邮箱等信息字段。为什么需要这些信息呢?要这些信息是在邮件内容中能够更好的显示客户的信息,让客户知道他们什么时候选择了你的产品,让客户感受到你的服务。

2、制作邮件内容
邮件内容不是促销、宣传信息,是一封向老客户问候的信息。如网站或产品有什么新的动态,活动等,去吸引老客户访问你的网站,继续去关注你的产品。邮件内容中可以在相应的位置加入用户的姓名、时间等字段,让客户更亲切的感受到你们的服务。

3、投递邮件
投递邮件,小维建议使用专业的邮件平台,如EasyEDM邮件营销。为什么要选择专业的邮件平台呢?邮件平台可以管理我们的客户的地址,邮件内容。在邮件内容中加入其他一些辅助功能,如订阅表单。在邮件中插入订阅表单,让客户订阅你的邮件,这样可以知道客户是愿意接收你的邮件。

发送邮件不是发送一次就完事了,而是一个定期持续的方式。计划好每周或每月发一期电子邮件,与客户之间建立起稳定的关系。邮件营销是一种维护老客户最好的营销工具之一,要运用好邮件营销,你就可以保证你与客户之间的稳定关系。

12个为iOS应用设计提供灵感的好网站

蓝蓝设计的小编

专注于分享UI界面的细节,按照设计元素进行分类:

注意:有些网站需要翻墙:(

http://pttrns.com/

app1

http://www.patternsofdesign.co.uk/

app2

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请记得戳开“智能对象”,记得!肯定会有一些同学会说怎么就一个图层,那些页面的详细分层呢?为了给你解释清楚蓝蓝设计做了一张解说图。见下方!

智能对象缩略图

日历

链接

个人资料

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

存档