如何快速打造一個(gè)有設計感的網(wǎng)站發(fā)布者：本站     時(shí)間：2022-02-18 10:02:13

擁有屬于自己的網(wǎng)站是很多人的夢(mèng)想，但大多數人只能借助像 WordPress 這樣的 CMS 實(shí)現，甚至很多公司網(wǎng)站也是這樣。但這些網(wǎng)站大多數看起來(lái)都比較缺乏設計感，通俗來(lái)講就是有點(diǎn)“土”。那么對于像程序員以及其他對設計比較小白們來(lái)說(shuō)，如何能讓你的網(wǎng)站看起來(lái)更加前衛，有范，有設計感呢?極客公園編譯了 24WAYS 的文章 How to Make Your Site Look Half-Decent in Half an Hour 為您提供解決方法。

像我這樣的程序員來(lái)說(shuō)經(jīng)常被“設計”這個(gè)詞嚇到，因為我是一名程序員而不是設計師，我擁有的是計算機學(xué)位證，另外我對 Comic Sans 字體并不介意。

雖然只是一名程序員，但我還是想讓自己的網(wǎng)站看起來(lái)更加吸引人，一方面出于虛榮，因為這樣可以顯得我更加“專(zhuān)業(yè)”，而另一方面是出于現實(shí)，因為研究機構調查發(fā)現用戶(hù)會(huì )更加信任那些網(wǎng)站“看起來(lái)”很好的網(wǎng)站。但是因為很長(cháng)時(shí)間一直從事的是編程工作，對設計并不是熟悉，甚至害怕，因為在我這個(gè)外行看來(lái)設計是由很多只能感受不能言傳身教的規則以及所謂的設計感悟組成的，知識壁壘比較高。

但是不久之前我決定要盡我最大努力讓我網(wǎng)站看起來(lái)顯得更加專(zhuān)業(yè)一點(diǎn)，即使比不上真正由設計師操刀做出來(lái)的效果，但對像我這種沒(méi)有設計能力的人來(lái)說(shuō)還是很有幫助的。

1. 使用 Bootstrap

如果你還沒(méi)有使用 Bootstrap 的話(huà)那么趕緊開(kāi)始吧，這個(gè)來(lái)自 Twitter 的開(kāi)源項目使得網(wǎng)站設計真正進(jìn)入大眾化時(shí)代。

如何快速打造一個(gè)有設計感的網(wǎng)站,PS教程,

本質(zhì)上 Bootstrap 是一種隔柵系統，由兩名 twitter 員工 Mark Otto 和 Jacob Thornton 開(kāi)發(fā)的開(kāi)源前端框架[注：想了解更多請查看什么是 Twitter Bootstrap?]，它集成了很多 CSS 樣式的合集，可以幫助那些不懂或者不擅長(cháng) CSS 的開(kāi)發(fā)人員快速的建立一個(gè)外觀(guān)看起來(lái)很不錯的網(wǎng)站。

使用 Bootstrap 的另一個(gè)好處就是網(wǎng)站本身就是自適應的(Responsive)，可以省去各種為移動(dòng)設備等的適配工作。此外，Bootstrap 還是可定制的，可以根據你的需求自己配置。