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

麻烦大佬们康康我的网站导航还有什么值得改进的地方?

  •  
  •   muzihuaner ·
    muzihuaner · 2020-12-06 10:00:50 +08:00 · 5445 次点击
    这是一个创建于 1441 天前的主题,其中的信息可能已经有所发展或是发生改变。

    屏幕截图 2020-12-06 095840.png 访问地址: https://quickso.cn/

    61 条回复    2020-12-09 11:11:08 +08:00
    XuJianHua
        1
    XuJianHua  
       2020-12-06 10:28:25 +08:00
    主题不错,很漂亮。排版上有一点是强迫症受不了的,那就是列表右侧留空太大,可不可以把导航列表居中对齐。。。
    muayang
        2
    muayang  
       2020-12-06 10:34:43 +08:00 via iPhone
    挺漂亮的 ,多加点搜索引擎
    jdhao
        3
    jdhao  
       2020-12-06 10:35:02 +08:00 via Android
    打不开
    muayang
        4
    muayang  
       2020-12-06 10:35:32 +08:00 via iPhone
    @muayang 抱歉没仔细看
    echowuhao
        5
    echowuhao  
       2020-12-06 11:43:10 +08:00 via Android
    移动没有适配
    tanranran
        6
    tanranran  
       2020-12-06 12:25:52 +08:00


    1 、没对齐,强迫症受不了,对齐后感觉也不好看,这一块
    2 、天气和时间可以放到右上角或者不显眼的位置
    3 、分类可以在左侧屏幕边缘加一个列表,要不然,滚动太久了
    dingdangnao
        7
    dingdangnao  
       2020-12-06 12:40:24 +08:00   ❤️ 1
    滚动的时候卡卡的,
    然后横向能滑动个几像素,可能是你自己写的滚动条有关系?

    最下面二维码那个 table 好丑 而且没对齐

    搜索框里 placeholder 是白色的,输入的时候就变成黑字了,
    搜索框圆角跟下面也不一样
    聊天室太大了,傻傻的,颜色有点怪,而且背景加了透明度,有时候会看不清(或者加一个模糊试试?

    有几个块的标题是全宽的 样式不太统一

    公告 可不可以不要滚动😂又不是显示不下
    liweiliang
        8
    liweiliang  
       2020-12-06 14:15:15 +08:00
    非常不错
    lostberryzz
        9
    lostberryzz  
       2020-12-06 14:54:53 +08:00   ❤️ 1
    建议别用 cloudflare,dns 也换成国内的,刚刚试了下 dns 解析接近 1s,ttfb 高达 3 秒,还有图床也可以换一下,i.loli.net 用的是 cloudflare,在常用图床里我愿称之为最慢
    muzihuaner
        10
    muzihuaner  
    OP
       2020-12-06 15:58:55 +08:00
    @tanranran 感谢提出建议,技术有限,尽量满足
    muzihuaner
        11
    muzihuaner  
    OP
       2020-12-06 15:59:41 +08:00
    @lostberryzz 嗯嗯,感谢提出建议
    muzihuaner
        12
    muzihuaner  
    OP
       2020-12-06 16:00:35 +08:00
    @dingdangnao 大佬的建议很专业,可惜技术有限,尽量满足😁
    8bryo4p5qn758Dmv
        13
    8bryo4p5qn758Dmv  
       2020-12-06 18:00:41 +08:00
    1. "常用"实际是一个 Hover 菜单,但是看起不像一个菜单
    2. 搜索输入框不应该有背景颜色
    3. 默认搜索引擎为百度,但是为什么 placeholder 显示为本站?
    3.1 音乐,影视,查快递和百度、谷歌不属于一个层级,不建议放一起
    4. 公告没有必要做成滚动的
    5. 时间天气等信息可以放到右上角或左下角,并且时间不需要读秒
    6. 常用这一块几乎没有我认识的网站,常用的意义是什么?欢哥 XXX 是什么鬼?
    7. 网站建议按照 ALEX 权重排序,很多一看就是低质量站点
    8. 网站按钮右上角的红点蓝点意义不明
    9. 主分类建议做成 TAB 导航栏,没人有兴趣滚动到底
    10. 同理,关注和支持放在最底部,没人有兴趣看

    总体上看下来交互设计和 UI 都很一般。
    muzihuaner
        14
    muzihuaner  
    OP
       2020-12-06 19:01:14 +08:00
    @whitecosm0s 大佬的建议很好,不过我还是有一些自己的想法。
    1.“常用”是一些我自己常用的网站
    2.我感觉搜索框没有毛病,第一栏就是“常用”,所以那几个就是经常用的搜索。
    之所以 placeholder 显示为本站,是因为以我目前的技术还不会做导航栏,所以只能借助浏览器“曲线救国”
    3.我感觉每一个网站都有它的价值,所以没有刻意排序
    4.红点蓝点意义,下面的“使用说明”有
    .....
    Cielsky
        15
    Cielsky  
       2020-12-06 19:21:13 +08:00
    搜索哪里可以自定义分组就好了
    8bryo4p5qn758Dmv
        16
    8bryo4p5qn758Dmv  
       2020-12-06 20:19:17 +08:00
    @muzihuaner

    搜索框毛病很多,我一个一个说吧

    首先搜索框整体 UI 非常难看,按钮的背景颜色和网站的主色调不一致(淡红色?),并且淡红的背景颜色和按钮颜色也搭配不起来。按钮颜色过多,饱和度过高,特别是『工具』那里,非常的刺眼和另人不适,如果为了突出按钮的功能性可以采用图标加文字的形式,颜色尽量简单。选中的形式可以使用背景色加文字高亮。

    搜索框使用蓝色作为背景颜色,几乎没有主流网站会在搜索框背景中使用光谱颜色,一般都是白色或者灰度,黑色的文字在蓝色背景上很刺眼,会让人联想到昆虫或者蛇之类的动物,很不好。搜索按钮和输入文字两边的 padding 也不一致,点击搜索按钮时会出现奇怪的蓝白边框。

    交互上,音乐和影视导航到了两个完全不知名的站点,让人感觉很可疑,很不专业。

    我随便找了一个比较好的导航站,https://www.benbenla.com ,在我看来 UI 也很一般,但是完全没有我提到的这些问题,你可以参考一下
    geebos
        17
    geebos  
       2020-12-06 20:52:38 +08:00
    最下面那一行不喜欢,建议用 flex 布局,参考这个样式:
    .nya-container {
    display: flex;
    flex-wrap: wrap;
    }
    meisen
        18
    meisen  
       2020-12-06 20:56:27 +08:00   ❤️ 1
    美术生不懂技术,单从 UI 看,像极了素描刚入门时排线,画好人像还有一段路程。
    geebos
        19
    geebos  
       2020-12-06 20:57:11 +08:00
    另外在按钮上加个 title 吧,鼠标移上去可以看到完整的标题。不让我进开发者模式我还偏要进😤,直接打开菜单栏,诶,我进来了,我又出去了
    muzihuaner
        20
    muzihuaner  
    OP
       2020-12-06 21:12:50 +08:00
    @whitecosm0s 搜索框按您说的修改了一点,“两个完全不知名的站点”是我自己的网站,毕竟“自产自销”嘛!
    不管怎样,还是很感谢您能提出建议,非常感谢!
    Shook
        21
    Shook  
       2020-12-06 21:12:57 +08:00
    这种聚合网站备案麻烦吗
    muzihuaner
        22
    muzihuaner  
    OP
       2020-12-06 21:17:22 +08:00
    @Shook 我的没有备案,国外服务器,估计比较难~
    muzihuaner
        23
    muzihuaner  
    OP
       2020-12-06 21:20:06 +08:00
    @geebos 嘿嘿~根本挡不住 标题没有搞~因为比较懒~
    muzihuaner
        24
    muzihuaner  
    OP
       2020-12-06 21:20:43 +08:00
    @echowuhao 已适配
    muzihuaner
        25
    muzihuaner  
    OP
       2020-12-06 21:24:47 +08:00
    @lostberryzz 我也想,但是没有备案,而且我的服务器不支持 ssl,我感觉 sm 图床挺好的😁
    lostberryzz
        26
    lostberryzz  
       2020-12-06 21:49:52 +08:00
    @muzihuaner 没有备案不代表就必须要用 cloudflare 啊,香港日本美西都挺快的,各种优质线路随意挑都比 cloudflare 体验好,而且不备案也可以用国内 dns 比如 dnspod 和 alidns 。

    不支持 ssl 说实话这句没能理解,免费的 ssl 证书阿里云腾讯云都有,要泛域名 letsencrypt 证书用 acme.sh 申请也很方便,最近换了中级证书 ocsp 污染的问题也解决了。

    关于图床的这个问题,如果图片不多,直接放服务器上就好了,速度绝对比你用 sm 图床快;如果以图片为主的就更不能用 sm 图床了,第一个问题是速度,第二个问题是数据掌握在别人手里,不知道哪天图片被删了换成广告你都不知道;这种情况推荐 oss+cdn,想省钱可以白嫖国内大厂的图床比如说微博图床,头条图床,同样注意备份数据。
    muzihuaner
        27
    muzihuaner  
    OP
       2020-12-06 23:13:41 +08:00
    @lostberryzz 感谢您的建议,dns 已经换成了 dnspod,图片用 Gitee 来存储了(掌握在自己手里)!
    huhexian
        28
    huhexian  
       2020-12-06 23:17:57 +08:00
    打不开
    mingceng
        29
    mingceng  
       2020-12-07 01:33:59 +08:00
    还是打不开
    chinanala
        30
    chinanala  
       2020-12-07 03:37:29 +08:00
    请教下楼主,Web 网页聊天室,使用的什么方案,谢谢!
    muzihuaner
        31
    muzihuaner  
    OP
       2020-12-07 07:23:30 +08:00
    muzihuaner
        32
    muzihuaner  
    OP
       2020-12-07 08:55:09 +08:00
    @chinanala 这个不是我弄的,我也是调用别人的
    技术栈
    前台:gulp + browserify + babel + jquery-slim
    后台:nodejs + ws + https + node-schedule + psl(用于识别根域名) + axios + 图灵机器人(tuling123.com)

    作者:icheer
    链接: https://ld246.com/article/1534741351807
    kx5d62Jn1J9MjoXP
        33
    kx5d62Jn1J9MjoXP  
       2020-12-07 09:09:08 +08:00
    搜索框和 logo 占用的空间太多
    尤其是搜索框, 大部分人都用浏览器地址栏直接搜索了, 有导航网址需求的人一般都喜欢信息密度大一点的
    lbyo
        34
    lbyo  
       2020-12-07 09:26:21 +08:00

    Dark Mode 的样式可以再调整一下,全黑的配色不太妙
    37Y37
        35
    37Y37  
       2020-12-07 09:37:42 +08:00
    感觉有点多,无从下手,要不看看我的?

    https://nav.ops-coffee.cn
    muzihuaner
        36
    muzihuaner  
    OP
       2020-12-07 09:52:01 +08:00
    @lbyo 这个是一级夜间模式,你还可以点击“自留地-关灯”,试试~
    wwwtarzan
        37
    wwwtarzan  
       2020-12-07 09:59:13 +08:00
    下面各网站的链接可以加上网站的 logo 吗,比较有辨识度,这样全文字标识看的很累。。。
    muzihuaner
        38
    muzihuaner  
    OP
       2020-12-07 10:01:32 +08:00
    @wwwtarzan 这个有点难,懒~
    muzihuaner
        39
    muzihuaner  
    OP
       2020-12-07 10:06:41 +08:00
    @muzihuaner 已改为“快捷分类导航-开 /关灯”
    iyobucuo
        40
    iyobucuo  
       2020-12-07 11:09:15 +08:00
    1 、天气定制失败,坐标山东青岛市北
    2 、常用可以自定义编辑吗?
    3 、欢哥是谁呀
    4 、 [欢哥音乐] qq 音乐歌曲,播放失败,下载歌曲报错
    403
    Forbidden
    Error Times: Mon, 07 Dec 2020 02:47:31 GMT
    IP: 153.118.42.156Node information: hdx103
    URL: https://dl.stream.qqmusic.qq.com/M8000048aDPt3BUeA2.mp3?vkey=&guid=501028288&uid=0&fromtag=30

    Check: Details

    5 、胡萝卜周被迫关站了
    6 、体育可以加个咪咕体育 /咪咕视频吗?转播 CBA,支持一下
    lw10645
        41
    lw10645  
       2020-12-07 11:20:39 +08:00
    1.公告栏比较多余,尤其那个滚动文字,比较 low
    2.搜索部分跟下面的卡片层次不一样,看着有断层,比较违和
    3.内容太多了,视觉疲劳,无焦点

    个人观点
    muzihuaner
        42
    muzihuaner  
    OP
       2020-12-07 12:34:01 +08:00 via Android
    @magicianjaychou 1.天气这个貌似是根据 IP 定位的
    2.常用不能编辑(目前不会~)
    3.我的昵称就是“欢哥”
    4.欢哥音乐,目前没精力更新
    5.胡萝卜周就当免费引流吧😂
    6.已添加
    batigoal
        43
    batigoal  
       2020-12-07 12:40:52 +08:00
    网站打不开。没有话语权。
    Darkside
        44
    Darkside  
       2020-12-07 12:42:16 +08:00
    发现一些没啥意思的东西

    https://i.loli.net/2020/12/07/xqpbOCaLsF5vBgM.png

    https://i.loli.net/2020/12/07/C4iuWO3n16j8Lzy.png

    能不能别屏蔽 F12,手敲 view-source 挺浪费时间的( x
    u6pM63mMZ34z32cE
        45
    u6pM63mMZ34z32cE  
       2020-12-07 12:56:03 +08:00
    一个导航网站为什么要通知权限?
    micean
        46
    micean  
       2020-12-07 12:57:50 +08:00
    0. 图片都太大了
    1. 聊天室换成 2 级页面
    2. 禁止右键是什么鬼?控制台想怎么就怎么开拦得住么。。。
    muzihuaner
        47
    muzihuaner  
    OP
       2020-12-07 12:58:47 +08:00 via Android
    @mebtte 因为要显示更新通知呀
    muzihuaner
        48
    muzihuaner  
    OP
       2020-12-07 12:59:07 +08:00 via Android
    @micean 心理作用😂
    muzihuaner
        49
    muzihuaner  
    OP
       2020-12-07 13:00:08 +08:00 via Android
    @Darkside 这个是用来迷惑小白的😂
    ohooooo
        50
    ohooooo  
       2020-12-07 16:02:53 +08:00
    1.打开占视觉中心很大区域的公告部分,其实没人在乎,用户不想看。
    2.红点非常引人反感,尤其是强迫症患者来说。
    3.不可自定义的导航都是垃圾导航。
    CloseToWheat
        51
    CloseToWheat  
       2020-12-07 17:37:32 +08:00
    资深二次元觉得 二次元需要单独一栏,而且二次元浓度不够,很多常用网站没列出来
    iloxmn
        52
    iloxmn  
       2020-12-07 18:06:30 +08:00 via Android
    这各种没对齐
    muzihuaner
        53
    muzihuaner  
    OP
       2020-12-07 18:47:07 +08:00
    @ohooooo 我也想自定义,可是不会~
    muzihuaner
        54
    muzihuaner  
    OP
       2020-12-07 18:47:49 +08:00
    @CloseToWheat 有没有二次元网站列表?虽然我不是二次元
    huangsen365
        55
    huangsen365  
       2020-12-08 01:06:01 +08:00 via iPhone
    域名不易记 是硬伤
    kun775
        56
    kun775  
       2020-12-08 09:39:42 +08:00
    首页滚动时候有点不流畅的感觉,一卡一卡的
    muzihuaner
        57
    muzihuaner  
    OP
       2020-12-08 11:03:06 +08:00
    @huangsen365 这么简单还记不住? Quick So .cn Quick 快的; 迅速的; 敏捷的; 时间短暂的; 立竿见影的,So,搜索
    学过英语的应该知道
    huangsen365
        58
    huangsen365  
       2020-12-08 11:26:57 +08:00 via iPhone
    @muzihuaner 我懂是懂…但是你的意思是说全中国有 14 亿人口都懂英文是吗?
    jigong1234
        59
    jigong1234  
       2020-12-08 16:37:53 +08:00
    打开速度有点慢
    newSimpleLife
        60
    newSimpleLife  
       2020-12-08 18:42:49 +08:00
    滚动的时候闪烁
    dark mode 按钮 zidnex 不对,在窄屏幕下点击不到
    mingt
        61
    mingt  
       2020-12-09 11:11:08 +08:00
    @37Y37 厉害,真不戳
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2738 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 05:27 · PVG 13:27 · LAX 21:27 · JFK 00:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.