PPResume 小更新:新首页,升级 UI 库,更好的性能 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xiaohanyu
V2EX    分享创造

PPResume 小更新:新首页,升级 UI 库,更好的性能

  •  
  •   xiaohanyu
    xiaohanyu 2024-04-09 14:11:50 +08:00 3439 次点击
    这是一个创建于 605 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位好:

    上次 PPResume 更新 后已经过去了快一个月,这几周花了些时间,把底层的 UI 库 升级了一下,带来了更好的加载性能。

    同时,重新打磨设计了下 landing page

    新首页:

    • 更好的响应式支持
    • 新的设计、配色
    • 更加直观的 PDF 样章预览
    • 加入一个简单的 FAQ

    PPResume New Landing Page

    旧首页:

    • 最开始是在 iMac 27' 上设计实现的,导致很多设备适配不佳

    PPResume Old Landing Page

    接下来的计划:

    • 支持中文简历
    • 支持章节重排

    另,给大家推荐一个 react 的 UI 库:mantine。这个库是我用过的 UI 库中(包括非 react 系)功能最完备、定制性最强、API 设计顶尖水准的 UI 库。最开始 PPResume 也是采用 tailwind CSS 的,用了 mantine 后 tailwind 整个就被我抛诸脑后了。如果大家有自己开发 web 项目的需要,强烈建议大家试一试。

    21 条回复    2024-04-18 11:12:31 +08:00
    7gugu
        1
    7gugu  
       2024-04-09 14:25:54 +08:00
    看起来真的好漂亮
    7gugu
        2
    7gugu  
       2024-04-09 14:32:52 +08:00
    不过现在已经有很多站点支持这种模块化建立编辑器了,这个项目的优势是啥呢?
    kongxiao00532
        3
    kongxiao00532  
       2024-04-09 16:46:02 +08:00
    简单易用好看!
    xiaohanyu
        4
    xiaohanyu  
    OP
       2024-04-09 19:22:13 +08:00
    @7gugu 是这样的呢,resume builder 这个市场不算大,但是也不算小,市面上有很多竞品,开源的实现有一个非常优秀的: https://rxresu.me/ 。不过市面上大多数的 resume builder 底层排版引擎是基于 HTML/CSS 实现的,而 HTML/CSS 的精细排版能力比 LaTeX 还是要差一些。PPResume 的核心卖点就是顶级的排版,以及高质量的 PDF 输出,要实现这点,除了了解 LaTeX ,还要了解排版领域的特定知识,比如我写的排版指南: https://docs.ppresume.com/guide/font ,还有很久之前写的一些关于排版工具的一些对比: https://www.douban.com/note/575242910/

    除了排版方面,我自认为 PPResume 在 UI/UX 方面也有些独道之处的,基础的比如实时的表单输入验证,可以让你避免一些初级的文本错误,丰富的输入控件,以及直观的结构化编辑等等。后面会进一步打磨,把整个过程体验做到极致。

    不过最核心的还是排版输出的效果,我在这篇 [blog]( https://blog.ppresume.com/posts/introducing-ppresume) 里提供了两个样章,第一份是 rxresume 排版,基于 HTML/CSS ,第二份是基于 LaTeX ,排版效果好坏相信你能很直观的感受得到。

    ![RXResume sample)( )

    ![PPResume sample)( )
    xiaohanyu
        5
    xiaohanyu  
    OP
       2024-04-09 19:24:06 +08:00
    @kongxiao00532 哇,“简单易用好看”,在我的认知体系这是相当高的产品评价了,谢谢谢谢!
    7gugu
        6
    7gugu  
       2024-04-09 22:04:17 +08:00
    @xiaohanyu Fine 。虽然排版更漂亮了,但确实也不是一个非常大的痛点,有差异但竞争力不强,简历制作还是“实用>美观”,能准确输出个人现状就不错了。
    xiaohanyu
        7
    xiaohanyu  
    OP
       2024-04-09 22:20:38 +08:00   1
    @7gugu 这个仁者见仁智者见智啦,市面上的 resume builder 很多的,我没有必要再去造一个没有特色和侧重点的轮子,因此我把竞争点放在了排版质量上。

    另就是,我确实有一些朋友很看重简历的排版,原来淘宝店上有个客户,七八年了,每次更新简历都找我帮他排版,手工排,这也是我觉得这块可能有市场的一个原因之一。
    lovestudykid
        8
    lovestudykid  
       2024-04-10 01:42:37 +08:00
    固定的栏目满足不了所有人的需求的
    qmzhna
        9
    qmzhna  
       2024-04-10 08:11:39 +08:00
    一般人能分辨出来是 HTML/CSS 还是 Latex 生成的 PDF 嘛?那 Word 生成的 PDF 和 Latex 生成的 PDF 哪个更好呢?
    xiaohanyu
        10
    xiaohanyu  
    OP
       2024-04-10 09:43:13 +08:00
    @lovestudykid 任何一款产品其实都无法满足所有人的需求的,不过你这点提的很对,固定的栏目和模板确实是产品的一大痛点和不足,这个月我会开发“章节重排”这个功能,可以调整下章节的顺序,后序会有章节标题重命名。再高级一些的,比如完全自定义的章节,我还没想好怎么做。
    xiaohanyu
        11
    xiaohanyu  
    OP
       2024-04-10 09:57:41 +08:00
    @qmzhna 观感上还是有很大区别的,不过也需要看你是不是在意这方面。

    给一份 word 的 sample:



    同样类似的 latex 的 sample:

    xiaohanyu
        12
    xiaohanyu  
    OP
       2024-04-10 10:01:48 +08:00
    @qmzhna 仔细对比的话,两边文字的对齐方式,以及一些字体的细节,其实都还是有一些的,标注了一些注解,再看一下:

    word:



    latex:



    如前所述,我做的其实是一个小众的市场,也并不打算去满足所有人的需求,如果有人对排版质量方面有需求也有追求,那他自然会去寻找相应的解决方案,普通的 HTML/CSS 或者 Word 其实如果不是通过特别的调教,针对简历或者普通的文案排版,其实都达不到顶尖的排版效果的。

    排版细节方案,可以看一下 PPResume docs 哈: https://v2ex.com/t/1023693
    lovestudykid
        13
    lovestudykid  
       2024-04-10 10:08:41 +08:00
    @xiaohanyu #10 提供几种版式,添加新栏目的时候选择就行。你现在有很多栏目,其实也只有两三种版式的样子。
    xiaohanyu
        14
    xiaohanyu  
    OP
       2024-04-10 10:25:45 +08:00
    @lovestudykid 嗯,会做的
    lstz
        15
    lstz  
       2024-04-10 11:15:27 +08:00 via Android
    感谢分享,话说 blueprintjs 的 UI 楼主有用过吗?我感觉也是适合 data intensive application
    xiaohanyu
        16
    xiaohanyu  
    OP
       2024-04-10 17:37:36 +08:00   1
    @lstz 没用过哈,不过我感觉 PPResume 其实并不算 data intensive application 哈
    demonps
        17
    demonps  
       2024-04-15 17:13:50 +08:00
    名字包含生僻字,pdf 就会把名字变成 方框+ F ,希望模块可以自定义位置
    xiaohanyu
        18
    xiaohanyu  
    OP
       2024-04-16 20:51:25 +08:00
    @demonps 这个可能是 pdf viewer 的 character map 的问题,回头我看一下。

    自定义位置,指的是不同的 section (比如 工作,教育 )这些可以调整位置对吧?如果是这个需求的话,我最近在开发了。
    xiaohanyu
        19
    xiaohanyu  
    OP
       2024-04-16 21:57:22 +08:00
    @demonps Hello ,生僻字的问题已经暂时修复了呢,切换了下后端模板对中文的字体,issue: https://github.com/ppresume/community/issues/33
    demonps
        20
    demonps  
       2024-04-18 11:06:16 +08:00
    @xiaohanyu
    #19 谢大佬
    #18 对的,自由拖放 section ,或是可以自定义 section 中的一些属性 会更 nice
    xiaohanyu
        21
    xiaohanyu  
    OP
       2024-04-18 11:12:31 +08:00
    @demonps 嗯,章节顺序重排,还有自定义章节其实很多人提过,我也有列过计划: https://github.com/ppresume/community/issues/5https://github.com/ppresume/community/issues/12 ,最近刚刚有点时间来着手做这些,不过在做章节重排之前还要先把后端底层的数据结构再重构一下,快的话估计一个月左右可以上线了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2699 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 13:49 PVG 21:49 LAX 05:49 JFK 08:49
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86