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

个人网站全新改版,界面比之前更清新更耐看,分享一下

  •  2
     
  •   steamEra · 2021-06-13 18:30:56 +08:00 · 4587 次点击
    这是一个创建于 1260 天前的主题,其中的信息可能已经有所发展或是发生改变。

    https://xinxin.design/

    之前的版本是深色系,不小心在后台编辑出错导致版面混乱,干脆全新改版。

    于是这个浅色系版本上线。在 Google Fonts 简单浏览了一圈,挑选了一个符合自己要求的字体用于呈现标题,再定义整个站点的颜色搭配方式,简单排版一下,这个版本便成型了。进一步打磨视觉细节,调整交互动画,便最终上线了如您现在看到的版本。

    自己很喜欢这个版本,希望您也会喜欢。

    同时还上线了 https://xinxin.design/blog 板块,用于记录自己对设计的想法。在这里欢迎同行交流,相互交流才能促进对设计的理解。

    感谢耐心看完这几段文字。

    第 1 条附言  ·  2021-06-15 05:15:21 +08:00
    感谢大家的反馈,目前压缩了全站的图片,访问速度应该提升不少。
    29 条回复    2022-04-01 23:29:54 +08:00
    zhuyongqi9
        1
    zhuyongqi9  
       2021-06-13 19:35:00 +08:00
    之前就已经看到了,很喜欢音乐 app 的设计
    Kilerd
        2
    Kilerd  
       2021-06-13 20:26:32 +08:00
    楼主是专业设计师吗?
    edinina
        3
    edinina  
       2021-06-13 20:40:13 +08:00 via iPhone
    好漂亮
    cue
        4
    cue  
       2021-06-13 21:12:48 +08:00
    访问速度好像有点慢儿
    stimw
        5
    stimw  
       2021-06-13 21:58:13 +08:00 via Android
    很漂亮 羡慕设计能力和前端能力强的人
    yitingbai
        6
    yitingbai  
       2021-06-13 22:05:05 +08:00
    访问速度太慢了,10s 都没全部加载出来, 毫无用户体验
    Felldeadbird
        7
    Felldeadbird  
       2021-06-13 22:05:25 +08:00
    过渡动画做得挺好的。就是国内访问速度有点慢,以为网站卡着。
    steamEra
        8
    steamEra  
    OP
       2021-06-13 22:18:08 +08:00
    @yitingbai #6
    @Felldeadbird #7

    我这里访问还行,难道是已有缓存的缘故?用的是香港的服务器。图片大可能是速度慢的部分原因吧。但是每次压缩图片,都会丢失特别多的设计细节——比如渐变、投影的质感,所以我不太习惯压缩。
    aqutor
        9
    aqutor  
       2021-06-13 22:28:33 +08:00
    @steamEra #8 我这边看了下可能是 dribbble 拖慢了速度
    steamEra
        10
    steamEra  
    OP
       2021-06-13 22:37:46 +08:00
    @aqutor #9 明白,我给去掉吧
    steamEra
        11
    steamEra  
    OP
       2021-06-13 22:39:16 +08:00
    @Kilerd #2 是的
    Kilerd
        12
    Kilerd  
       2021-06-13 23:30:23 +08:00
    @steamEra 设计网页是怎么收费的?
    pendulum
        13
    pendulum  
       2021-06-13 23:53:12 +08:00
    太强了,界面美观,动画优雅,完全看不出是 wp😂(不过话说几 MB 的图直接怼前端真的好吗)
    learningman
        14
    learningman  
       2021-06-13 23:59:38 +08:00 via Android
    @steamEra 试试 webp
    steamEra
        15
    steamEra  
    OP
       2021-06-14 00:23:44 +08:00 via Android
    @pendulum 因为是拖拽工具生成的布局,动画不是我手写的,我只不过调整了参数。
    potatowish
        16
    potatowish  
       2021-06-14 12:07:11 +08:00 via iPhone
    风格很 fashion,访问速度堪忧啊
    steamEra
        17
    steamEra  
    OP
       2021-06-14 13:02:31 +08:00 via Android
    @potatowish 在优化了,主要是图片体积太大了,我在逐一替换,另外就是 dribbble 的模块会影响。
    zololiu
        18
    zololiu  
       2021-06-14 15:24:23 +08:00
    哇哦,我有被美到!
    zhaiblog
        19
    zhaiblog  
       2021-06-14 17:29:58 +08:00 via iPhone
    /blog 菜单的 BLOG 在 ios 下换行了,可以改一下
    zhaiblog
        20
    zhaiblog  
       2021-06-14 17:30:28 +08:00 via iPhone
    @zhaiblog 。刚发完发现又好了
    zhaiblog
        21
    zhaiblog  
       2021-06-14 17:33:38 +08:00
    评论框下的最后一个 input(wp-comment-cookies-consent) 可能要隐藏一下?
    steamEra
        22
    steamEra  
    OP
       2021-06-14 19:27:45 +08:00 via Android
    @zhaiblog 感谢反馈
    tomari
        23
    tomari  
       2021-06-15 00:27:21 +08:00 via iPhone
    挺简洁的
    shuxhan
        24
    shuxhan  
       2021-06-15 09:32:26 +08:00
    如果图片慢的话,建议使用 webp 格式的图片,不但清晰而且占用小,是 png 的一半内存,清晰度不变
    pigzzz
        25
    pigzzz  
       2021-06-15 09:56:28 +08:00
    有点卡,滚动起来都是慢半拍的样子
    3wdddd
        26
    3wdddd  
       2021-06-15 10:12:45 +08:00
    我觉得形式太多,网站内容反而不丰富。
    没有专注在内容上 https://www.behance.net/
    lengziyu
        27
    lengziyu  
       2021-06-15 17:33:32 +08:00
    0bit
        28
    0bit  
       2021-06-21 16:44:01 +08:00
    动效要为内容服务,感觉有点喧宾夺主了
    vicentcai
        29
    vicentcai  
       2022-04-01 23:29:54 +08:00
    用的什么框架?无法访问了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   984 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:21 · PVG 03:21 · LAX 11:21 · JFK 14:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.