本帖最后由 Zapic 于 2019-9-12 09:30 编辑
一个优秀的Material Design框架遇到了一个前端萌新?
果真就翻车了呗.
MDUI--Material Design User Interface
写着自己都无力吐槽.
先是强行用卡片展示信息:

后来发现还是plaintext舒服:

后来又问群友,又觉得卡片好看.
...
打一架么?
然后:

越弄越丑...
枯了.
功能什么的貌似在正式发布之前都算是秘密叭...
干脆...
去他妈的css,html神教(x
一个优秀的Material Design框架遇到了一个前端萌新?
果真就翻车了呗.
MDUI--Material Design User Interface
写着自己都无力吐槽.
先是强行用卡片展示信息:

后来发现还是plaintext舒服:

后来又问群友,又觉得卡片好看.
...
打一架么?
然后:

越弄越丑...
枯了.
功能什么的貌似在正式发布之前都算是秘密叭...
干脆...
去他妈的css,html神教(x
哇 感觉做的是挺不错的啊 但是感觉第二幅图的右侧有点空?
MC_588 发表于 2019-9-11 19:22
哇 感觉做的是挺不错的啊 但是感觉第二幅图的右侧有点空?
在MD规范里,卡片貌似不是这么玩的.
所以我打算直接把信息写进容器里,代码也会简化很多.
如果右侧很空的话,加上背景之后可能就会改善一些.
Zapic 发表于 2019-9-11 20:15
在MD规范里,卡片貌似不是这么玩的.
所以我打算直接把信息写进容器里,代码也会简化很多.
如果右侧很空的话 ...
干脆全部做好,让用户自己选风格算了
而且我也没学过网页开发
不知道你们这个是怎样的规范
GXHurry 发表于 2019-9-11 20:25
干脆全部做好,让用户自己选风格算了
不然要打起来
而且我也没学过网页开发
让用户自己选貌似不大现实,而且会显得我这条鱼不够咸.
规范?
当然是MD的规范.
卡片
卡片通常是通往详细信息的入口。
卡片可以包含一个主题的照片、文字和链接。它们可以显示包含不同尺寸的元素的内容,例如有可变长度标题的照片。
卡片集是多个卡片在同一平面上的布局结构。
https://www.mdui.org/design/material-design/introduction.html
是Zapic大佬,我社保#bushi
GXHurry 发表于 2019-9-11 21:35
官网的规范看起来好高大上的样子
乍一看还以为是做美术的
MD超前的艺术美感我吹爆.
然后一到我手上直接枯树苗撒骨粉.
卧槽还有这种框架
收藏了
收藏了
最后一句可还行
有点东西啊
本帖最后由 jianpeiguo 于 2019-9-12 08:08 编辑
直接请教世予吧←_←
直接请教世予吧←_←
做的不错啊
统一一下边距和高度或许看起来会舒服一些
还有左边导航项的文本比图标高了1px吧(逃...
统一一下边距和高度或许看起来会舒服一些
还有左边导航项的文本比图标高了1px吧(逃...
zapic好厉害
很不错啊。

看上去还行,不知是不是框架就这样
前端扁平设计好评!

搞设计的事情,那能叫偷么?
偷偷摸摸从别人那里摸了一些东西,下面改一哈就好了(x
虽然不知道什么功能
但是 大佬 能不能给主界面做个换色功能
能换上边的颜色和背景色
但是 大佬 能不能给主界面做个换色功能
能换上边的颜色和背景色
比我搞得界面好多了. 级的大三的时候帮我们老师搞一个宿舍订水的网页. 做完了以后先给学长看, 学长看了以后发出灵魂一问: 你不是学美术的吗?
看起来很棒