40个国外创新式布局网页设计UI(3)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词


Mikael Edwards

动效应用广泛,很好的全湿了内容。Mikael Edwards的动效使用既具有功能性,也具有视觉效应。他的理念是,既然是有别于传统媒介的网页设计,那么就一定要有网页自己的特点,不可一味的图像+文字。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Designer’s Friend

和你期待中的设计师网站有所不同对吗?这不像是个网站,更像是一个网站的HTML代码,虽然略有高端,但是新意十足。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Hatched

页脚处提供了跳转至页的功能,导航和选项在用字、配色上都很棒,让人感觉大气、开放,采用了响应式设计的导航栏。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Institute for Emerging Issues

内容一致。结构严谨,映入眼帘的圆环让人感觉非常友好,用户会顺其引导,继续浏览下面的内容。而下方的具体内容摘要做的也很棒,鼠标悬停,标题会上浮,显示出一系列相关内容。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Into The Arctic

通过布局鼓励用户来进行交互。背景中的视频让用户感到着迷,导航非常有趣,当你悬停在导航处时,导航会弹出更多的信息。字体选用非常棒。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

John Jacob

水平滚动,非常另类,点击具体项,只占据页面中央,且只占据整个页面的一半。简介简短、直接。而且这种设计的好处在于,不用跳转到其他页面,一个水平滚动的单页面就能大致了解网站内容,左上角显示了设计师各种链式方式,右下角显示了设计师陈列作品的一些平台。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Impress

留白区域让网站感觉非常的大气、友好,能够让用户更好的阅读、导航、高效浏览。悬停效果与众不同,像开门一样,只打开一半,非常有趣。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Postable

非常可爱的概念,它会电邮你一张非常漂亮的、具有设计感的明信片,而且有传统信件古色古香的外观。布局服从于整体的概念而进行设计。背景采用了纸质,而边线采用了复古风格的封线。非常具有复古感。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

National LGBT Museum

单页布局,滚动的效果非常酷。页面会分裂成两半,然后背向而驰,创造出一种动态效果。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

Lucas Nikitczuk

这个作品集网站充分展现了设计师的个人技巧,直奔主题,简明扼要的介绍了设计师及其作品。圆形的采用创造了一种流动、友好型的没学。而背景的溢流图案给整体增加了一种自由、开放感。导航条非常简单,就在页面的右边,像只是器一样。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

INT

不断翻转的标识,优秀的视差滚动。


40个国外创新式布局网页设计欣赏,PS教程,思缘教程网

结论

布局是网页设计的基础,也决定了网页设计的走向。多为用户着想,多用交互性上考虑,改善布局。创新的目的不是为了给用户带来个性化浏览体验,让用户有一种耳目一新的感觉,看完这些,你是否有灵感了呢?

 收藏