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

[guoliguozhi03]

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

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

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

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

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

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

欢迎大家继续吐槽哈！

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

每日一言地址已变更：
http://guozhivip.com/yy/

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

[Athrob]

手机版看上去还是很不错的

[guoliguozhi03]

谢谢鼓励，也希望果汁导航能让大家觉得更方便更实用

[Baymaxbowen]

顶栏感觉扁扁的

[SquirrelMAN]

字体可以再考虑一下

[poorcai]

有的两个字名称中间有空格，有的没有，统一一下。

[guoliguozhi03]

@poorcai 哇，这都看出来了，这个是我故意这样做的，微小的区分稍微变化一下方便大家好找一些

[guoliguozhi03]

@SquirrelMAN 大体上统一设定的微软雅黑，宋体个人感觉效果不太好

[guoliguozhi03]

@Baymaxbowen 可能是受蹩脚的 LOGO 影响的吧~

[Webber]

你这个导航做得不错啊，每日一言也挺好的，收藏了

[zqjilove]

个人欣赏不来这种界面，还是支持一下。

[guoliguozhi03]

@zqjilove 谢谢支持，没有套用任何一个千篇一律的常规模板，纯自己手工打造

[guoliguozhi03]

@zqjilove 谢谢

[guoliguozhi03]

@Webber 感谢支持哈~

[az402]

body {
min-width: 1340px;
background-color: #f5f5f5;
font-size: 14px;
font-family: "Microsoft YaHei";
}

感受到深深的恶意。

[Heigum]

有个叫炫猿的 做的挺好

[liufish]

每日一言的背景图片是 bing 的吧？

[guoliguozhi03]

@liufish 是滴~

[guoliguozhi03]

@Heigum 看到过

[guoliguozhi03]

@az402 ……

[wjp2018]

没有好果汁吃😂😂😂😂

[guoliguozhi03]

@wjp2018 哈哈，这个厉害了

[wzy44944]

打开速度超快，在 V2EX 看过这么多网站，这个真的是最快的，好奇是怎么做到的？可以分享一点经验吗？谢谢

[guoliguozhi03]

@wzy44944 代码优化，图片压缩，再加一个好的服务器

[kimwang]

吐槽域名。

[guoliguozhi03]

@kimwang 哈哈，当时为了注册域名，试一个已被注册，再试一个还是被注册了，就给 guozhi 后面强行加了个 vip 凑成了 guozhivip.com ，我也很无奈啊~

[Lentin]

一言的文字后面的白背景太抢眼了，加个投影舒服多了
text-shadow: black 0.1em 0.1em 0.2em;
color: white;

[guoliguozhi03]

@Lentin 加白色背景的目的就是为了突出“一言”，毕竟是每日一言，背景只是衬托而已，当然随着背景图的更新，说不定下一张图衬托就不那么抢眼了，后面我再考虑优化一下，感谢建议。

[kimwang]

@guoliguozhi03 个人强迫，我想破头都会弄个满意的域名。

短的不行，长点也好，容易记就行，比如 guoerzhi，你可以看看，比如果汁 VIP 强。

[1762628386]

提个意见哈
1.页面字体视觉上要有层级感，根据重要程度 [大小 /亮度] 依次缩减 ，以突出重要部分，减少非重要部分视觉占用
2.主色调不突出:LOGO 的黄颜色，以及橙汁的黄色 ，如果将:hover 弄成红色不太好
3. 第一屏是用户看的最多的地方 色调太暗了，没有视觉突出的地方 最好用精美的图片或者图片增强网站视觉效果
5.学会做减法,用交互去隐藏不必要展示的地方 比如:天气

[guoliguozhi03]

@kimwang 哈哈，说实话，当时没想那么多，真是拍脑袋拍出来的

[guoliguozhi03]

@1762628386 感谢您的建议！配色设计确实是一门学问，目前还在修炼中，谢谢您的宝贵意见，后面会逐步优化设计，不断改进。

[YvesX]

@guoliguozhi03 #31

每日一言不一定要上投影，但不建议像现在这样。不舒服是因为页面主体与导航两部分的风格截然不同。
建议：
1. 黑色半透明衬色与白色字体
2. 不要用圆角
3. 如果页面没有别的橙色元素的话，也许这个页面的 hover 也可以考虑放弃橙色

[guoliguozhi03]

@YvesX 第 1 条和第 3 条建议正式我有考虑过的，感觉 hover 橙色确实有些突兀，白色背景确实也不是那么完美，感谢你的提议，我后续再做一下优化。

[liufish]

@guoliguozhi03 吓得我还以为我打开了 bing。哈哈哈

[guoliguozhi03]

@liufish 哈哈，莫慌莫慌，用的是 bing 的壁纸~

[ParallelMao]

房产频道没有链家 or 贝壳...

[50vip]

求收录，最近在极速加内容： https://atool.vip/

[Eugene1024]

做个导航两年时间，不变美都不行啊

[guoliguozhi03]

@ParallelMao 后续考虑添加，感谢建议

[guoliguozhi03]

@Eugene1024 哈哈，之前做的一直自己用了好久，没在意这些，后来发布出来后受到吐槽，接受大家的建议，美化了一下

[guoliguozhi03]

