Yuguo.us

Windows8 UI给web设计的启示

Introduction

user

余果

全栈工程师,《Web全栈工程师的自我修养》作者。


Featured

back-end

Windows8 UI给web设计的启示

Posted by 余果 on .

Windows 8下载放出一段时间了,国外对Windows 8在网页设计中能够如何应用也有了一些研究型的文章。我个人对这种方方正正的设计非常喜欢,手机上的Android系统也是个方方正正的版本。

本文介绍一些Windows 8风格的网页设计的资源。

A Web Design Inspired by Windows 8 UI

这是一个根据Windows 8 UI做的主题。在主题首页展示最新的博客、缩略图,还有一些个人信息。在正文页边栏显示tag、Category等信息。

主题特点是色彩鲜艳、白色文字、色块分明,图标也很solid。

不过美中不足的是,没有采用适应的技术(responsive web design),就设计来讲,本来是一个非常适合适应设计的,在iPhone和Android的浏览器上就不用每行显示3个block。而更宽的浏览器上可以每行4个甚至5个。

目前还只是一个demo页,它们没有主题下载放出。如果有时间,我打算近期把这个主题实现,当然,要加上一些feature。 <h2>Full Windows 8 GUI Theme set (psd)</h2> 这是一个免费的Windows 8主题的GUI,可以基于它做自己的设计。

总共15M,真的很牛逼! <h2> Metro Website Design Template V4 like Windows 8 interface</h2> Metro Website Design Template V4是基于Windows 8的设计风格的一个模板,包括html/css/js/icon等。

user

余果

https://yuguo.us

全栈工程师,《Web全栈工程师的自我修养》作者。