首页

如何有效布局信息繁杂的网站?

蓝蓝

互联网信息时代,很多内容为主的网站都信息过载,这导致了载入速度过慢。电商网站如此,新闻类网站也是如此,而一些UI设计师作品集网站或者设计机构的网站设计也是如此,老实说,作为设计师,应该避免信息过载现象的出现。而一旦你掌握这些技巧,那么你离高薪酬的资深界面设计师也就不远咯。今天蓝蓝设计的的这篇文章,涵盖了一堆信息量大,但是却不杂乱的网页设计,具备愉悦的即视感。不吹牛,您可以挨个点看感受一下:)

Butterfly
信息密集的作品集网站,设计师很有技巧的利用色彩和扁平的图像来中和”繁杂的信息”

Butterfly

你应掌握的11个创新布局技法

蓝蓝

越来越多的网站设计师开始知道,进行布局设计时需要用到栅格线。但是对于老手来说,栅格线不是唯一的可选项,这些老手经验丰富,基础扎实,他们懂得怎样去创新,懂得用新颖的设计完成目标。条条大路通罗马,他们会凭借自己的感觉去摸索成功的方式,而最终的效果却更出彩。

栅格线与界面设计的关系可谓源远流长,对栅格线应用的熟练程度可以衡量一名UI设计师的水平。蓝蓝设计今天分享11个创新布局技法,废话不多说,看看这些UI设计师们是如何打破规则的吧。

1. 阶梯状布局

cannes-2013-landscape-poster-n1445-1

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

蓝蓝

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

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

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

更多留白/负空间

Nate Hanson

如何自适应不同的分辨率界面?

蓝蓝

随着移动端设备的猛涨,现在UI设计师们做网站设计也要经常考虑如何适应这些不同分辨率的屏幕了。今天蓝蓝设计分享一些关于自适应不同分辨率界面设计的几个技巧,非常实用,建议同学们学习一下 :)到的页面效果是一样的。

一、PC端

【举例1】http://up.qq.com/2014/life/  1920*1080下显示。

adaptive-resolution-interface-how

怎样制作一个时尚的网页!

蓝蓝

UI设计师想学习做时尚网站吗?购物网站、时尚作品集、时尚部落格或者杂志都可以呦,这些网站界面设计的一个特点就是——都灰常受欢迎。怎么样,你也心痒痒了吧?我相信在你看蓝蓝设这篇文章的同时,就已经下定决心做一个自己的时尚网站设计,所以话不多说,直奔主题。今天要跟大家分享的是关于设计时尚网页的一些知识,希望你能有所收获~

How to Create a Fashion Website - Latest Effective Practices and Tips

提高网站可用性的经验指南

蓝蓝

我想每个人都会赞成,网站的可用性是它能否受欢迎的一个重要方面,无论你进行的是公司网站、在线商店还是其他,让你的界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面优化的研究,而且这些研究的成果对于提高网站可用性是非常有价值的。现在蓝蓝设计这里有10个超实用的经验分享,相信我,这些建议会极大地提高你那个网站的用户体验,让用户爱上你的网站设计

 

一、善用人物配图,使用户专注于你想呈现的

当进入你的网站,我们会本能地关注网站上人物图片中的脸和眼睛,这倒是为我们提供了一个想法,是不是可以用人物配图吸引小伙伴的注意力呢?当然,但这仅是第一步,我们还可以这样做,你瞧,是不是大不相同!(见下图)

这是第一步:

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

蓝蓝

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

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

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

更多留白/负空间

I think I might -

如何提升企业产品(WEB APP)的用户体验?

蓝蓝

一般人对於企业产品的预期,可能仅停留在功能要强大,信息要安全,能够帮助企业提高工作效率。但今时已不同往日,除此以外,人们开始更注重产品的用户体验。那么,在面对企业产品的界面设计上,有什么方法可以提升用户体验呢?接下来,蓝蓝设计为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向。

Web App 设计要点

1. 配色

颜色作为UI设计师传达情感的主要元素之一。一个明确的品牌颜色,对信任度,认知度都会有大大的提升。颜色除了能为界面提升美感,也能作为功能上的辅助。在普遍页面信息量大的企业产品中,往往一个有颜色的按钮就很容易吸引用户的视觉焦点。

Lovely是Dribbble大神Kerem Suer设计的Web App。橙色主,蓝色辅助,淡灰色为底色。这个配色既色彩鲜明,淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服,简洁耐看。

如何提升企业产品(Web app)的用户体验

注册表单设计5个小技巧

蓝蓝

网上挤满了各种各样的UI设计方案,事实上我们已经有一套套的方案可遵循。但!界面设计永无止境!哪怕是一个注册表单,也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧:

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实:注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次,因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回,再多此一举填写两次反而更加容易导致用户流失。

5个注册表单的用户体验设计技巧

让网页设计有规律可循

蓝蓝

随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点UI设计也可谓是五彩斑斓,灿若繁星。和蓝蓝设计一起来找找这些网站设计界面设计是否有规律可循。

可以从几个方面来分析:

色彩

Amoderneden

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档