如何设计兼容任何屏幕尺寸的用户界面

-4

我害怕用户界面（UI）编程，所以我总是远离做UI设计。我认为UI设计就像艺术，这让我感到紧张。我不得不在我的公司做UI设计。我没有别的选择。我的经理让我画标识设计，并为整个网站做UI设计。如你所知，那时我想死一会儿。如何设计兼容任何屏幕尺寸的用户界面

我有一个座右铭; “认为积极，积极，希望积极，然后积极”。 :) 所以，我决定在任何情况下尽我所能，无论遇到什么困难。

我在做这个项目时，我的男朋友和我的朋友给了我很多支持。由于他们的支持，现在我在UI设计中很有趣。

我想了解如何设计兼容任何屏幕尺寸的用户界面。请给我一些建议给我。

感谢所有！

最简单的方法是使用UI框架。

响应式网站（适用于包括手机在内的任何屏幕尺寸的网站）的优秀框架是Twitter Boostrap。

这真的让UI设计非常简单和专业水准。

还有其他的框架也如：

只要搜索谷歌 “的UI框架”

2013-10-01 05:39:52

Thanks @ geo1701，我是UI设计的初学者。我的客户要求在IE 10,9中运行他们的网站。因此，我不知道IE中的bootstrap是兼容的。 –

它兼容所有主流浏览器，包括IE8,9和10.它也适用于iPhone，Android和Windows手机:) –

哇，这太好了。 :)谢谢，@ geo1701。 –

我想学习如何设计用户界面兼容与任何屏幕尺寸

其中最重要的现代概念的UI设计，能够解决各种屏幕尺寸的障碍，是Responsive Design。用户界面不是静态或僵化的想法，但重构或响应不同的决议，实际上适应或出现不同的基础上。

有价值技能你可以付诸实践的是Media Queries。它们允许您直接在CSS中定位不同的分辨率，并将您的用户界面用于不同的设备（例如手机，平板电脑和桌面）。

最后，如果你想整个模板，将工作作为一个起点，一个负责任的UI，窥视Bootstrap framework。这将为您提供可以构建的工作示例，并查看正在采取的响应式设计和媒体查询。

2013-10-01 05:51:15 sweeds

谢谢@sweeds，我听说Bootstrap框架对UI设计非常有用，但直到现在我还没有经验。感谢您的建议。 –

回答