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

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

  •  
  •   xiaohanyu ·
    xiaohanyu · 257 天前 · 2802 次点击
    这是一个创建于 257 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位好:

    上次 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  
       256 天前
    看起来真的好漂亮
    7gugu
        2
    7gugu  
       256 天前
    不过现在已经有很多站点支持这种模块化建立编辑器了,这个项目的优势是啥呢?
    kongxiao00532
        3
    kongxiao00532  
       256 天前
    简单易用好看!
    xiaohanyu
        4
    xiaohanyu  
    OP
       256 天前
    @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
       256 天前
    @kongxiao00532 哇,“简单易用好看”,在我的认知体系这是相当高的产品评价了,谢谢谢谢!
    7gugu
        6
    7gugu  
       256 天前
    @xiaohanyu Fine 。虽然排版更漂亮了,但确实也不是一个非常大的痛点,有差异但竞争力不强😂,简历制作还是“实用>美观”,能准确输出个人现状就不错了。
    xiaohanyu
        7
    xiaohanyu  
    OP
       256 天前   ❤️ 1
    @7gugu 这个仁者见仁智者见智啦,市面上的 resume builder 很多的,我没有必要再去造一个没有特色和侧重点的轮子,因此我把竞争点放在了排版质量上。

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

    给一份 word 的 sample:



    同样类似的 latex 的 sample:

    xiaohanyu
        12
    xiaohanyu  
    OP
       256 天前
    @qmzhna 仔细对比的话,两边文字的对齐方式,以及一些字体的细节,其实都还是有一些的,标注了一些注解,再看一下:

    word:



    latex:



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

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

    自定义位置,指的是不同的 section (比如 工作,教育 )这些可以调整位置对吧?如果是这个需求的话,我最近在开发了。
    xiaohanyu
        19
    xiaohanyu  
    OP
       249 天前
    @demonps Hello ,生僻字的问题已经暂时修复了呢,切换了下后端模板对中文的字体,issue: https://github.com/ppresume/community/issues/33
    demonps
        20
    demonps  
       248 天前
    @xiaohanyu
    #19 谢大佬👍
    #18 对的,自由拖放 section ,或是可以自定义 section 中的一些属性 会更 nice🎉
    xiaohanyu
        21
    xiaohanyu  
    OP
       248 天前
    @demonps 嗯,章节顺序重排,还有自定义章节其实很多人提过,我也有列过计划: https://github.com/ppresume/community/issues/5https://github.com/ppresume/community/issues/12 ,最近刚刚有点时间来着手做这些,不过在做章节重排之前还要先把后端底层的数据结构再重构一下,快的话估计一个月左右可以上线了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2584 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 06:12 · PVG 14:12 · LAX 22:12 · JFK 01:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.