首页

低调内涵:20个优雅网页背景纹理欣赏

蓝蓝

 

合理运用素材,利用纹理绘制精美绝伦的网页背景。

Read the full post

尽管极简设计和扁平化不提倡使用纹理。但是设计无绝对,很多情况下,纹理的质感,能让整个网页提升好几个层次。
纹理能够营造一种复古氛围。本文收录了20个网站,全部在纹理运用上颇有心得,可以看看他们的设计细节。
赶紧整理整理你所下载的资源包,动手实验一个吧!

Orchard Keepers

Orchard Keepers

 

Postable

Postable

40个漂亮的单页网站设计欣赏

蓝蓝

最初单页面网站的设计风潮可能是由知名的网站设计师引起的。他们想要以简洁创意的方式让自己的作品公之于众。久而久之,单页面网站设计在创意上实现了巨大的飞跃。不管是时尚,App,还是动画,游戏,现在全网都盛行这一趋势。
单页面网站设计容易实现,但是如果想让你的设计成为大热,一定要确保它适合这种多页少字的设计模式。在你开始设计之前,最好要记得专注于主要内容,其他的烦恼分心的部分通通去掉,就算是你最好的点子,如果不切合主题,也要忍痛割爱。

网站导航是主要设计要素之一。用放大镜效果创建漩涡型按键,使站点引人入胜,同时也告诉用户如何使用。导航要显眼易懂这样用户才能轻松的浏览你的网站。不管是视差漩涡,服帖的动画还是简洁的菜单,你都能发现非常酷的效果。

下面我们为大家展示40种极具现代感,将单页网站设计发挥到的非常漂亮的例子。尽情的欣赏吧,希望会给你带来灵感!这些设计让人难以忘却,引人瞩目的图像绚丽多彩,内容干净整洁,实乃创意经典之作。

Fannabee

one-page-website-fannabee

Browser Awareness Day


one-page-website-fun

Mark Dearman

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

蓝蓝

每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群,让用户流连忘返或者立马下单?

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

Toybox

在需要的时候导航栏应该一直在那里,而当用户想要专注于某个特定的任务时,导航栏则应该优雅的隐藏起来。比如说,在设计一个网上商店的出纳页面时,网站的导航应该可以随时都易于使用,但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示,这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用,鼠标悬停在浏览器左侧即可出现,主体部分即时出现的旋转效果也很带感,可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁,使网站的浏览体验非常的愉悦,因为网站并没有留下太多无用的信息去分散用户的注意力。

Toybox

至于其他你想知道的信息,比如说Toybox公司的主营业务和地址,可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣,当鼠标悬停于某个项目的缩略图时,其余的项目缩略图都后退变暗并且产生景深的效果。

Olivier Bossel

交互设计师Olivier Bossel的个人作品博客非常有趣。该网站的导航元素在鼠标hover状态下会产生像素爆炸式的效果(译者注:火狐浏览器测试通过,chrome测试无效果)。这个效果相对于网站其余的简洁设计来说非常有动感,由此产生强烈的对比效果。作为一个视觉元素它非常有效的促进了用户继续阅读该网站,统一的视觉语言也彰显了品牌的特点。

Olivier Bossel

5个Web设计的草稿和成品对比

蓝蓝

纸和笔

大多数的设计师都习惯在纸上开始自己的工作,假如你也是设计师,想必手上也有一两本笔记本,上面随手记了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,为什么不亮出来给别人看看呢?

别的设计师的草稿都是什么样子的呢?

Buzz Usborne, Campaign Monitor (活动监测)

先来看看 Buzz 的设计草稿

点击查看原图

 

草稿里的对角线和最终成品的对角钱相呼应,Buzz 的草稿并不强调细节,而是注意线条和指引的清晰程度。

360极速浏览器品牌设计分享

蓝蓝

项目背景

自2010年9月15日360极速浏览器发布以来,默认界面一直沿用Chrome的外观设计。随着360极速浏览器的发展以及品牌化建立的需求,360UXC与产品团队进行了深度的合作,以优化用户体验与提升视觉品质为目标参与到极速浏览器6.0版本的整体形象设计中,设计了全新的浏览器界面和官方网站,为360极速浏览器的品牌化建立打下了坚实的基础(chrome.360.cn )。

设计准备

我们为建立品牌化视觉设计进行了多种有意义的尝试,设计前期与产品部门进行了深度的沟通交流,了解产品的人群定位,发展方向,用户研究进行了核心360极速浏览器用户调研,为下一步设计做好充分的准备。之后组织设计师,进行Brainstorming,分析现在的设计流行趋势,包括相关竞品优缺点分析等工作。

首先我们从整体的设计趋势出发,研究总结Windows xp风格过渡到Windows 8的Metro风格变化过程,发现整体的界面质感慢慢趋向于平面化,这为后期设计带来了理论性依据。

对web设计师而言最有价值的20个移动app

蓝蓝

如果你经常外出,需要 mobile apps 来帮你完成工作,而不是在长途旅行中消磨时光,那么这篇文章将会对你有用。我们总结了该行业排名前 20 apps

 

自从第一部iPad发布以来,该设备一直遭受PC忠实粉丝的抨击,他们声称它仅仅是消费品而已。任何使用了iPad(或类似的智能手机或平板)的人都知道这是毫无意义的废话。当然,很少有设计师会偏激到想要烧掉他们的PC或Mac而只使用移动设备,但是当你外出的时候,你依然可以使用这些现代的apps继续工作,并且即使你可以使用你的PC,这些apps仍然是有用的。在那些设计师和开发者的帮助下,我们总结了20个最好的apps。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档