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

[guoliguozhi03]

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

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

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

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

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

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

欢迎大家继续吐槽哈！

[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 哈哈，之前做的一直自己用了好久，没在意这些，后来发布出来后受到吐槽，接受大家的建议，美化了一下