首页

设计师应该知道的16个UI优化秘诀

蓝蓝设计的小编

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

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

单栏型式优于多栏

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

优设网 16个UI优化秘诀

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

蓝蓝设计的小编

dd

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

Wedding Party

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

21 Beautiful iPhone App Websites

网络推广之论坛营销发帖推广

蓝蓝设计的小编

网络营销推广中论坛营销也是很重要的营销推广方法,有些朋友利用论坛营销获得了不错的营销效果,有些朋友就不尽人意了。那么什么是论坛营销呢?论坛营销是利用论坛这样的网络交流平台,通过文字、图片、视频等方式来发布要推广的产品或服务信息,让潜在客户了解产品和服务,购买营销推广的产品或服务。

论坛营销发帖推广

论坛营销有什么作用呢?论坛营销推广可给网站增加外链,发布广告可提升品牌的知名度,为网站带去精准的、高质量的流量等作用。

下面小篇给大家说说论坛营销发帖推广:

了解论坛规则
找到一个论坛不是打开就注册成为会员就开始发广告信息,而是需要查看这个论坛的人气、发帖量等等信息,重要的是了解这个论坛规则,了解发广告的版规等信息。了解了发的帖子就会受到其他网友的关注和阅读,了解规则发的帖子就不会被删除,账号也不会被封号。

推荐!Web中文字体应用指南

蓝蓝设计的小编

Web 中文字体应用指南

蓝蓝设计:在 Web 设计上应用字体是一项基本技术,同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了,合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧,在这里不做赘述,只推荐一套非常好的视频:Fundamentals of Design by CodeSchool

相关好文:
新手入门:选择字体的五个原则
浅析中英文基本字形的演变和发展
2012年度最佳移动网页字体设计
推荐!跨平台字体效果浅析

而真正的挑战在于中文字体,由于中文字体组成的特殊性导致其体积过于庞大,除了操作系统内置的字体之外,我们很难在网站上应用其他的字体。在可选性很差的前提之下,如何正确的使用中文字体呢?

首先,以下的字体声明都是很糟糕的,切忌使用:

10个增强Web字体排版的jquery插件

蓝蓝设计的小编

虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展,但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件,它们允许我们润色字体版式并创造出更多超级酷的效果。
不得不说,网站本身也创意十足,个性满满哟:)

Lettering.js

Lettering.js example

Lettering.js 是最简单最流行的网络版式插件之一。通过分拆每个文本,并将每个字母放在定制好的<span>中,该插件能够让你精准的操控标题版式。使用它小心的调整你的字距或者添加各式各样的CSS,从而让每个单词都有超级赞的效果。

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

蓝蓝设计的小编

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+这个程序!

日历

链接

个人资料

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

存档