网站美工很丑， 还有没有救。

[coolesting]

改来改去，改了几个版本，还是觉得看起来别扭，

实在没办法了，只能上 V2EX 来求助，诚心请大家给点建议。

http://zc336.cn

2018-09-23 综合大家建议对样式修正。

2018-09-26 网站已经迁移到北美机房。http://cy162.cn

---

[bibizhang]

冲这个配色可以搞个绿帽文学站点，流量一定会很可观

[loryyang]

我怀疑根本没有美工吧。。

[coolesting]

@vicunart 还没正式开放，骗流量真说不上，因为网站一直很丑，所以不敢开放
@Vhc001 谢谢，真的还无有想好用什么域名
@YvesX 那是测试内容 ———___———！！ 别当真了
@EvansUtopia 很好，直得考虑
@xianxiaobo 没有美工。。。
@ben1024 和 php 版本有啥关系，一般人只看内容和美工的
@Eugene1024 很好的建议
@stargazer242 色调这个也是挺头痛的，本来想用白色底的， 但又不护眼，如果用绿底，又显得特别另类，怪里怪气的
@erDaren 不是全匿名，发帖要注册，回复可以匿名
@killerv 和版本有关系吗？
@fenx 这种风格不错，但让人看了觉得太简单，是不是还会觉得丑。btw，你前端用的是什么调试器

[zhuangzhuang1988]

挺好看的
而且颜色不伤眼睛.

[godwow]

丑哭了😂

[coolesting]

@zhuangzhuang1988 其实我就是一直想要看起来舒服的色调，但是好似又不太好看，而大众化都是走白底路线，突然换个别的色调，总觉得阴阳怪气。

[nosay]

梦回 2000 年？

[lingo]

https://imgur.com/a/BaZdhor

单纯改了下 css。。。感觉有点难。。。

[coolesting]

@lingo 的确有点难~~ 这样只改了色调，好像没什么变化。

[liu19931020]

普通人表示感觉配色有点土
https://www.materialpalette.com/
https://webgradients.com/

[HeavenlyChorus]

不难看啊 只是不 fancy 而已

[NotNil1]

还以为要换个好看的美工

[iamsea]

护眼模式

[iamsea]

@lingo 感觉很不错的样子

[coolesting]

请问是那一位牛逼人物，一下子把匿名回复删清不光了

[kevin1852]

不是挺复古的嘛

[tagtag]

第一眼我以为是哪个开源项目的官网

[Alexisused]

这配色我还以为是 sis

[coolesting]

@tagtag 是打算开源的，但目前还有很多没完善之处

[littlejohnny]

我是 UI （就是楼主所说的美工），强迫症纠正一下楼主标题，美工是个职业或者个人，你可以说界面很丑或者 UI 很丑。但不能说美工很丑，不然美工会拿刀来找你，哈哈。
正题，这个界面确实不好看，这草原~~~~而且从这个配色来看楼主配色方面暂时没啥天赋。。你干脆仿 V 站配色好了。另外就是界面好不好看配色只是一小方面，排版，样式都有影响。你字小点儿，padding 多留点儿，加点儿含蓄的阴影啥的。

[pandaaa]

随便找个 UI 框架？搭配一下其实挺好看的，又不是非要自己写样式

[wyssurvivor]

这是丑吗？一片绿啊

[yizhilcd]

这边框太重了很分散注意力，而且每一项的背景色也没多大必要，控制好项与项的间隔就好了

[coolesting]

@littlejohnny 非常有用的建议

[coolesting]

@yizhilcd 感谢.

[TomatoYuyuko]

上 UI 库吧，省时省力

[shuaiyong]

别骗人了，你们根本就没有美工 笑 cry

[fenx]

@coolesting 个人想法是「简单≠简陋 / 丑」。当然项目如果是自己的话还是自己满意就好，因为不管怎么改都会有人说「丑」的……
btw 我是美工，只会⌘⇧C ；图是中午吃饭时花几分钟随便做的，因为挺喜欢新 Chrome(Android) NTP 上「推荐文章」那一块。

[moluwentu]

好原谅，23333

[Lanke0]

这！！好好调整调整吧

[IMuMa3]

这怕是程序员自己写的 css 吧…

[ai0by]

似乎被哪位大兄弟攻陷了呢。。。看看 title。。。

[wpzero]

很像后端大神的网站

[niketwo]

不知为什么，第一眼觉得是湾湾的一些论坛

[wangfei324017]

