【问题标题】:How to achieve a metro style in web如何在 web 中实现 Metro 风格
【发布时间】:2016-03-19 00:22:44
【问题描述】:

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

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

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

这张图片不是我的。 reference

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

任何有关设计的建议将不胜感激。谢谢

【问题讨论】:

    标签: css microsoft-metro metro-ui-css


    【解决方案1】:

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

    你可以通过http://try.buildwinjs.com/playground/来尝试和玩它

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

    【讨论】:

    • 非常感谢。确实很好的参考。您对构建 Metro 风格 Web 应用程序有什么建议吗?也许是图书馆? :)
    • 也许还有更多的图书馆?*
    • 我已经尝试过 WinJS,它做得很好。metro ui 也可以提供帮助 :)
    • 你今天推荐使用 WinJS 吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-03-26
    • 2012-05-03
    • 1970-01-01
    • 2012-10-16
    • 2021-12-13
    • 1970-01-01
    • 2011-11-22
    相关资源
    最近更新 更多