task.haohaoxuexi.top 或者我这种极简也算一种风格?
![]() | 1 ufan0 2023-12-05 11:15:08 +08:00 |
![]() | 2 leipengcheng OP @ufan0 uniapp 写的,也是 vue 吧 |
![]() | 3 344457769 2023-12-05 11:56:04 +08:00 ![]() 不是有点素,而是有点丑。如果希望好看一点的话,可以培养一下审美,找一些你觉得好看的网站看下他们的配色,他们的布局,他们怎么运用边框阴影圆角的。 |
![]() | 4 daodao 2023-12-05 11:57:34 +08:00 3 楼说话太直接了,但也是大实话... |
![]() | 5 foufoufm 2023-12-05 12:30:58 +08:00 很不错,猜测是一个任务清单类的网站,你无需在意其他人怎么说。 多看多迭代自己认为是好的风格就行了,然后随着迭代次数增加,自己的界面会越来越好看的。 |
![]() | 6 zdhxiong 2023-12-05 12:49:58 +08:00 via Android 来用 mdui 吧 https://www.mdui.org/ |
7 coolfamilyxun 2023-12-05 12:51:37 +08:00 via Android 丑。 这不是 UI 框架的问题。 找一个 UI 设计师设计一波就好了 |
![]() | 9 snarkprayer 2023-12-05 13:18:54 +08:00 ![]() 能看出来楼主确实没有设计基础,这个 ui https://preline.co/examples.html 有大量常见页面的示例,基于 tailwindcss 的,照着写就行 |
10 nitmali 2023-12-05 13:21:58 +08:00 uview |
11 amanisheir 2023-12-05 13:35:04 +08:00 知行合一,崇德尚能? |
12 huangcjmail 2023-12-05 13:53:30 +08:00 |
![]() | 13 ufan0 2023-12-05 14:10:29 +08:00 |
14 qq1234  2023-12-05 14:24:13 +08:00 老哥,你可以看看掘金大赛有一期比赛就是这个,你可以去参考一下 |
![]() | 15 LaGeNanRen 2023-12-05 14:27:32 +08:00 为什么没人推荐 figma 的社区。。。 |
16 jianchang512 2023-12-05 14:27:49 +08:00 既然用 uniapp ,那不如直接用 uview 框架,至少看起来像模像样,没那么丑 |
![]() | 17 Mikawa 2023-12-05 14:28:12 +08:00 如果要追求好看的话,确实可以考虑上组件库,不过要想明白,组件库主要帮你解决这几个问题 1. 排版,OP 的网站里按钮、普通文案和 Header 里的字是三种不同风格,相互之间层次不明确,就会显得不太美观 2. 统一间距单位,一般公司里设计师会有标准,比如一倍单位是 4px ,页面内边距是 2 倍单位,主要模块之间间隔 4 倍单位,这样会整齐很多,就像小学生练字一样,女生字写的整整齐齐,哪怕字一点笔锋也没有,也不会太难看 3. 主题色,同样是黑白灰蓝,组件库一般会提供 100 - 900 这样好几个档,计算出来的颜色,适当使用会更能凸显层次一点 然后是 OP 自己要考虑的问题了 - 元素之间的间距,现在有些行动点之间是没有间距的,最好加上 - 元素宽度,好些按钮占满了整个屏幕。。。太宽了 我建议用 mui ,提供了很完善的主题系统,并非很好修改样式。觉得 material 看腻了的话,可以考虑 mui joy |
![]() | 18 Ashore 2023-12-05 14:28:19 +08:00 uniapp ?使用 uView 这个框架不就好了吗。。 |
20 43n5Z6GyW39943pj 2023-12-05 14:29:54 +08:00 进入根本看不出来是做什么?这很难做到呀,也很难得 |
![]() | 21 haozi3156666 2023-12-05 14:32:11 +08:00 用 tailwind 吧,再丑也丑不到哪去,也有很多基于 tailwind 的组件库,找一个直接用就好 |
![]() | 22 yangzzz 2023-12-05 14:36:01 +08:00 你这算极简吗。。。如果极简的话把线条按钮只保留背景色这样会好看一点。。。 |
23 Bzero 2023-12-05 16:02:05 +08:00 素不素不重要,起码没有 bug 吧 点圆圈不是勾选,是删除 |
![]() | 24 leipengcheng OP @Bzero 其实是完成后,就隐藏了,我晚上加个 是否显示已完成 的按钮 |
![]() | 25 zhongchunfeng 2023-12-05 16:40:27 +08:00 uni-app 直接就用 uni-ui 就可以了。https://uniapp.dcloud.net.cn/component/ uview 的话很垃圾别用 |
26 listenerri 2023-12-05 21:49:03 +08:00 逻辑有问题吧,我没登陆,依次点了“日志”,“详细”,“任务”后进到了一个 todo 界面里 |
27 Charrlles 2023-12-05 23:55:10 +08:00 via iPhone 用 daisyui 就行,直接写 class ,很方便 |
![]() | 28 leipengcheng OP @listenerri 谢谢指出,已修复,自己用了三个月,还没发现这个问题 |