首页

50套用户体验极佳的移动UI赏析

蓝蓝 手机及小程序界面设计文章及欣赏

QQ截图20131103211639

UI(用户界面)与UX(用户体验)是密切联系的,优秀的UI界面首先就能从视觉上给用户极好的体验,今天我们从Drrible和Behance上挑选了50套用户体验超棒的UI界面,包括了睡眠APP、天气APP等等,还有对Facebook、Instagram、Ebay等应用的扁平化再设计,都非常棒呦!如果你正在设计UI界面,那么可得好好借鉴学习一下,希望能给你带来灵感 : )


阅读全文>>

微信快速导入QQ、手机好友

蓝蓝 seo优化

微信如今超过6亿的用户,是目前最火热的一种营销渠道,在各种行业交流大会,微信营销是不可缺少的讨论话题。微信也是各行业选择的一种营销工具,但是微信营销上升速度快,很多的企业及商家都是试学阶段。微信营销要进入企业及商家的内部还一小段的距离,要做好微信营销,还需要有良好的策略和技巧。

微信营销商家的营销工具

今天笔者与大家分享一个个人微信账号快速导入QQ好友、手机通讯录的好友,这样类似的方法,在网上有很多,阅读过的朋友就请路过,想再温故的朋友就继续跟着笔者来。快速导入自己的QQ好友,手机通讯录的好友。

QQ好友导入
个人微信上导入QQ好友的方法有两种:
1、在“通讯录”,右上角“添加”,进入以后,看到“添加QQ好友”,点击进入以后显示QQ上的分组好友,然后选择要导入的QQ好友,完成添加操作。
2、在“个人中心”->“设置”->“通用”->“功能”中找到“添加QQ好友”的功能,进入以后,再点击“添加QQ好友”显示QQ上的分组好友,然后选择要导入的QQ好友,完成添加操作。

阅读全文>>

Mac 和 PC 哪个更适合做设计

蓝蓝 前端及开发文章及欣赏

苹果电脑和PC之间,我们究竟该如何选择呢?很多人的答案便是,苹果电脑适合做图,PC适合游戏。也许是由于都这么回答,所以,目前这个观点几乎已经成为一个定理了。那么事实是否真的是如此呢?以小编看来,这个观点可能不尽然,下面,笔者便纯理论的说明一下其中的原因。

苹果

苹果机比PC更适合做图 真的是这样吗?

阅读全文>>

设计师应该知道的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

阅读全文>>

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

蓝蓝 seo优化

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

论坛营销发帖推广

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

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

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

阅读全文>>

推荐!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

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档