如何使用ruby设计web UI

使用一个轻量级的框架，如Sinatra，如何才能最好地呈现信息，并从用户那里接收信息，这既简单易懂，又美观大方

前端设计不是我的强项，因此我正在寻找一些选项，这些选项允许我直接向用户显示信息，并允许用户向后端发出工作请求这也应该支持移动浏览器。

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

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

[Start Work]  [Pause Work]

但我想有一些简单的眼睛格式化，用户界面设计和色彩化，不会让用户挖出他们的眼睛

或多或少，我希望向用户输出文本信息，并接受在后端按下按钮触发事件，而不必在几天内翻阅引导框架的文档，也不必学习CSS、HTML5和javascript的复杂性

---

谢谢。

首先，我建议添加与前端相关的标签，如

html

css

和

javascript

和

ui设计

。这是为了让那些对这些技术（web UI设计）有浓厚兴趣的人能够参与进来，给你一些建议/答案

第二，这个问题似乎相当广泛。起初，您询问了如何呈现和接收信息，然后，您就有了一个前端示例

以下是我的答案：

---

当你不知道足够的HTML和CSS来构建自己的页面时，使用像Bootstrap、BulMA、Buffic之类的CSS框架可能是最快和最简单的方法来构建这样一个简单的页面。