首页

如何有好的用户体验?别忘了做错误反馈设计

蓝蓝设计的小编

人非圣贤,孰能无过。互联网产品面向的用户群体是多种多样的,不同的教育背景,不同的行为习惯,这些都使得用户真实的操作和产品设计时的设想会出现一定的出入。

近些年,随着移动互联网时代的到来,用户会在各种千奇百怪的应用场景和环境中去使用产品。坐着还是躺着?在公交上还是在厕所里?处于安静的环境还是嘈杂的环境?这些复杂多样的使用场景使得针对用户操作错误而进行的错误反馈设计变得尤为重要。

产品错误反馈设计举例

产品错误反馈设计

移动UI中的6种主要导航模式

蓝蓝设计的小编

为一本简易的UI模式参考书,《移动应用UI设计模式》非常适合移动应用开发人员、UI设计师阅读,还没买的同学们可以看看这本书关于移动UI设计中导航模式的经验分享。

正如精良的设计一样,优秀的导航也大象无形。不管是浏览好友信息,还是租赁汽车,完美的导航界面设计能让用户根据直觉使用应用程序,也能让用户非常容易地完成 所有任务。一款应用的导航可以被设计成各种样式,但蓝蓝设计想着重介绍6种主要的导航模式,也就是主菜单的导航模式。

navigations

怎样的网站才能打动人心?

蓝蓝设计的小编

最近几年,网页设计发生了翻天覆地的变化,现代设计的趋势从拟物化逐渐向扁平化转移,所以从最近浏览的网页中我们可以发现,网站里的字体变多了,变大了,网页都是以内容为主,最重要的是,网页登陆速度迅速了许多。

而这一切的改变给用户带来了清新、整洁、干净的体验。今天蓝蓝设计为大家整理了一些以清新、干净为主题的网站界面设计,它们都用自己的方式诠释了对扁平化的理解,赶紧来看看吧~

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

向左走、向右走?表单元素设计大揭密

蓝蓝设计的小编

表单的界面设计是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢?蓝蓝设计表单元素ui设计大揭密!

标题和输入框常见的排列方式

1. 放在输入框左边,而且靠左对齐

值得网站开发者收藏的JAVASCRIPT图形图表库

蓝蓝设计的小编

图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和Web应用和项目的可靠性。

在这篇文章中,蓝蓝设计收集了值得网站设计开发者收藏的JavaScript图形图表库,适合各种图表需求。其中大部分都是免费而且开源的,希望大家能在下面的列表中找到适合自己需求的JavaScript图表和图形库。

1.  JS Charts

jscharts

网页设计新招式:火力全开!引爆网页中的视频应用

蓝蓝设计的小编

在网页设计中使用更多的视频,被认为是2014年的一大设计趋势。当然有一些人会坚持大量使用文本/内容,他们认为内容是网站的根基,其他人则认为需要打破传统,因为访客的好奇心是不会满足于单一的内容铺陈的,需要为访客的好奇心制造惊喜。

无论如何,视频增多文本减少的网站的界面设计在过去的几个月里层出不穷。这样的解决方案有其优缺点,但是至少它引爆了人们的激情。只有时间能证明一切。

蓝蓝设计这里收集了一些新的网页设计的例子,它们带来了更多的视觉冲击,感受下。

案例合辑 

Manaz Productions

该网站毫不犹豫地提供了大量视频而故意削弱了文本量,其实并不奇怪,因为这个公司就是视频制作商,着陆页凸显自己视频制作技巧是很有必要的。

1

网页设计中最常见的30款英文字体

蓝蓝设计的小编

关于英文字体,对我们网页设计师朋友们来说一定并不陌生,即使我们很少做英文语系的网站,但在浏览国外

网站设计的时候,大家一定都会有或多或少的认识。其实不单单是在网页界面设计中,很多移动操作系统和浏览器中都广泛使用了今天蓝蓝设计即将介绍的这些字体。

想必大家也都能猜出来像 Arial、Helvetica 这种大名鼎鼎的字体肯定在里面了,那么还有什么呢?一起来详细了解一下吧!

相关推荐:
《平面排版时,教你突出中文美感的几种方法第二集(基础篇)》
《那些年,我们一起追过的字体》
《快速上手!制作ICON FONT》

首先,补充个小知识:

1.网页设计中的英文字体,一般有以下五类:

serif(衬线)
sans-serif(无衬线)
monospace(等宽)
fantasy(梦幻)
cuisive(花体)

网页设计中最常见的无衬线字体

在常见的两种字体风格中,衬线体的笔划感太”过”,不是特别的商业。随着瑞士设计风格的大力推广,无衬线字体变得愈发流行起来。

建议: 个人认为 Tahoma 以及 Verdana 字符编码效果最好 ,适用于多种环境

Arial

字体族科:Arial, “Helvetica Neue”, Helvetica

变体:

Arial:有时称为Arial Regular以便与Arial Narrow区别,其包括Arial、Arial Italic(斜体)、Arial Bold(粗体)、Arial Bold Italic(粗斜体)和Arial Unicode MS
Arial Black:此字体的特色在于其笔画相当的粗,包含Arial Black、Arial Black Italic(斜体)
Arial Narrow:为Arial的细瘦版本,包含Arial Narrow Regular、Arial Narrow Bold(粗体)、Arial Narrow Italic(斜体)和Arial Narrow Bold Italic(粗斜体)
Arial Rounded:包含Arial Rounded Bold(粗体),此字体可在微软韩文字体Gulim找到
——以上来自百度百科

精致的IPHONE原型素材

蓝蓝设计的小编

蓝蓝设计无意中发现这些原型素材,小小地颤抖了一下,感谢网友的无私分享,如果你的作品需要包装并在iPhone上展示,来这儿挑个够吧!

无论哪种角度、哪款样式,都可以在这原型素材中找到,收藏下来,今后就不用到处找咯。

iPhone 5s

instantShift - Beautiful iPhone Mockup PSD Designs

小技巧帮你完成创意十足的网页设计

蓝蓝设计的小编

作为一名设计师,每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来,我们将探寻2013年的设计趋势,这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势,紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然,响应式设计不仅去年是热点,今年依然还会被人们重视。同样,栅格化设计作为最基本的设计,也会被继续延续下去。

这次,蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格,但是今年我们会真正关注它们。

更多留白/负空间

I think I might -

10个小技巧让你瞬间提升网站档次

蓝蓝设计的小编

现在全屏背景的网站界面设计非常流行,如果有同学想要做类似的网站设计,那图片与文字就很关键咯,特别是图片上的文字,从字体选择到配色、排版都需要同学们好好斟酌。
今天蓝蓝设计带来10个小技巧,同学们阅读完可以小试牛刀,说不定加上文字就成了点睛之笔,学起来吧!

你必须首先要有合适的图片,好的排版,知道如何充分利用现有资源整合出最佳效果。如果你觉得你已经做好接受挑战的准备了,那么下面的10个小贴士对你会很有帮助的:

1、添加对比

Pack

1

日历

链接

个人资料

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

存档