首页

优秀的潮流响应式网站设计赏析

蓝蓝

我们长期对UI设计类网站的发掘,总结出了一个现象,那就是很多关于响应式设计的文章只给出了桌面版的网站设计,却没有提供移动版网页设计的对比,这在我们看来,UI设计多少显得有点不够专业。

于是,蓝蓝设计在这里收集整理了优秀的响应式网站设计,均有桌面版和移动版的对比。在方便您阅读这篇文章的同时,您不妨也思考一下灵活性这个主题。

更多潮流响应式网站设计赏析:http://www.lanlanwork.com/

Up Magazine

Responsive-Websites-018

紧跟潮流响应式网站设计欣赏

蓝蓝

响应式设计是今年的热门话题之一,许多先知先觉的网站设计已经用上了,与此技术相结合的往往还有碉堡的视差滚动,强强联合后能给网站界面设计创造不一样酷炫的效果。今天蓝蓝设计收集的这组优秀的响应式设计网站设计希望能给你带来UI设计灵感 :)

 

更多紧跟潮流响应式网站设计欣赏:http://www.lanlanwork.com/

Keep calm and WWW

Keep calm and WWW

网页设计新趋势响应式导航设计

蓝蓝

响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案。
而且很多UI设计技术狂人正在不断的进行各种实验,争取让响应式设计越来越好。

响应式设计的难点是导航菜单界面设计。可不能像缩放页面那样缩放导航菜单。在界面设计之前,要谋划好导航菜单在手机、平板、桌面上的布局。今天蓝蓝设计收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的网站设计的导航菜单,是怎样UI设计的。

Harvard University

Harvard University

紧跟潮流新鲜的响应式网站欣赏

蓝蓝

响应式设计是今年的热门话题之一,许多先知先觉的网站设计已经用上了,与此技术相结合的往往还有碉堡的视差滚动,强强联合后能给网站界面设计创造不一样酷炫的效果。今天收集的这组优秀的响应式设计网站设计希望能给你带来UI设计灵感 :)

 

更多新鲜的响应式网站设计欣赏:http://www.lanlanwork.com/

Engage

Engage

设计师必备的响应式网页设计工具

蓝蓝

随着便携设备用户的指数级增长,网站设计师采用响应式设计作为多平台布局解决方案,不但节省了UI设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。
如果你毫无经验,不知从何开始,那么蓝蓝设计这份工具列表将大大的帮助你,能够让你的界面设计布局更有“弹性”。

 

更多响应式网站设计工具欣赏:http://www.lanlanwork.com/

 

Simple Grid

 Simple Grid-Responsive Web Design Tool

革命性的创新网页导航设计

蓝蓝

UI设计师为了让网站设计脱颖而出,不仅需要有丰富的高质量内容,同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下,怎样让你的网站用户体验更友好?简单的搜索功能是需要的,或者你也可以精心设计一下网站的导航。同时,要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代,诞生了很多优秀的网页设计作品,他们都有卓越的导航设计,接下来蓝蓝设计整理的这些网站将唤起你关于导航的极限创意,快来亲自体验下吧!

Lowdi

这个简单的响应式布局显得相当漂亮。Lowdi用线条和形状来划分页面的区域,这是一个很好的方式来打破传统四四方方的布局。我喜欢”Order Now”按钮融入到这个满是线条和形状的设计中的方式。这些元素能很好的适应你的屏幕分辨率,整个设计也保持了高度的流畅性,使阅读体验非常好。

Lowdi

设计响应式网站的十个热门框架

蓝蓝

设计一个响应式网站设计时,运用到的计算是费时费力的,不过还好,国外有一系列的响应式框架模板可以使界面设计过程变得更便捷。这些框架或模板都有现成的栅格,布局和媒介,然后你可以尽情填充自己的设计理念。蓝蓝设计这篇文章汇总了国外UI设计师所推崇的大量热门框架模板,收藏之前,先来瞧瞧吧:)

 

Bootstrap

Bootstrap

如何改善您的网站可用性测试

蓝蓝

在最初的一次网站设计可用性测试实验中,我遇见了一位和蔼可亲的老大妈,她从来没用过鼠标。在测试过程中,她一直用手比划着,一边对着屏幕在空气中比划,一边对着光标说着建议的话。在测试最后,我当然没有得到任何结果,但是她坚持认为我是一个“可爱的男孩”,并且应该认识一下她的孙女。很快地,我学习到了如何设置实验者招募的核心标准。

如果你之前做过一个可用性测试,你就会知道这个不是看起来那么容易的。虽然这不是火箭科学,但其中也包含一些举足轻重的复杂性。在这篇文章里,我会分享一些我学到的关于如何帮助你避免你的可用性测试者在测试时最后进入一个令人泄气的结果的课程。

在我事业开始的第一年里有非常多我本可以学习的可贵的经验,并且我认为在错误中学习是学习的最好方法,我们并不是总有机会去失败。这里有一些蓝蓝设计学习道路上的小技巧,可以帮助你快速提升可用性测试的技巧并且避免一些陷阱。

设计你的可用性测试脚本来回答具体的研究问题

当我们开始一个新的可用性测试时,不要迟疑,你所要做的就是挑选出网站的主要区域,然后让用户完成那些测试。在这个过程中你会发现一些有用的见解,但是也许当你呈现出这些发现时,你因为无法回答网站盈利者提出的问题而被围得团团转,你也别因此而惊讶。

响应式网页中如何安置和处理图片及视频

蓝蓝

响应式网页界面设计,是一种正在流行的网页开发思想,它是利用灵活可变的栅格系统,令网页的显示模式可以根据访问设备的屏幕尺寸规格而进行自适应。预计2015年的时候,移动端的用户数量将会从目前的8亿,增长到19亿,而这也意味着目前我们为桌面浏览器而设计的网页,将会在他们的手机和平板上呈现出非常糟糕的使用体验。

但是随着实际应用状况的改变,响应式网页设计还是会出现一系列复杂的并发症。蓝蓝设计本文余下的部分,就是详细阐述如何在响应式网页中安置和处理多媒体元素,诸如图片和视频,最终的目的是帮你做出一个靠谱的网站,能让这些元素无缝地在各种手持设备上加载运行,提升用户体验

响应式网页设计中的图片处理

先说说响应式图片的处理方法。在响应式网页设计中,图片处理的问题或多或少地和传统网页中的导航栏设计有相似之处。随着新的移动设备的普及,更高像素密度的屏幕使得网页的任何一个瑕疵都显得无比明显,因此,图片处理的核心问题在于如何确保网站(尤其是图片)的各个方面都能尽可能灵活,并且确保每个像素不会在高分屏下模糊。

华丽丽的模糊大背景网页设计

蓝蓝

现在大模糊背景图像的界面设计网站设计中越来越受欢迎,高斯模糊的加入不仅创建了一个朦胧弥漫的效果,具备高端观赏性的同时,它还可以强制性引导用户关注主要信息内容,大大提升了信息的易读性。和蓝蓝设计一起来欣赏这些网站吧:)

更多模糊大背景网站设计欣赏http://www.lanlanwork.com/

Color

View the website

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档