我最近决定创建一个网络应用程序来托管一些算法 - 我通常只是创建它们而不关心 UI。然而这次我需要深入研究 UI。我熟悉 bootstrap、css、asp.net 并且有了一个良好的开端。
我发现在设计 View 中处理 asp.net 控件非常困难,并且在尝试实现简单任务(例如将控件移动到网页的不同区域)时遇到太多麻烦。当我有两个文本框时,设计 View 会强制一个在另一个之上,这让我很困惑。然后,当我尝试移动 Bootstrap 按钮时,它会随机创建段落并拒绝移动按钮!
我正在寻找关于在移动控件时如何处理 asp.net 上的设计 View 以及最佳技术的一些真诚的建议。还有关于如何制作现代 UI 的建议、最佳技术(可能提到 bootstrap)等...
我正在 asp.net (visual studio 2015) 中创建一个相当简单的数据显示应用程序 - (大部分算法复杂性将在幕后进行,与 UI 无关)。全面而详细的建议将不胜感激。与数据网格、用于用户输入的文本框(作为参数)、下拉菜单相关的特别现代的美观 UI - 您知道典型的数据应用程序。
我相信这对其他许多人也有很大帮助!
最佳答案
是的,作为过去不得不使用 asp.net 工作的网页设计师,我完全感受到了你的痛苦。获得现代外观并不容易,主要是因为 asp.net 不是现代工具,并且有自己的视觉词汇。
也就是说,我发现我可以通过尽可能接近基于 CSS 的解决方案来获得不错的结果。您可以在以下链接中看到其中一些结果:
http://www.design-experiments.com/ http://www.troyjnorris.com/shoppingcart/
我发现极简主义的方法往往会带来最好的结果。
要遵循的良好流程: - build 你想 build 的。 - 添加容器 div 以更轻松地选择控件周围的元素。这将极大地提高您按所需方式定位元素的能力。 - 使用浏览器检查器找出屏幕上显示的自动生成的元素名称。获得好的选择器是 CSS 成功的一半。 - 去掉你不喜欢的样式。标准的重置样式表在这里不起作用。您必须构建自己的样式以将要设置样式的元素上的所有内容归零,这样您就不会与控件的开箱即用外观作斗争。同样,您必须严重依赖 Web 浏览器中的检查器来查看所有内容继承的样式。 - 使用谷歌字体来定义页面的视觉风格。 - 坚持以黑色或白色为主的背景。 - Bootstrap 对响应式网格很有帮助,但尝试为页面上的大多数元素设置样式不会有太大帮助,因为它们并非为此目的。 - 正如您在上面的示例中可能已经注意到的那样,视觉兴趣来自与 asp.net 结构和限制无关的元素。所以有类似的东西,甚至是背景图像或一些视差,所以感觉页面上正在发生某些事情。
希望对您有所帮助。
关于css - ASP.NET 设计 View - 移动控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38441813/