爱意满满的作品展示区。
coolesting

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

  •  
  •   coolesting · Sep 14, 2018 · 20333 views
    This topic created in 2881 days ago, the information mentioned may be changed or developed.
    改来改去,改了几个版本,还是觉得看起来别扭,

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

    http://zc336.cn
    Supplement 1  ·  Sep 26, 2018
    2018-09-23 综合大家建议对样式修正。

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

    ---
    228 replies    2018-09-17 23:15:14 +08:00
    1  2  3  
    bibizhang
        101
    bibizhang  
       Sep 14, 2018
    冲这个配色可以搞个绿帽文学站点,流量一定会很可观
    loryyang
        102
    loryyang  
       Sep 14, 2018
    我怀疑根本没有美工吧。。
    coolesting
        103
    coolesting  
    OP
       Sep 14, 2018
    @vicunart 还没正式开放,骗流量真说不上,因为网站一直很丑,所以不敢开放
    @Vhc001 谢谢,真的还无有想好用什么域名
    @YvesX 那是测试内容 ———___———!! 别当真了
    @EvansUtopia 很好,直得考虑
    @xianxiaobo 没有美工。。。
    @ben1024 和 php 版本有啥关系,一般人只看内容和美工的
    @Eugene1024 很好的建议
    @stargazer242 色调这个也是挺头痛的,本来想用白色底的, 但又不护眼,如果用绿底,又显得特别另类,怪里怪气的
    @erDaren 不是全匿名,发帖要注册,回复可以匿名
    @killerv 和版本有关系吗?
    @fenx 这种风格不错,但让人看了觉得太简单,是不是还会觉得丑。btw,你前端用的是什么调试器
    zhuangzhuang1988
        104
    zhuangzhuang1988  
       Sep 14, 2018
    挺好看的
    而且颜色不伤眼睛.
    godwow
        105
    godwow  
       Sep 14, 2018
    丑哭了😂
    coolesting
        106
    coolesting  
    OP
       Sep 14, 2018
    @zhuangzhuang1988 其实我就是一直想要看起来舒服的色调,但是好似又不太好看,而大众化都是走白底路线,突然换个别的色调,总觉得阴阳怪气。
    nosay
        107
    nosay  
       Sep 14, 2018
    梦回 2000 年?
    lingo
        108
    lingo  
       Sep 14, 2018   ❤️ 1
    https://imgur.com/a/BaZdhor

    单纯改了下 css。。。感觉有点难。。。
    coolesting
        109
    coolesting  
    OP
       Sep 14, 2018
    @lingo 的确有点难~~ 这样只改了色调,好像没什么变化。
    liu19931020
        110
    liu19931020  
       Sep 14, 2018   ❤️ 1
    a1rchrysalis
        111
    a1rchrysalis  
       Sep 14, 2018 via Android
    不难看啊 只是不 fancy 而已
    NotNil1
        112
    NotNil1  
       Sep 14, 2018
    还以为要换个好看的美工
    iamsea
        113
    iamsea  
       Sep 14, 2018
    护眼模式
    iamsea
        114
    iamsea  
       Sep 14, 2018
    @lingo 感觉很不错的样子
    coolesting
        115
    coolesting  
    OP
       Sep 14, 2018
    请问是那一位牛逼人物,一下子把匿名回复删清不光了
    kevin1852
        116
    kevin1852  
       Sep 14, 2018
    不是挺复古的嘛
    tagtag
        117
    tagtag  
       Sep 14, 2018
    第一眼我以为是哪个开源项目的官网
    Alexisused
        118
    Alexisused  
       Sep 14, 2018
    这配色我还以为是 sis
    coolesting
        119
    coolesting  
    OP
       Sep 14, 2018
    @tagtag 是打算开源的,但目前还有很多没完善之处
    littlejohnny
        120
    littlejohnny  
       Sep 14, 2018   ❤️ 1
    我是 UI (就是楼主所说的美工),强迫症纠正一下楼主标题,美工是个职业或者个人,你可以说界面很丑或者 UI 很丑。但不能说美工很丑,不然美工会拿刀来找你,哈哈。
    正题,这个界面确实不好看,这草原~~~~而且从这个配色来看楼主配色方面暂时没啥天赋。。你干脆仿 V 站配色好了。另外就是界面好不好看配色只是一小方面,排版,样式都有影响。你字小点儿,padding 多留点儿,加点儿含蓄的阴影啥的。
    pandaaa
        121
    pandaaa  
       Sep 14, 2018
    随便找个 UI 框架?搭配一下其实挺好看的,又不是非要自己写样式
    wyssurvivor
        122
    wyssurvivor  
       Sep 14, 2018
    这是丑吗?一片绿啊
    yizhilcd
        123
    yizhilcd  
       Sep 14, 2018
    这边框太重了很分散注意力,而且每一项的背景色也没多大必要,控制好项与项的间隔就好了
    coolesting
        124
    coolesting  
    OP
       Sep 14, 2018
    @littlejohnny 非常有用的建议
    coolesting
        125
    coolesting  
    OP
       Sep 14, 2018
    @yizhilcd 感谢.
    TomatoYuyuko
        126
    TomatoYuyuko  
       Sep 14, 2018
    上 UI 库吧,省时省力
    shuaiyong
        127
    shuaiyong  
       Sep 14, 2018
    别骗人了,你们根本就没有美工 笑 cry
    fenx
        128
    fenx  
       Sep 14, 2018
    @coolesting 个人想法是「简单≠简陋 / 丑」。当然项目如果是自己的话还是自己满意就好,因为不管怎么改都会有人说「丑」的……
    btw 我是美工,只会⌘⇧C ;图是中午吃饭时花几分钟随便做的,因为挺喜欢新 Chrome(Android) NTP 上「推荐文章」那一块。
    moluwentu
        129
    moluwentu  
       Sep 14, 2018
    好原谅,23333
    Lanke0
        130
    Lanke0  
       Sep 14, 2018
    这!!好好调整调整吧
    IMuMa3
        131
    IMuMa3  
       Sep 14, 2018
    这怕是程序员自己写的 css 吧…
    ai0by
        132
    ai0by  
       Sep 14, 2018
    似乎被哪位大兄弟攻陷了呢。。。看看 title。。。
    wpzero
        133
    wpzero  
       Sep 14, 2018
    很像后端大神的网站
    niketwo
        134
    niketwo  
       Sep 14, 2018 via Android
    不知为什么,第一眼觉得是湾湾的一些论坛
    wangfei324017
        135
    wangfei324017  
       Sep 14, 2018
    (你好,网站安全意识太差,UI 改完后记得加个防注入,来自热心的 v2 网友) 233333
    1nclude
        136
    1nclude  
       Sep 14, 2018
    嗯,存在 SQL 注入漏洞。。
    Mogugugugu
        137
    Mogugugugu  
       Sep 14, 2018
    围观 Title 0 0,楼主记得新开一个帖子 讨论一下安全 0 0
    wxunm60tAn8bODGs
        138
    wxunm60tAn8bODGs  
       Sep 14, 2018
    已经被日。
    catinsides
        139
    catinsides  
       Sep 14, 2018
    回复内容里居然包含脚本内容,小心 xss
    tuimaochang
        140
    tuimaochang  
       Sep 14, 2018
    被 xss 注入了,哎呀……
    jswh
        141
    jswh  
       Sep 14, 2018
    试试 material design,遵循规则,用标准组件,就不会太丑
    spemoon
        142
    spemoon  
       Sep 14, 2018
    ![demo]( https://i.loli.net/2018/09/14/5b9b82faf388a.png)

    就简简单单的线条,边距弄好,也比你这个强啊
    chimingphang
        143
    chimingphang  
       Sep 14, 2018
    抄一下会死哦
    baicheng10
        144
    baicheng10  
       Sep 14, 2018
    其实我个人觉得还蛮好的,清爽。
    (你好,网站安全意识太差,UI 改完后记得加个防注入,来自热心的 v2 网友)
    chenyu8674
        145
    chenyu8674  
       Sep 14, 2018
    这配色……你们美工家里种韭菜园子的吧
    famez
        146
    famez  
       Sep 14, 2018
    颜色很蔬菜,很老的那种
    coolesting
        147
    coolesting  
    OP
       Sep 14, 2018 via Android
    气死了,美工被日了,注入也被日了。

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

    @Mogugugugu
    arszlyx
        148
    arszlyx  
       Sep 14, 2018
    这配色很像某榴啊
    songkl
        149
    songkl  
       Sep 14, 2018
    字体大小 间距 搞好 没颜色也不至于这样吧 ,我是回到 wap 时代了吗?
    lscho
        150
    lscho  
       Sep 14, 2018
    密码竟然还是明文的。。。数据库竟然有 13 张表。。。能写这么多的表,没一点安全意识吗?
    kslr
        151
    kslr  
       Sep 14, 2018
    这个颜色我觉得还可以,适合阅读,UI 框架已经看腻了。
    kslr
        152
    kslr  
       Sep 14, 2018
    国内有个叫抽屉的,但是风气素质感觉一般,你可以尝试做国内的 hacker news
    baoshu
        153
    baoshu  
       Sep 14, 2018 via iPhone
    还不错,很简洁
    HiJackXD
        154
    HiJackXD  
       Sep 14, 2018 via iPhone
    还行 护眼性冷淡风
    hanzichi
        155
    hanzichi  
       Sep 14, 2018
    找个 css 框架吧
    wpzero
        156
    wpzero  
       Sep 14, 2018
    zcroot zcqj888....
    wpzero
        157
    wpzero  
       Sep 14, 2018
    把安全先做好再说
    winglight2016
        158
    winglight2016  
       Sep 14, 2018
    这不是美工问题吧,整个网站的布局还是 20 年前的风格
    witcat
        159
    witcat  
       Sep 14, 2018
    多学习和借鉴 一个人包揽全部不是难事 多做几个项目就好了 大概七八个
    xiaopenggggggg
        160
    xiaopenggggggg  
       Sep 14, 2018
    能 sql 注入 😂 😂
    xiaopenggggggg
        161
    xiaopenggggggg  
       Sep 14, 2018
    Could not query: Table 'cms_db18595.users' doesn't exist
    coolesting
        162
    coolesting  
    OP
       Sep 14, 2018
    @lscho 密码的确是明文,因为安全这块几乎没怎么做的。
    ksco
        163
    ksco  
       Sep 14, 2018   ❤️ 1
    楼主建议你先关闭服务吧,随随便便就能拿到整个网站的任何信息了。
    rockeyshao
        164
    rockeyshao  
       Sep 14, 2018 via iPhone
    不如改成 v2 这样
    coolesting
        165
    coolesting  
    OP
       Sep 14, 2018
    @rockeyshao v2 可以的,但就是不喜欢白底黑字, 我想弄个护眼样式。
    PayneSeediqBale
        166
    PayneSeediqBale  
       Sep 14, 2018   ❤️ 1
    楼主,发表下看法,进去的第一感觉颜色底色没问题,很舒服,但就是字体排版给的感觉太乱了,不知道看哪里好
    jason94
        167
    jason94  
       Sep 14, 2018
    花了五秒钟终于打开了,比想象中好点
    xiaopenggggggg
        168
    xiaopenggggggg  
       Sep 14, 2018   ❤️ 1
    | 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
        169
    pandasoda  
       Sep 14, 2018
    为什么访问不了了?
    coolesting
        170
    coolesting  
    OP
       Sep 14, 2018
    @pandasoda 比机械扫描,扫到超出最大连接数了

    ![2018-09-14_212024.png]( https://i.loli.net/2018/09/14/5b9bb97f96752.png)
    ![2018-09-14_211808.png]( https://i.loli.net/2018/09/14/5b9bb98007282.png)
    soho176
        171
    soho176  
       Sep 14, 2018
    coolesting
        172
    coolesting  
    OP
       Sep 14, 2018
    @xiaopenggggggg 你狠利害。 我修改了点,再来一次。
    coolesting
        173
    coolesting  
    OP
       Sep 14, 2018
    @soho176 第一个可以,第二个不知道怎么用。。
    ksco
        174
    ksco  
       Sep 14, 2018
    @coolesting

    zcroot1
    zcqj888rb

    楼主,我创建了一个超管帐号,你怎么看
    lastpass
        175
    lastpass  
       Sep 14, 2018 via Android
    背景不要用纯色,不要用纯色,如果没有一定水平是驾驭不住的。可以去搜一些极简约的墙纸。这这个来当背景。不伤眼,也不难看,最主要简单。
    coolesting
        176
    coolesting  
    OP
       Sep 14, 2018
    @ksco 还是被注入~~
    pcar
        177
    pcar  
       Sep 14, 2018
    挺有特色
    icylogic
        178
    icylogic  
       Sep 14, 2018
    让我想起很久以前一个 h 网站……
    ksco
        179
    ksco  
       Sep 14, 2018   ❤️ 1
    @coolesting 哈哈,不算是注入啦,创建帐号的时候加了个 level 字段

    firstime=&username=zcroot1&password=zcqj888rb&shot_vcode=83497&level=9
    my101du
        180
    my101du  
       Sep 14, 2018
    设计很好,很人性化! 想起了老夫当年在宿舍里打红警,玩星级,用网络蚂蚁网际快车的时光。那时候特别流行按照网上冲浪时遇到的 MM 告诉我的秘诀:把屏幕改成豆沙绿可以护眼哦!
    看一个网站能想起青春的点点滴滴,真的令人唏嘘啊。
    citydog
        181
    citydog  
       Sep 14, 2018
    10 多年前的站都比这个漂亮
    colorfulberry
        182
    colorfulberry  
       Sep 14, 2018
    都被玩坏了么
    geekape
        183
    geekape  
       Sep 14, 2018
    说实话,随手一个框架都比你这好多了
    lscho
        184
    lscho  
       Sep 14, 2018
    @coolesting

    [13 tables]
    +-----------+
    | user |
    | category |
    | file |
    | optionkv |
    | record |
    | recordkv |
    | tag |
    | tag_assoc |
    | useract |
    | userinfo |
    | userkv |
    | usermsg |
    | usersess |
    +-----------+
    coolesting
        185
    coolesting  
    OP
       Sep 14, 2018
    @ksco 汗,我明明强制设置 level 是 1 的。。
    goodan
        186
    goodan  
       Sep 14, 2018   ❤️ 1
    外行瞎说一下:
    圆角色块做板块,层次间区隔蛮突兀的,用色块有割裂感,和现在流行的扁平化,无边框化有点背道而驰,但也有自己风格,谁说一定要追逐潮流是吧。
    配色的处理有点复古,不过的确挺护眼,暗色调,不眨眼,刚开始不适应,久了还感觉蛮舒服。
    F2Sky
        187
    F2Sky  
       Sep 14, 2018
    绿色比较养眼。
    coolesting
        188
    coolesting  
    OP
       Sep 14, 2018
    @goodan 感谢,有边框的确怪里怪气。
    hugee
        189
    hugee  
       Sep 14, 2018 via Android
    多看看,其实不丑了。
    bumz
        190
    bumz  
       Sep 14, 2018
    53 楼配色差不多就很漂亮(以当下的审美趋势)

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

    楼主的风格可能是 200x 年流行的?
    wlwood
        191
    wlwood  
       Sep 14, 2018 via Android
    其实第一眼看 reddit,也丑爆了(之前的 UI),不过,并不影响它流行啊。

    要改的话,css 够好应该也是 ok 的,或者现在的通用 UI 组件什么的放上去?
    Kamiimeteor
        192
    Kamiimeteor  
       Sep 14, 2018
    哈哈哈,可以帮忙改进~
    coolesting
        193
    coolesting  
    OP
       Sep 15, 2018
    @xiaopenggggggg
    @lscho

    网站做了点调整,再 hack 一次。
    ByZHkc3
        194
    ByZHkc3  
       Sep 15, 2018
    为什么还是有注入。。。
    lscho
        195
    lscho  
       Sep 15, 2018
    @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
        196
    neezer  
       Sep 15, 2018   ❤️ 1
    交互也有问题:
    1、第一次浏览不知道最上面的内容是最新的还是最老的(你别管绝大多数 xx 都是最新的在上面,你起码给个排序的逻辑在上面,比如每个帖子显示一个最后回复时间 or 最后发帖时间)

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

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

    4、这话可能不中听:反正我觉得做到你会员的要求挺难的,我觉得我这辈子能做好我自己就行、
    neezer
        197
    neezer  
       Sep 15, 2018
    再加一条:
    5、你不觉得回复按钮挺奇怪的么?到底是回复上面的还是下面的?你在页面最上方,自然能看出来是按照 发帖时间、发帖人、内容的排序。但你划到中间,讲真的我怎么知道是不是 内容、发帖时间、发帖人这样的排序?
    能否把回复移到内容框的右下角?(当然我不确定这样是否好看)至少能让人一眼看出来我在回复谁
    fuermosi777
        198
    fuermosi777  
       Sep 15, 2018   ❤️ 1
    我不觉得丑啊,我觉得是在今天乱七八糟设计中的一股清流
    yingfengi
        199
    yingfengi  
       Sep 15, 2018 via Android
    #333
    #eee
    试试
    shiweifu
        200
    shiweifu  
       Sep 15, 2018
    要不用 Bootstrap 改一波?
    1  2  3  
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3092 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 201ms · UTC 13:35 · PVG 21:35 · LAX 06:35 · JFK 09:35
    ♥ Do have faith in what you're doing.