如何在网络中实现地铁风格

How to achieve a metro style in web

我不是真正的设计师,所以我使用了 css 框架。我发现 MetroUI V3(我喜欢 metro 风格)是一个很棒的工具,但我只能按照他们显示的模板或示例将其应用到我的项目中。我没那么有创意。

不知何故,我想模仿这个设计(见附件),因为我想显示一组项目,但由于我没有任何图像,我想使用可以放入且只能放置的图块首字母和侧面的一些细节。

这可以使用 Metro UI V3 完成吗?

这张图片不是我的。 reference

到目前为止我有什么。 (我知道,没那么多)不过我想在列表中显示更多详细信息。

如有任何设计建议,我们将不胜感激。谢谢

我相信您可以使用 WinJS 轻松实现,阅读更多相关信息:https://dev.windows.com/en-us/develop/winjs

您可以通过以下方式尝试和使用它:http://try.buildwinjs.com/playground/

您可以select Grouped GridLayout查看列表,它有很多 metro 风格的组件..