@50vip 会持续关注，待内容充实了后会考虑收录的

[wssy921]

速度太慢了，没人会用这么慢的网站当主页的吧

[2pen]

字体的阴影是不是可以考虑去掉

[liufish]

我经常一直开着 bing，就是为了看壁纸..

[liufish]

现在可以开着你这个网站了。用来看壁纸。。

[WenJimmy]

看完主题，翻完评论，楼主的页面还没出来....

[zangbob]

还是挺丑的。。

[JohnChiu]

十几秒才打开...联通网

[strugglexiang]

我打开还挺快的啊

[XFLx2]

LOGO 扁了 难受

[guoliguozhi03]

@wssy921 方便告知一下您的坐标吗？靠近沿海的省份打开速度应该很快的

[guoliguozhi03]

@2pen 哪个字体？是“果汁资源导航”的字体么？其他的没加阴影啊

[guoliguozhi03]

@WenJimmy 好吧，这个和地理位置有关，沿海的省份速度应该很快的

[guoliguozhi03]

@zangbob 还在改进中，感谢吐槽哈

[guoliguozhi03]

@JohnChiu 好吧，后面会做好优化滴

[guoliguozhi03]

@XFLx2 不会设计 logo 啊，我感觉也很蹩脚的，目前凑活着

[guoliguozhi03]

@strugglexiang 嗯嗯，不同地方访问速度会有差异

[guoliguozhi03]

@liufish 哈哈，这不是重点，重点是导航啊😂

[2pen]

@guoliguozhi03 对 就是这几个字 而且这几个字上下的间距一样会不会看起来更舒服一些

[yihouzenmeban]

楼主不是前端吧? 你的 logo 明显变形了啊.. 原图是 380*273 然后你把 .logo 样式写成 150*80 是什么鬼..

[SoulGem]

This site can ’ t be reached

[liufish]

@guoliguozhi03 开着每日一言，时不时看看，挺好的。。

[tianzry]

顶栏的 logo 明显压扁了……加油

[tank2806038]

- -我第一眼就看到我的小 logo 图标被盗用了

[guoliguozhi03]

@yihouzenmeban logo 只是把图片简单处理了一下，加了个域名，原始高度太高了，设定太小域名又看不清楚，就给压扁了，后续改进。

[guoliguozhi03]

@SoulGem what ? try again

[guoliguozhi03]

@tianzry 稍后调整，这个今天吐槽太多了哈

[shuangmu]

说实话 还是丑.....

[onionnews]

再次丑拒

[guoliguozhi03]

@shuangmu 老扎了，铁心，我会继续努力的

[guoliguozhi03]

@onionnews 扎老了，铁心

[shuangmu]

@guoliguozhi03 加油

[guoliguozhi03]

@2pen 好的👌，感谢建议

[guoliguozhi03]

@liufish 哈哈😄 感谢支持

[guoliguozhi03]

@YvesX 已做优化，可以看一下效果： http://guozhivip.com/nav/yiyan.html

[NICEghost]

东西还是很少呢....

[guoliguozhi03]

@yihouzenmeban Logo 已修正 OK，感谢建议吐槽~

[guoliguozhi03]

@NICEghost 收录的网站大太多了，就跟没有导航一个样，还得到处找，关键在于少而精，个人理念。

[guoliguozhi03]

@XFLx2
@tianzry

logo 现在修正过来了哈

[jisibencom]

和我的网站差不多。。

[guoliguozhi03]

@jisibencom 哈哈，强行相像……

[Tokin]

不把必应图片缓存一下吗？每次刷新都会重新加载。。。

[guoliguozhi03]

这个感觉没多大影响啊，现在的网速都还好，就只有一张图而已

[guoliguozhi03]

@Tokin

[guoliguozhi03]

@Lentin 每日一言已做优化，这下应该不会那么抢眼了

[tianzry]

@guoliguozhi03 老实说，拉伸更加严重，更加扁了。小米 6，自带浏览器打开。

[guoliguozhi03]

@tianzry 清除浏览器数据，刷新一下应该就可以了

[guoliguozhi03]

@guoliguozhi03 应该是浏览器有缓存数据，清除数据后重新刷新一下如果还有问题的话，反馈下我继续修改哈，感谢😊

[guoliguozhi03]

@tianzry

[Libby520]

居然没用收录我的网站？赶紧补上
https://www.dutype.com

[rooob1]

给你个我喜欢的,你感受一下
http://hao.xsldh.com

[tianzry]

@guoliguozhi03 嗯，清了缓存就好了，不错！

[ELLIA]

打开一次给的就是：人最好的朋友就是十指。??? 这是想表达什么！差评！

[guoliguozhi03]

@ELLIA 哈哈😄，随机推荐，刷新一下看下一个吧

[guoliguozhi03]

@rooob1 有看到过

[guoliguozhi03]

@Libby520 经确认暂不考虑收录

[bypain]

为啥没新闻网站

[guoliguozhi03]

@bypain 有啊，“娱乐大厅”模块里面有 今日头条，新闻网站比较多，就只筛选了一个，没有放其他的

[guoliguozhi03]

@bypain 不过感觉今日头条的新闻质量有点低，后面可能更换为其他更权威的新闻网站。

[guoliguozhi03]

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