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

[xscanqianmeng666]

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

[horizon]

https://procomponents.ant.design/components/layout?tab=api
https://ui.shadcn.com/blocks

[Curtion]

建议用现成的 UI 组件库, 样式就解决了; 然后去图库网站看别人的设计,获取去截图大全网站看别人网站的截图, 布局也解决了. 真要自己设计国内有即时设计, 摹客,国外有 figma

[rookie4show]

产品，美工，ui ，ux

[z1645444]

长期维护，风格统一，学学使用 figma 或者类似的应用；反复体验类似你理想中交互的站点，做减法。统一样式上的设计风格的事，会有点儿跨界，尽量一开始只专注交互和遵守 KISS 吧，这只能多逛逛设计的站点积累，类似的网址推荐就不重复推荐了，v 友两三年前有类似的讨论帖，搜搜。

快速设计拿去交付的，即时设计的 AI 功能？或者其他能出图的 AI 工具，交付给对方认可，照着做就好。

[buf1024]

能力强的就一 div 到底，能力稍微差点的就用各种 ui 框架，别想用可视化工具拖拉，那玩意没有维护性可言。

[shuson]

懒得去学 antd 之类的，原来我这种直接都是 div+css 是能力强的表现

[dj721xHiAvbL11n0]

@buf1024 一 div 到底，有没有想过 seo 无障碍等等等

[cat]

@x2420390517 我觉得他说的“一 div 到底”只是想表达手写样式，而不是全部都用 div

[avenger]

Tailwind 可以研究一下，对后端开发者很友好，刚发现了还有基于 tw 的 Components

https://daisyui.com

[wusheng0]

figma 或者 pixso 之类的工具，导入开源框架的设计资源，比如 antd 、element 的

[LuckyLauncher]

设计是设计，开发是开发
前端只是拿着设计稿还原，好看不好看是设计稿的事

[DICK23]

v0.dev

[rookie2luochao]

如果非专业前端，建议直接 antd element-plus shacui/ui 这种 UI 组件库，直接网页基调就定下来了
官网这些的话只能出设计稿用 html + css 自己画了
可以参考我的项目，用的 antd 组件库，组件 UI ，布局，主题都支持，但是肯定不如设计稿还原的好看的
https://github.com/rookie-luochao/openapi-ui

[zdhxiong]

选个用起来最简单的 UI 框架：
https://www.mdui.org/

[buf1024]

@x2420390517 一 div 到底，就不能 seo 无障碍等等等🥺