首页

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

蓝蓝设计的小编

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

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

Harvard University

Harvard University

灵感纷呈的HTML5网站欣赏

蓝蓝设计的小编

现代网站设计技术的发展,使UI设计师的奇思妙想几乎都能得到实现。特别是HTML5技术的支持,使网站界面设计发生了惊人的变化。今天蓝蓝设计收集了一组效果超赞的HTML5网站设计,希望能给你带来UI设计灵感 :)

 

更多灵感纷呈的HTML5网站设计欣赏:http://www.lanlanwork.com/

 madebysource

25 Fresh HTML5 Websites for your Inspiration

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

蓝蓝设计的小编

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

 

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

 

Simple Grid

 Simple Grid-Responsive Web Design Tool

设计师的提高工作效率:10条建议

蓝蓝设计的小编

蓝蓝设计分享的这篇文章虽然原本是”写给自由设计师的10条建议”。
但仔细读下来,发现对于坐班的UI设计师人来说,也很有价值。
提率,收获更好的成果。
 
对于很多人来说,自由工作是梦寐以求的事。能够自由分配时间,无人监督,听起来就很棒。
实际上,在家工作容易缺少动力,而且很多事情容易让你分心,自制力不强的人当不好自己的老板,无法有效的进行个人管理。同样的,自由界面设计师也有相似的问题。

一般自由UI设计师都会列出一堆待办事项,面对长长的列表,很多人感叹工作多得做不完,因此压力很大。下面是几条小建议,让你的自由工作”有章可循”、更效率,同时也能尽情的享受自由工作所带来的的生活乐趣。

1.培养良好的生活习惯

培养的良好的生活习惯,做事才能清清爽爽。对于很多自由设计师来说,良好的生活习惯就是,早上按时起床,充分洗刷,穿好衣服,吃早餐,然后开始坐到桌子前,准备工作了。
不要一起来穿着睡衣就工作,不吃饭、不洗刷你会感到很疲惫,至少,你也要喝点咖啡,喝点热饮。
好的开始确保了一天的工作效率。

2.有规律的工作时间

部分自由设计师很任性,想什么时候工作就什么时候工作,但我认为,自由设计师工作时间必须有规律,工作时间最好设置在上午九点到下午五点之间。

网页设计你应该知道的图片格式选择技巧

蓝蓝设计的小编

网页设计中,切图输出是指设计师将手边绘制完成的原始图稿转换成网页用的图片格式、并交由下一位人员网页排版的重要步骤。选择适合的图片格式不但可以将让界面设计得到合理的显示效果、甚至还可以有效的控制图档的档案大小,节省下载时间、有效的减少服务器的负担。
UI设计师最常用的 Photoshop 以及 Illustrator 为例,都提供了「储存为网页用…」的功能。与默认的存盘模式不同,在这个模式中,软件提供了仿真图文件输出的质量调整、档案大小控制等针对网页图文件需求的选项:

给设计师的美观实用的网站

蓝蓝设计的小编

我们灰常乐意每周展现界面设计精美的网站,不断为你提供UI设计灵感。而今天蓝蓝设计打算另辟蹊径,为UI设计师收集了既能提供设计灵感又实用的优秀案例,与过往选择单一”主题”的例子有所不同。我们将为你呈现不同的工具和技术分享网站,可让你在得到UI设计灵感的同时还能发现不错的工具或服务。在这篇文章中你将看到美观又实用的网站,全部都不容错过哦亲!

QUOjs

QuoJS是个微型的、模块化的、面向对象而又简洁的JavaScript库,可简化HTML文档的遍历甚至是使用,亦可为移动网页的快速开发对Ajax交互作出简化。

22 Inspiring and Useful Websites

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

蓝蓝设计的小编

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

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

Butterfly

超赞的扁平式网页设计

蓝蓝设计的小编

现在不管是App应用还是网站专题,都被“Flat Design”占据了!这已经成为了很多UI设计师首选的设计形态!拟物设计似乎真的开始离我们越来越远。那么扁平化设计的精髓在于:削弱厚重的图片投影,使用细微的纹理、纯色微渐变、以及简洁的界面设计布局和对比强烈的排版,这些设计类似于Win8和Metro UI的界面。本文蓝蓝设计收集了极好的Flat Design网站设计案列,请您欣赏。

更多超赞的扁平式网站设计欣赏:http://www.lanlanwork.com/

Friends of the Web

View the full website design

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

蓝蓝设计的小编

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

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

1. 阶梯状布局

cannes-2013-landscape-poster-n1445-1

如何规划网页设计草图

蓝蓝设计的小编

当你在计划设计一个网站设计的时候,不一定要完全依赖电子设备。学会如何手绘可以帮助提高UI设计的效率,给你更多的灵感。
UI设计学院里都会给学生们教授很多基础课程。毫无疑问,很多大型机构或者创业公司都在使用返璞归真的方法来进行设计创作。无论你是长期涂鸦的骨灰级高手,还是刚刚起步的素描小菜鸟,能够使用纸张与画笔来进行创作是非常重要的界面设计技能。不用担心。模仿铅笔功能的一些工具也不是盖的。在这个以设备为主打的时代,还是很大的空间来进行简单又能被认可的设计创作。
实际上,我常常听到很多人埋怨UI设计师们浪费太多时间与成本在使用PS制作精致的方案草图。手绘则具备更大的灵活性,它可以帮助你在缩减成本的同时发展更具原创性的方案草图。

无论你是在一个大公司工作,或是一位自由职业UI设计师,通过手绘草图来与顾客交流都是必不可少的。

为什么要绘制草图?

手绘草图相对数字线框图或者电子绘画更有优势。它方便携带,简单易懂,更具创造力,屡试不爽。没有什么比使用笔和纸更简单直接的表达方式了。
我发现,客户更喜欢在获得信息的同时能够提出建议和进行更改。使用电子设备制作出来的图纸看起来接近成品,这样会让客户失去建议和修改的欲望。手绘草图则非常随意,你可以随意修改。

日历

链接

个人资料

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

存档