如何設計兼容任何屏幕尺寸的用戶界面

-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設計非常有用，但直到現在我還沒有經驗。感謝您的建議。 –

回答