V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
guoliguozhi03
V2EX  ›  分享创造

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

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

    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   ·   实用小工具   ·   1234 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 18:05 · PVG 02:05 · LAX 10:05 · JFK 13:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.