首页

网页设计新趋势!出众的响应式导航设计

蓝蓝

响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案。而且很多技术狂人正在不断的进行各种实验,争取让响应式设计越来越好。响应式设计的难点是导航菜单。可不能像缩放页面那样缩放导航菜单。在UI设计之前,要谋划好导航菜单在手机、平板、桌面上的布局。蓝蓝设计收集了许多例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的导航菜单,是怎样界面设计的。

Gold Interactive

Gold Interactive | Intro

将滚屏玩出新奇花样的网站

蓝蓝

曾经有一段时间,大伙儿都在努力把网页界面设计内容全部塞进首屏。今时不同往日,网站UI设计师和开发者们不再害怕滚屏,而是将背景渐进展示、页面元素动画以及其它基于滚屏动作的酷炫效果融入其中,把滚屏当作一个吸引访客的绝佳靓点来好好展现。

为了给亲们带来新的灵感,蓝蓝设计特意收集了一系列把滚屏玩出新花样的网站设计,跟我来感受一下吧!

ISL

19 Websites with Extremely Creative Scrolling Effects

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

蓝蓝

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

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

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

更多留白/负空间

I think I might -

令人馋涎欲滴的网页设计欣赏

蓝蓝

蓝蓝设计精选一些与食物相关的网站设计,这些网站的界面设计主体突出,大部分以暖色调为主,比如披萨、曲奇饼之类的;当然也有一些是走清凉风的,比如冰淇淋之类;还有与爱情相关的象征着甜蜜的粉色系糖果类,更有单页面食物制作流程的酷酷黑色系。

这些网站的主体内容有主食类的,有饼干零食类,有咖啡饮料类,也有甜点类,更有公益性质的。网站的背后有餐厅、有小卖部、有流动外卖、更有食品商。每个网站的所营造的气场需要您点击进去细细品哟:)

更多食物类网站设计欣赏http://www.lanlanwork.com/

Forno Bonomi

Forno Bonomi

让网站字体也试试国际范的混搭风

蓝蓝

很遗憾,2013年版式设计的潮流首先展现在有趣的T—shirt上;很幸运,有一些更潮流的UI设计师已经开始追赶时尚的节奏,并将他们赋予在网站设界面设计上—字体混搭的艺术。这种站在潮流前线的版式设计风格,蓝蓝设计尚不多言,以下为15组范例,欣赏为先,点赞为后~

Forefathers Group

Forefathers Group mix typography match

精致典雅引人注目的黑色系网站设计

蓝蓝

有同学喜欢玩黑白配,但是却一直不得要领,总设计不出让人眼前一亮的佳作出来?今天就让大家和蓝蓝设计来这些优秀界面设计案例里找原因。

深色的背景看起来具有神秘感,能提供前景元素、背景元素的高度对比。有了黑色的铺垫渲染,任何一个色彩都可以轻易在它之上焕发光彩。
那么怎么才能更好的在网页设计中运用深色背景呢?想要成为一名”高级黑”UI设计师吗?先来欣赏本文的绝赞范例吧。

The Blue Cube

外观整洁干练,对照鲜明。黑色背景凸显了白色文本。

The Blue Cube

应用圆形元素的网页设计

蓝蓝

用圆形元素进行网页设计有两种讨的办法:

一种是把圆形作为网页界面设计过程中的主要形状。这样的网页的主要元素,比如标志的类型,导航元素,弹出菜单,图像和其他元素,都应该是以圆形为基础设计的。
第二种方法就是避免重复使用圆形,只用一个主要的圆形元素来抓住用户的注意力。但不管使用哪种方法,设计师们都应该要时刻把网页整体的可读性,可用性和协调性放在心上。

既然提到了设计,那么下面不妨看看蓝蓝设计为你精心挑选的一些应用了圆形元素网页设计。它们都充分地利用了圆形的特点来展现页面。

Like there is no tomorrow

Like there is no tomorrow

如何将纹理用到网页中?来向这组网站学习

蓝蓝

有很多同学下载了纹理后知道如何平铺使用,并且都分类罗列一目了然,可是在制作网站的时候却不知道怎么用,总感觉利用不起来。

那么今天蓝蓝设计推荐30个运用纹理界面设计出众的网站设计,希望对你UI设计有一定的启发:)

Hollister Co.

Textured website design example: Hollister Co.

一组时尚的鞋帽服饰类网页设计

蓝蓝

服饰鞋帽向来是时尚必争之地,除产品本身的宣传是核心竞争力,在用户还未接触到实体之前,通过网站宣传往往是给新用户留下一个好印象的开始。

宣传产品的网站界面设计,充满美感的大照片和酷炫的网页现在是必不可少的,来看看蓝蓝设计下面一组时尚类型的鞋帽服饰网站设计吧。

更多时尚类网站设计欣赏:
http://www.lanlanwork.com/

Heren

Heren

超美的水彩效果网页设计

蓝蓝

小时候,一盒水彩,几张白纸,就可以一个人安静地待上好久。还记得绿色用得特别快,因为喜欢用绿色,画很多的树叶,画大片的草地。不过现在可以用电脑画,再也不用担心缺哪个颜色啦!
以下是蓝蓝设计收集的一组数字水彩效果的网站设计,每个都好漂亮,看是否能勾起你童年的美好回忆。是否对你的UI设计有所帮助!

Istok Pavlovic

watercolor-effects-1

日历

链接

个人资料

蓝蓝 http://www.lanlanwork.com

存档