如何使用 ruby 设计网页 UI

Question

使用 Sinatra 等轻量级框架，呈现信息和从用户那里接收信息的最佳方式是易于编写代码但又赏心悦目。

前端设计不是我的强项，所以我正在寻找可以让我正确地向用户显示信息并允许用户向后端发出工作请求的选项。 这应该也有移动浏览器支持。

例如，在主页上我想列出一些机器的状态，有两个按钮来启动和停止工作：

System powered:      On
System status:       Idle
Workload present:    True
Last work activated: Today

[Start Work]  [Pause Work]

但我想要一些不伤眼的格式化、UI 设计和着色，不会让用户挖出他们的眼睛。

或多或少，我想向用户输出文本信息并接受按钮按下以在后端触发事件，而不必花几天时间深入研究 bootstrap 框架的文档或学习 CSS、HTML5 和 javascript。

谢谢。

Answer 1

首先，我建议添加前端相关标签，如 html css 和 javascript 和 ui design。这是为了让那些对这些技术（网络 UI 设计）有浓厚兴趣的人可以参与进来并给你一些建议/答案。

其次，这个问题似乎很宽泛。一开始你问了关于呈现和接收信息的问题，后来你有一个只是前端的例子。

无论如何，这是我的答案：

How to design a web UI using ruby