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

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

像我這樣的程序員來說經(jīng)常被“設(shè)計(jì)”這個(gè)詞嚇到，因?yàn)槲沂且幻绦騿T而不是設(shè)計(jì)師，我擁有的是計(jì)算機(jī)學(xué)位證，另外我對(duì) Comic Sans 字體并不介意。

雖然只是一名程序員，但我還是想讓自己的網(wǎng)站看起來更加吸引人，一方面出于虛榮，因?yàn)檫@樣可以顯得我更加“專業(yè)”，而另一方面是出于現(xiàn)實(shí)，因?yàn)檠芯繖C(jī)構(gòu)調(diào)查發(fā)現(xiàn)用戶會(huì)更加信任那些網(wǎng)站“看起來”很好的網(wǎng)站。但是因?yàn)楹荛L(zhǎng)時(shí)間一直從事的是編程工作，對(duì)設(shè)計(jì)并不是熟悉，甚至害怕，因?yàn)樵谖疫@個(gè)外行看來設(shè)計(jì)是由很多只能感受不能言傳身教的規(guī)則以及所謂的設(shè)計(jì)感悟組成的，知識(shí)壁壘比較高。

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

1. 使用 Bootstrap

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

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

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

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