最近微軟已經(jīng)正式發(fā)布了Windows8
操作系統(tǒng),Window操作系統(tǒng)的風(fēng)格已經(jīng)完全改變成了瓦片狀的Metro UI。
對于微軟來說這是一個(gè)巨大的改變,而且所有微軟的平臺包括,桌面,平板,移動及其網(wǎng)站都使用這個(gè)UI風(fēng)格。
Metro UI包含了所有的現(xiàn)代Web設(shè)計(jì)的特點(diǎn),包括了,簡化,基于網(wǎng)格的界面,并且富有連續(xù)性。 大家如果有興趣可以看看這個(gè)界面設(shè)計(jì)說明(http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx
)。
如果你也喜歡Metro風(fēng)格的話,這里我們收集了很多windows 8的Metro UI風(fēng)格布局資源,希望大家喜歡!
Metro風(fēng)格的網(wǎng)站框架和模板
Metro UI CSS
Metro UI CSS是一個(gè)非常完整的創(chuàng)建Metro風(fēng)格的網(wǎng)站的框架。使用LESS創(chuàng)建,并且擁有網(wǎng)格系統(tǒng),排版樣式,表格,按鈕和圖片。
同時(shí)也擁有內(nèi)建的javascript組件,幫助你生成片狀,菜單,邊欄,進(jìn)度條,提示等等
etro UI CSS
BootMetro
BootMetro是一個(gè)Twitter Bootstrap的Metro風(fēng)格主題。你可以創(chuàng)建Metro風(fēng)格的樣式。例如,片狀UI,工具欄,其它組件。
metro-bootstrap