（你好，网站安全意识太差，UI 改完后记得加个防注入，来自热心的 v2 网友） 233333

[1nclude]

嗯，存在 SQL 注入漏洞。。

[Mogugugugu]

围观 Title 0 0，楼主记得新开一个帖子 讨论一下安全 0 0

[mrjoel]

已经被日。

[catinsides]

回复内容里居然包含脚本内容，小心 xss

[tuimaochang]

被 xss 注入了，哎呀……

[jswh]

试试 material design，遵循规则，用标准组件，就不会太丑

[spemoon]


就简简单单的线条，边距弄好，也比你这个强啊

[chimingphang]

抄一下会死哦

[baicheng10]

其实我个人觉得还蛮好的，清爽。
（你好，网站安全意识太差，UI 改完后记得加个防注入，来自热心的 v2 网友）

[chenyu8674]

这配色……你们美工家里种韭菜园子的吧

[famez]

颜色很蔬菜，很老的那种

[coolesting]

气死了，美工被日了，注入也被日了。

整改一下，一定再发个安全帖。

@Mogugugugu

[arszlyx]

这配色很像某榴啊

[songkl]

字体大小 间距 搞好 没颜色也不至于这样吧 ，我是回到 wap 时代了吗？

[lscho]

密码竟然还是明文的。。。数据库竟然有 13 张表。。。能写这么多的表，没一点安全意识吗？

[kslr]

这个颜色我觉得还可以，适合阅读，UI 框架已经看腻了。

[kslr]

国内有个叫抽屉的，但是风气素质感觉一般，你可以尝试做国内的 hacker news

[baoshu]

还不错，很简洁

[HiJackXD]

还行 护眼性冷淡风

[hanzichi]

找个 css 框架吧

[wpzero]

zcroot zcqj888....

[wpzero]

把安全先做好再说

[winglight2016]

这不是美工问题吧，整个网站的布局还是 20 年前的风格

[witcat]

多学习和借鉴 一个人包揽全部不是难事 多做几个项目就好了 大概七八个

[xiaopenggggggg]

能 sql 注入 😂 😂

[xiaopenggggggg]

Could not query: Table 'cms_db18595.users' doesn't exist

[coolesting]

@lscho 密码的确是明文，因为安全这块几乎没怎么做的。

[ksco]

楼主建议你先关闭服务吧，随随便便就能拿到整个网站的任何信息了。

[rockeyshao]

不如改成 v2 这样

[coolesting]

@rockeyshao v2 可以的，但就是不喜欢白底黑字， 我想弄个护眼样式。

[PayneSeediqBale]

楼主，发表下看法，进去的第一感觉颜色底色没问题，很舒服，但就是字体排版给的感觉太乱了，不知道看哪里好

[jason94]

花了五秒钟终于打开了,比想象中好点

[xiaopenggggggg]

