那个曾经被“丑拒”的小众导航竟然变美了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
guoliguozhi03
V2EX    分享创造

那个曾经被“丑拒”的小众导航竟然变美了

  •  
  • nbsp; guoliguozhi03 2018-06-03 12:36:08 +08:00 15538 次点击
    这是一个创建于 2696 天前的主题,其中的信息可能已经有所发展或是发生改变。

    3 个月前,当我第一次发布果汁导航的时候,收到了来自很多人的“吐槽”,那时候界面长这样:

    果汁导航

    不过好在里面的网站确实比较优质实用,也得到了一些人的鼓励。真的是佩服自己当时的勇气!

    现在,趁着工作闲暇之余,对界面做了微调,也算看的过去,详见改版后的果汁导航

    地址: http://guozhivip.com/nav/

    ##同时也上线了另一个文艺小站 每日一言,每次打开都会显示不一样的话语,每天更新一张美图背景。

    地址: http://guozhivip.com/nav/yiyan.html

    欢迎大家继续吐槽哈!

    第 1 条附言    2018-06-08 22:19:46 +08:00

    严重声明: 近期发现有人抄袭 [果汁导航] 全盘内容并独立上线,这种行为是极其可耻的,果汁导航是为了方便大家有效上网,希望某些人尊重本人的劳动成果,也希望大家一同监督举报!再次感谢大家的支持!!

    第 2 条附言    2020-01-30 17:46:06 +08:00
    每日一言地址已变更:
    http://guozhivip.com/yy/
    第 3 条附言    2021-03-06 22:06:49 +08:00

    果汁导航 网址已变更为:http://guozhivip.com/

    110 条回复    2020-01-30 17:47:13 +08:00
    1  2  
    Athrob
        1
    Athrob  
       2018-06-03 12:38:20 +08:00 via iPhone
    手机版看上去还是很不错的
    guoliguozhi03
        2
    guoliguozhi03  
    OP
       2018-06-03 12:48:51 +08:00
    谢谢鼓励,也希望果汁导航能让大家觉得更方便更实用
    Baymaxbowen
        3
    Baymaxbowen  
       2018-06-03 12:54:25 +08:00 via Android
    顶栏感觉扁扁的
    SquirrelMAN
        4
    SquirrelMAN  
       2018-06-03 13:09:21 +08:00
    字体可以再考虑一下
    poorcai
        5
    poorcai  
       2018-06-03 13:39:20 +08:00 via iPhone
    有的两个字名称中间有空格,有的没有,统一一下。
    guoliguozhi03
        6
    guoliguozhi03  
    OP
       2018-06-03 13:46:33 +08:00
    @poorcai 哇,这都看出来了,这个是我故意这样做的,微小的区分稍微变化一下方便大家好找一些
    guoliguozhi03
        7
    guoliguozhi03  
    OP
       2018-06-03 13:48:56 +08:00
    @SquirrelMAN 大体上统一设定的微软雅黑,宋体个人感觉效果不太好
    guoliguozhi03
        8
    guoliguozhi03  
    OP
       2018-06-03 13:49:45 +08:00
    @Baymaxbowen 可能是受蹩脚的 LOGO 影响的吧~
    Webber
        9
    Webber  
       2018-06-03 14:40:47 +08:00
    你这个导航做得不错啊,每日一言也挺好的,收藏了
    zqjilove
        10
    zqjilove  
       2018-06-03 15:23:56 +08:00
    个人欣赏不来这种界面,还是支持一下。
    guoliguozhi03
        11
    guoliguozhi03  
    OP
       2018-06-03 15:44:14 +08:00
    @zqjilove 谢谢支持,没有套用任何一个千篇一律的常规模板,纯自己手工打造
    guoliguozhi03
        12
    guoliguozhi03  
    OP
       2018-06-03 15:54:25 +08:00
    @zqjilove 谢谢
    guoliguozhi03
        13
    guoliguozhi03  
    OP
       2018-06-03 15:55:42 +08:00
    @Webber 感谢支持哈~
    az402
        14
    az402  
       2018-06-03 16:19:52 +08:00
    body {
    min-width: 1340px;
    background-color: #f5f5f5;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    }

    感受到深深的恶意。
    Heigum
        15
    Heigum  
       2018-06-03 16:59:33 +08:00 via Android
    有个叫炫猿的 做的挺好
    liufish
        16
    liufish  
       2018-06-03 17:00:56 +08:00
    每日一言的背景图片是 bing 的吧?
    guoliguozhi03
        17
    guoliguozhi03  
    OP
       2018-06-03 17:10:24 +08:00
    @liufish 是滴~
    guoliguozhi03
        18
    guoliguozhi03  
    OP
       2018-06-03 18:28:36 +08:00
    @Heigum 看到过
    guoliguozhi03
        19
    guoliguozhi03  
    OP
       2018-06-03 18:58:18 +08:00
    @az402 ……
    wjp2018
        20
    wjp2018  
       2018-06-03 19:16:55 +08:00 via Android
    没有好果汁吃
    guoliguozhi03
        21
    guoliguozhi03  
    OP
       2018-06-03 20:54:20 +08:00
    @wjp2018 哈哈,这个厉害了
    wzy44944
        22
    wzy44944  
       2018-06-03 21:53:34 +08:00
    打开速度超快,在 V2EX 看过这么多网站,这个真的是最快的,好奇是怎么做到的?可以分享一点经验吗?谢谢
    guoliguozhi03
        23
    guoliguozhi03  
    OP
       2018-06-03 22:53:54 +08:00
    @wzy44944 代码优化,图片压缩,再加一个好的服务器
    kimwang
        24
    kimwang  
       2018-06-03 23:02:09 +08:00
    吐槽域名。
    guoliguozhi03
        25
    guoliguozhi03  
    OP
       2018-06-03 23:53:10 +08:00
    @kimwang 哈哈,当时为了注册域名,试一个已被注册,再试一个还是被注册了,就给 guozhi 后面强行加了个 vip 凑成了 guozhivip.com ,我也很无奈啊~
    Lentin
        26
    Lentin  
       2018-06-04 00:12:14 +08:00
    一言的文字后面的白背景太抢眼了,加个投影舒服多了
    text-shadow: black 0.1em 0.1em 0.2em;
    color: white;
    guoliguozhi03
        27
    guoliguozhi03  
    OP
       2018-06-04 00:20:41 +08:00
    @Lentin 加白色背景的目的就是为了突出“一言”,毕竟是每日一言,背景只是衬托而已,当然随着背景图的更新,说不定下一张图衬托就不那么抢眼了,后面我再考虑优化一下,感谢建议。
    kimwang
        28
    kimwang  
       2018-06-04 00:29:06 +08:00
    @guoliguozhi03 个人强迫,我想破头都会弄个满意的域名。

    短的不行,长点也好,容易记就行,比如 guoerzhi,你可以看看,比如果汁 VIP 强。
    1762628386
        29
    1762628386  
       2018-06-04 00:29:27 +08:00
    提个意见哈
    1.页面字体视觉上要有层级感,根据重要程度 [大小 /亮度] 依次缩减 ,以突出重要部分,减少非重要部分视觉占用
    2.主色调不突出:LOGO 的黄颜色,以及橙汁的黄色 ,如果将:hover 弄成红色不太好
    3. 第一屏是用户看的最多的地方 色调太暗了,没有视觉突出的地方 最好用精美的图片或者图片增强网站视觉效果
    5.学会做减法,用交互去隐藏不必要展示的地方 比如:天气
    guoliguozhi03
        30
    guoliguozhi03  
    OP
       2018-06-04 00:35:21 +08:00
    @kimwang 哈哈,说实话,当时没想那么多,真是拍脑袋拍出来的
    guoliguozhi03
        31
    guoliguozhi03  
    OP
       2018-06-04 00:39:32 +08:00
    @1762628386 感谢您的建议!配色设计确实是一门学问,目前还在修炼中,谢谢您的宝贵意见,后面会逐步优化设计,不断改进。
    YvesX
        32
    YvesX  
       2018-06-04 00:54:40 +08:00
    @guoliguozhi03 #31

    每日一言不一定要上投影,但不建议像现在这样。不舒服是因为页面主体与导航两部分的风格截然不同。
    建议:
    1. 黑色半透明衬色与白色字体
    2. 不要用圆角
    3. 如果页面没有别的橙色元素的话,也许这个页面的 hover 也可以考虑放弃橙色
    guoliguozhi03
        33
    guoliguozhi03  
    OP
       2018-06-04 01:13:00 +08:00 via Android
    @YvesX 第 1 条和第 3 条建议正式我有考虑过的,感觉 hover 橙色确实有些突兀,白色背景确实也不是那么完美,感谢你的提议,我后续再做一下优化。
    liufish
        34
    liufish  
       2018-06-04 08:21:08 +08:00
    @guoliguozhi03 吓得我还以为我打开了 bing。哈哈哈
    guoliguozhi03
        35
    guoliguozhi03  
    OP
       2018-06-04 09:29:25 +08:00 via Android
    @liufish 哈哈,莫慌莫慌,用的是 bing 的壁纸~
    ParallelMao
        36
    ParallelMao  
       2018-06-04 09:57:52 +08:00
    房产频道没有链家 or 贝壳...
    50vip
        37
    50vip  
       2018-06-04 10:15:47 +08:00
    求收录,最近在极速加内容: https://atool.vip/
    Eugene1024
        38
    Eugene1024  
       2018-06-04 10:46:16 +08:00
    做个导航两年时间,不变美都不行啊
    guoliguozhi03
        39
    guoliguozhi03  
    OP
       2018-06-04 10:49:20 +08:00 via Android
    @ParallelMao 后续考虑添加,感谢建议
    guoliguozhi03
        40
    guoliguozhi03  
    OP
       2018-06-04 10:51:58 +08:00 via Android
    @Eugene1024 哈哈,之前做的一直自己用了好久,没在意这些,后来发布出来后受到吐槽,接受大家的建议,美化了一下
    guoliguozhi03
        41
    guoliguozhi03  
    OP
       2018-06-04 10:53:39 +08:00 via Android
    @50vip 会持续关注,待内容充实了后会考虑收录的
    wssy921
        42
    wssy921  
       2018-06-04 11:13:50 +08:00
    速度太慢了,没人会用这么慢的网站当主页的吧
    2pen
        43
    2pen  
       2018-06-04 11:17:32 +08:00
    字体的阴影是不是可以考虑去掉
    liufish
        44
    liufish  
       2018-06-04 11:32:48 +08:00
    我经常一直开着 bing,就是为了看壁纸..
    liufish
        45
    liufish  
       2018-06-04 11:33:22 +08:00
    现在可以开着你这个网站了。用来看壁纸。。
    WenJimmy
        46
    WenJimmy  
       2018-06-04 11:41:12 +08:00
    看完主题,翻完评论,楼主的页面还没出来....
    zangbob
        47
    zangbob  
       2018-06-04 11:45:52 +08:00
    还是挺丑的。。
    JohnChiu
        48
    JohnChiu  
       2018-06-04 12:00:23 +08:00 via iPhone
    十几秒才打开...联通网
    strugglexiang
        49
    strugglexiang  
       2018-06-04 12:07:36 +08:00
    我打开还挺快的啊
    XFLx2
        50
    XFLx2  
       2018-06-04 12:08:05 +08:00
    LOGO 扁了 难受
    guoliguozhi03
        51
    guoliguozhi03  
    OP
       2018-06-04 12:45:20 +08:00 via Android
    @wssy921 方便告知一下您的坐标吗?靠近沿海的省份打开速度应该很快的
    guoliguozhi03
        52
    guoliguozhi03  
    OP
       2018-06-04 12:52:07 +08:00 via Android
    @2pen 哪个字体?是“果汁资源导航”的字体么?其他的没加阴影啊
    guoliguozhi03
        53
    guoliguozhi03  
    OP
       2018-06-04 12:53:54 +08:00 via Android
    @WenJimmy 好吧,这个和地理位置有关,沿海的省份速度应该很快的
    guoliguozhi03
        54
    guoliguozhi03  
    OP
       2018-06-04 12:54:42 +08:00 via Android
    @zangbob 还在改进中,感谢吐槽哈
    guoliguozhi03
        55
    guoliguozhi03  
    OP
       2018-06-04 12:55:24 +08:00 via Android
    @JohnChiu 好吧,后面会做好优化滴
    guoliguozhi03
        56
    guoliguozhi03  
    OP
       2018-06-04 12:56:36 +08:00 via Android
    @XFLx2 不会设计 logo 啊,我感觉也很蹩脚的,目前凑活着
    guoliguozhi03
        57
    guoliguozhi03  
    OP
       2018-06-04 12:57:16 +08:00 via Android
    @strugglexiang 嗯嗯,不同地方访问速度会有差异
    guoliguozhi03
        58
    guoliguozhi03  
    OP
       2018-06-04 12:59:11 +08:00 via Android
    @liufish 哈哈,这不是重点,重点是导航啊
    2pen
        59
    2pen  
       2018-06-04 14:13:41 +08:00
    @guoliguozhi03 对 就是这几个字 而且这几个字上下的间距一样会不会看起来更舒服一些
    yihouzenmeban
        60
    yihouzenmeban  
       2018-06-04 15:27:36 +08:00
    楼主不是前端吧? 你的 logo 明显变形了啊.. 原图是 380*273 然后你把 .logo 样式写成 150*80 是什么鬼..
    SoulGem
        61
    SoulGem  
       2018-06-04 16:20:37 +08:00
    This site can ’ t be reached
    liufish
        62
    liufish  
       2018-06-04 16:35:48 +08:00
    @guoliguozhi03 开着每日一言,时不时看看,挺好的。。
    tianzry
        63
    tianzry  
       2018-06-04 16:47:47 +08:00 via Android
    顶栏的 logo 明显压扁了……加油
    tank2806038
        64
    tank2806038  
       2018-06-04 17:02:41 +08:00
    - -我第一眼就看到我的小 logo 图标被盗用了
    guoliguozhi03
        65
    guoliguozhi03  
    OP
       2018-06-04 18:39:43 +08:00 via Android
    @yihouzenmeban logo 只是把图片简单处理了一下,加了个域名,原始高度太高了,设定太小域名又看不清楚,就给压扁了,后续改进。
    guoliguozhi03
        66
    guoliguozhi03  
    OP
       2018-06-04 18:41:00 +08:00 via Android
    @SoulGem what ? try again
    guoliguozhi03
        67
    guoliguozhi03  
    OP
       2018-06-04 18:44:13 +08:00 via Android
    @tianzry 稍后调整,这个今天吐槽太多了哈
    shuangmu
        68
    shuangmu  
       2018-06-04 18:46:24 +08:00
    说实话 还是丑.....
    onionnews
        69
    onionnews  
       2018-06-04 18:50:06 +08:00 via Android
    再次丑拒
    guoliguozhi03
        70
    guoliguozhi03  
    OP
       2018-06-04 18:51:11 +08:00 via Android
    @shuangmu 老扎了,铁心,我会继续努力的
    guoliguozhi03
        71
    guoliguozhi03  
    OP
       2018-06-04 18:52:06 +08:00 via Android
    @onionnews 扎老了,铁心
    shuangmu
        72
    shuangmu  
       2018-06-04 18:53:51 +08:00
    guoliguozhi03
        73
    guoliguozhi03  
    OP
       2018-06-04 18:54:49 +08:00 via Android
    @2pen 好的,感谢建议
    guoliguozhi03
        74
    guoliguozhi03  
    OP
       2018-06-04 19:34:30 +08:00 via Android
    @liufish 哈哈 感谢支持
    guoliguozhi03
        75
    guoliguozhi03  
    OP
       2018-06-04 23:06:24 +08:00
    @YvesX 已做优化,可以看一下效果: http://guozhivip.com/nav/yiyan.html
    NICEghost
        76
    NICEghost  
       2018-06-04 23:52:00 +08:00
    东西还是很少呢....
    guoliguozhi03
        77
    guoliguozhi03  
    OP
       2018-06-05 00:32:43 +08:00
    @yihouzenmeban Logo 已修正 OK,感谢建议吐槽~
    guoliguozhi03
        78
    guoliguozhi03  
    OP
       2018-06-05 00:34:44 +08:00
    @NICEghost 收录的网站大太多了,就跟没有导航一个样,还得到处找,关键在于少而精,个人理念。
    guoliguozhi03
        79
    guoliguozhi03  
    OP
       2018-06-05 07:36:55 +08:00 via Android
    @XFLx2
    @tianzry

    logo 现在修正过来了哈
    jisibencom
        80
    jisibencom  
       2018-06-05 08:11:41 +08:00
    和我的网站差不多。。
    guoliguozhi03
        81
    guoliguozhi03  
    OP
       2018-06-05 08:32:51 +08:00 via Android
    @jisibencom 哈哈,强行相像……
    Tokin
        82
    Tokin  
       2018-06-05 08:33:44 +08:00
    不把必应图片缓存一下吗?每次刷新都会重新加载。。。
    guoliguozhi03
        83
    guoliguozhi03  
    OP
       2018-06-05 10:46:04 +08:00 via Android
    这个感觉没多大影响啊,现在的网速都还好,就只有一张图而已
    guoliguozhi03
        84
    guoliguozhi03  
    OP
       2018-06-05 10:46:40 +08:00 via Android
    guoliguozhi03
        85
    guoliguozhi03  
    OP
       2018-06-05 10:51:20 +08:00 via Android
    @Lentin 每日一言已做优化,这下应该不会那么抢眼了
    tianzry
        86
    tianzry  
       2018-06-05 12:47:15 +08:00 via Android
    @guoliguozhi03 老实说,拉伸更加严重,更加扁了。小米 6,自带浏览器打开。
    guoliguozhi03
        87
    guoliguozhi03  
    OP
       2018-06-05 12:57:33 +08:00 via Android
    @tianzry 清除浏览器数据,刷新一下应该就可以了
    guoliguozhi03
        88
    guoliguozhi03  
    OP
       2018-06-05 13:00:35 +08:00 via Android
    @guoliguozhi03 应该是浏览器有缓存数据,清除数据后重新刷新一下如果还有问题的话,反馈下我继续修改哈,感谢
    guoliguozhi03
        89
    guoliguozhi03  
    OP
       2018-06-05 13:01:15 +08:00 via Android
    Libby520
        90
    Libby520  
       2018-06-05 13:32:11 +08:00
    居然没用收录我的网站?赶紧补上
    https://www.dutype.com
    rooob1
        91
    rooob1  
       2018-06-05 13:40:40 +08:00
    给你个我喜欢的,你感受一下
    http://hao.xsldh.com
    tianzry
        92
    tianzry  
       2018-06-05 13:43:12 +08:00 via Android
    @guoliguozhi03 嗯,清了缓存就好了,不错!
    ELLIA
        93
    ELLIA  
       2018-06-05 13:50:05 +08:00
    打开一次给的就是:人最好的朋友就是十指。??? 这是想表达什么!差评!
    guoliguozhi03
        94
    guoliguozhi03  
    OP
       2018-06-05 15:30:44 +08:00 via Android
    @ELLIA 哈哈,随机推荐,刷新一下看下一个吧
    guoliguozhi03
        95
    guoliguozhi03  
    OP
       2018-06-05 17:35:47 +08:00 via Android
    @rooob1 有看到过
    guoliguozhi03
        96
    guoliguozhi03  
    OP
       2018-06-05 19:48:31 +08:00 via Android
    @Libby520 经确认暂不考虑收录
    bypain
        97
    bypain  
       2018-06-06 16:11:08 +08:00
    为啥没新闻网站
    guoliguozhi03
        98
    guoliguozhi03  
    OP
       2018-06-06 16:16:48 +08:00 via Android
    @bypain 有啊,“娱乐大厅”模块里面有 今日头条,新闻网站比较多,就只筛选了一个,没有放其他的
    guoliguozhi03
        99
    guoliguozhi03  
    OP
       2018-06-06 16:20:58 +08:00 via Android
    @bypain 不过感觉今日头条的新闻质量有点低,后面可能更换为其他更权威的新闻网站。
    guoliguozhi03
        100
    guoliguozhi03  
    OP
       2018-06-08 22:17:07 +08:00
    严重声明:近期发现有人抄袭 [果汁导航] 全盘内容并独立上线,这种行为是极其可耻的,果汁导航是为了方便大家有效上网,希望某些人尊重本人的劳动成果,也希望大家一同监督举报!再次感谢大家的支持!!
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5700 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 44ms UTC 01:29 PVG 09:29 LAX 18:29 JFK 21:29
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86