V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xscanqianmeng666
V2EX  ›  程序员

想知道 前端的页面是用什么设计的

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

    想自己开发一个项目 前端的页面布局以及样式啥的 不知道是怎么设计的 是有什么工具嘛 还是有什么快速设计的东西 平时也不太了解这一块 有大佬给解释解释嘛

    15 条回复    2024-04-30 09:14:04 +08:00
    horizon
        1
    horizon  
       234 天前   ❤️ 1
    https://procomponents.ant.design/components/layout?tab=api
    https://ui.shadcn.com/blocks
    Curtion
        2
    Curtion  
       234 天前
    建议用现成的 UI 组件库, 样式就解决了; 然后去图库网站看别人的设计,获取去截图大全网站看别人网站的截图, 布局也解决了. 真要自己设计国内有即时设计, 摹客,国外有 figma
    rookie4show
        3
    rookie4show  
       234 天前
    产品,美工,ui ,ux
    z1645444
        4
    z1645444  
       234 天前
    长期维护,风格统一,学学使用 figma 或者类似的应用;反复体验类似你理想中交互的站点,做减法。统一样式上的设计风格的事,会有点儿跨界,尽量一开始只专注交互和遵守 KISS 吧,这只能多逛逛设计的站点积累,类似的网址推荐就不重复推荐了,v 友两三年前有类似的讨论帖,搜搜。

    快速设计拿去交付的,即时设计的 AI 功能?或者其他能出图的 AI 工具,交付给对方认可,照着做就好。
    buf1024
        5
    buf1024  
       234 天前
    能力强的就一 div 到底,能力稍微差点的就用各种 ui 框架,别想用可视化工具拖拉,那玩意没有维护性可言。
    shuson
        6
    shuson  
       234 天前
    懒得去学 antd 之类的,原来我这种直接都是 div+css 是能力强的表现
    dj721xHiAvbL11n0
        7
    dj721xHiAvbL11n0  
       234 天前
    @buf1024 一 div 到底,有没有想过 seo 无障碍等等等
    cat
        8
    cat  
       234 天前
    @x2420390517 我觉得他说的“一 div 到底”只是想表达手写样式,而不是全部都用 div
    avenger
        9
    avenger  
       234 天前
    Tailwind 可以研究一下,对后端开发者很友好,刚发现了还有基于 tw 的 Components

    https://daisyui.com
    wusheng0
        10
    wusheng0  
       234 天前 via Android
    figma 或者 pixso 之类的工具,导入开源框架的设计资源,比如 antd 、element 的
    LuckyLauncher
        11
    LuckyLauncher  
       234 天前
    设计是设计,开发是开发
    前端只是拿着设计稿还原,好看不好看是设计稿的事
    DICK23
        12
    DICK23  
       234 天前
    rookie2luochao
        13
    rookie2luochao  
       234 天前
    如果非专业前端,建议直接 antd element-plus shacui/ui 这种 UI 组件库,直接网页基调就定下来了
    官网这些的话只能出设计稿用 html + css 自己画了
    可以参考我的项目,用的 antd 组件库,组件 UI ,布局,主题都支持,但是肯定不如设计稿还原的好看的
    https://github.com/rookie-luochao/openapi-ui
    zdhxiong
        14
    zdhxiong  
       234 天前
    选个用起来最简单的 UI 框架:
    https://www.mdui.org/
    buf1024
        15
    buf1024  
       232 天前
    @x2420390517 一 div 到底,就不能 seo 无障碍等等等🥺
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1442 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 17:14 · PVG 01:14 · LAX 09:14 · JFK 12:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.