| uid | level | created | username | password |
+-----+---------+------------+----------------------+---------------+
| 1 | 9 | 1513346626 | zcroot | zcqj888rb |
| 2 | 1 | 1513346626 | zcedit | zcqj888 |
| 3 | 1 | 1513346626 | zcarch | zcqj |
| 4 | 1 | 1513346626 | zcview | zcqj |
| 5 | 1 | 1536897183 | 贾斯汀比比 | F9vj@8l^il%m |
| 6 | 1 | 1536905017 | <script>alert(11)</s | 123456 |
| 7 | 1 | 1536905034 | <script>alert(11)</s | 123456 |
| 8 | 1 | 1536912757 | zaqzaq0125 | zaqzaq0125q |
| 9 | 1 | 1536917906 | admin | qwe123 |
| 10 | 1 | 1536918596 | test123 | test123 |
| 11 | 1 | 1536919189 | zhangsan | 111111 |
| 12 | 1 | 1536919345 | as | asss |
| 13 | 1 | 1536919390 | ; and 1=1 and 1=2 | 1 |
| 14 | 1 | 1536920431 | <script>console.log( | 123456 |
| 15 | 1 | 1536920449 | <script>console.log( | 123456 |
| 16 | 1 | 1536927478 | &apos;or 1=1# | &apos;or 1=1#

[pandasoda]

为什么访问不了了？

[coolesting]

@pandasoda 比机械扫描，扫到超出最大连接数了


[soho176]

https://www.materialpalette.com/
https://webgradients.com/ 这两个不错。。

[coolesting]

@xiaopenggggggg 你狠利害。 我修改了点，再来一次。

[coolesting]

@soho176 第一个可以，第二个不知道怎么用。。

[ksco]

@coolesting

zcroot1
zcqj888rb

楼主，我创建了一个超管帐号，你怎么看

[lastpass]

背景不要用纯色，不要用纯色，如果没有一定水平是驾驭不住的。可以去搜一些极简约的墙纸。这这个来当背景。不伤眼，也不难看，最主要简单。

[coolesting]

@ksco 还是被注入~~

[pcar]

挺有特色

[icylogic]

让我想起很久以前一个 h 网站……

[ksco]

@coolesting 哈哈，不算是注入啦，创建帐号的时候加了个 level 字段

firstime=&username=zcroot1&password=zcqj888rb&shot_vcode=83497&level=9

[my101du]

设计很好，很人性化！ 想起了老夫当年在宿舍里打红警，玩星级，用网络蚂蚁网际快车的时光。那时候特别流行按照网上冲浪时遇到的 MM 告诉我的秘诀：把屏幕改成豆沙绿可以护眼哦！
看一个网站能想起青春的点点滴滴，真的令人唏嘘啊。

[citydog]

10 多年前的站都比这个漂亮

[colorfulberry]

都被玩坏了么

[geekape]

说实话，随手一个框架都比你这好多了

[lscho]

@coolesting

[13 tables]
+-----------+
| user |
| category |
| file |
| optionkv |
| record |
| recordkv |
| tag |
| tag_assoc |
| useract |
| userinfo |
| userkv |
| usermsg |
| usersess |
+-----------+

[coolesting]

@ksco 汗，我明明强制设置 level 是 1 的。。

[goodan]

外行瞎说一下：
圆角色块做板块，层次间区隔蛮突兀的，用色块有割裂感，和现在流行的扁平化，无边框化有点背道而驰，但也有自己风格，谁说一定要追逐潮流是吧。
配色的处理有点复古，不过的确挺护眼，暗色调，不眨眼，刚开始不适应，久了还感觉蛮舒服。

[F2Sky]

绿色比较养眼。

[coolesting]

@goodan 感谢，有边框的确怪里怪气。

[hugee]

多看看，其实不丑了。

[bumz]

53 楼配色差不多就很漂亮（以当下的审美趋势）

目前流行的是低对比度纯色无边圆角

楼主的风格可能是 200x 年流行的？

[wlwood]

其实第一眼看 reddit，也丑爆了(之前的 UI)，不过，并不影响它流行啊。

要改的话，css 够好应该也是 ok 的，或者现在的通用 UI 组件什么的放上去？

[Kamiimeteor]

哈哈哈，可以帮忙改进~

[coolesting]

@xiaopenggggggg
@lscho

网站做了点调整，再 hack 一次。

[ByZHkc3]

为什么还是有注入。。。

[lscho]

@coolesting 然而并没有效果

Database: cms_db18595
Table: category
[5 columns]
+----------+-------------+
| Column | Type |
+----------+-------------+
| cid | int(11) |
| descript | varchar(60) |
| follow | int(11) |
| name | varchar(20) |
| number | tinyint(5) |
+----------+-------------+

[neezer]

交互也有问题：
1、第一次浏览不知道最上面的内容是最新的还是最老的（你别管绝大多数 xx 都是最新的在上面，你起码给个排序的逻辑在上面，比如每个帖子显示一个最后回复时间 or 最后发帖时间）

2、内容过长之后是不是应该给个 xxxxxx ... 或者 xxxxx (点击查看更多 /详情) ，并且最后的 ... 或者 查看详情 还可以点击？ 另外过长的帖子，最终显示的数量可以统一一下么，这么忽长忽短的看着不难受么。。。

3、似乎里面的回复排序挺随性的？

4、这话可能不中听：反正我觉得做到你会员的要求挺难的，我觉得我这辈子能做好我自己就行、

[neezer]

再加一条：
5、你不觉得回复按钮挺奇怪的么？到底是回复上面的还是下面的？你在页面最上方，自然能看出来是按照 发帖时间、发帖人、内容的排序。但你划到中间，讲真的我怎么知道是不是 内容、发帖时间、发帖人这样的排序？
能否把回复移到内容框的右下角?（当然我不确定这样是否好看）至少能让人一眼看出来我在回复谁

[fuermosi777]

我不觉得丑啊，我觉得是在今天乱七八糟设计中的一股清流

[yingfengi]

#333
#eee
试试

[shiweifu]

要不用 Bootstrap 改一波？