應(yīng)該向程序員學(xué)習(xí)設(shè)計(jì)
好的開發(fā)商，這是你的轉(zhuǎn)身。有人咆哮著，牧羊人多年來(lái)關(guān)于是否應(yīng)學(xué)習(xí)代碼。見鬼，我咆哮了。我仍然認(rèn)為…不不，這是關(guān)于你的開發(fā)者，現(xiàn)在。
人應(yīng)該是代碼的Web產(chǎn)品后端學(xué)習(xí)設(shè)計(jì)的前端？這是我的意見 ：
[我]不得不解釋相同的排序，我給客戶。

除非他們真的想成為一個(gè)設(shè)計(jì)師/開發(fā)者，學(xué)習(xí)一個(gè)全新的領(lǐng)域--一個(gè)全新的行業(yè)，甚至是不值得的痛苦。這是我之所以不做任何編程。另一個(gè)原因是我不擅長(zhǎng)。與HTML和CSS不計(jì)數(shù)。

但他們至少應(yīng)該了解的基本知識(shí)。他們應(yīng)該學(xué)習(xí)基本原理的可用性和用戶體驗(yàn)設(shè)計(jì)。他們應(yīng)該學(xué)習(xí)術(shù)語(yǔ)。有幾次，當(dāng)我掙扎著向開發(fā)商解釋我的設(shè)計(jì)決策，并不得不解釋相同的排序，我給客戶。有這樣的人在你的團(tuán)隊(duì)的人，這是令人沮喪的，但不是在同一頁(yè)上。
更重要的是，我已經(jīng)與開發(fā)商誰(shuí)能程序如入無(wú)人之境，但迷失在HTML和CSS。我很緊張。這些人不能嵌套元素得當(dāng)，不停地問(wèn)我如何在CSS做的東西，和更多。他們不知道瀏覽器的限制和怪癖（這是回來(lái)時(shí)，IE仍然是一個(gè)大的問(wèn)題），甚至是盒模型，新的領(lǐng)土。
這不是批評(píng)。每個(gè)人都有個(gè)開始，有時(shí)。但做事情變得容易很多，他們掌握了基本的知識(shí)？是的，是的。

程序員如何做出“不難看”的設(shè)計(jì)
我 覺得“不難看”是對(duì)一個(gè)產(chǎn)品最起碼的要求，難看的產(chǎn)品往往都很難用。程序員在寫代碼的時(shí)候往往只注重功能的實(shí)現(xiàn)和性能的提升，忽視了外觀和易用性，其實(shí)很 多時(shí)候只要注意一些基本的規(guī)則，就可以大幅度提高產(chǎn)品的觀感。作為一個(gè)外行，我也算是苦苦自學(xué)了好長(zhǎng)時(shí)間的設(shè)計(jì)，這里打算分享一些我認(rèn)為比較實(shí)用的技巧， 希望可以幫助到同樣在摸索的人。

需要聲明的是，這里的目標(biāo)是做出“不難看”的設(shè)計(jì)，注意，只是“不難看”而已，怎么做得好看我也在學(xué)習(xí)。另外，我的水平也很低，只是比較能體會(huì)外行的痛苦，如果有什么錯(cuò)誤的地方，歡迎批評(píng)指正。

下面我會(huì)從四個(gè)方面來(lái)入手：對(duì)齊，字體排印，配色和裝飾元素。

1. 對(duì)齊

之所以把“對(duì)齊”單獨(dú)列出來(lái)并且放在開頭說(shuō)，是因?yàn)樗且粋€(gè)看上去簡(jiǎn)單但非常容易被忽視的規(guī)則。如果你真的把所有該對(duì)齊的東西都對(duì)齊了，就會(huì)發(fā)現(xiàn)只是簡(jiǎn)單遵循這一個(gè)規(guī)則就會(huì)有如此大的效果。

2. 字體排印（Typography）

字 體排印，英文名詞叫做 Typography, 它包涵的東西很多，不只是字體的選擇，還包括行距、行寬以及字體間距等元素的設(shè)定，這些東西都左右著我們的閱讀體驗(yàn)。我們每天都閱讀大量東西，每天都會(huì)接 觸到“文字”，由這一點(diǎn)就可以看出字體排印的重要性。關(guān)于字體排印的具體知識(shí)我就不多說(shuō)了，有很多這方面的書和資料，這里只說(shuō)幾點(diǎn)容易被忽視的元素。

第 三是字間距。有些時(shí)候因?yàn)樾枰覀儠?huì)把一些文字設(shè)置得非常大，有些文字設(shè)置得非常小，這個(gè)時(shí)候每個(gè)字之間的間距可能就會(huì)變得過(guò)大或者過(guò)小，這個(gè)時(shí)候就需 要調(diào)整一下，字體設(shè)計(jì)師們?cè)谠O(shè)計(jì)一款字體的時(shí)候也會(huì)考慮這個(gè)因素。在 CSS 里面，有個(gè)屬性叫 letter-spacing ，可以調(diào)整字間距。

3. 配色

配色一直以來(lái)都是個(gè)讓我頭疼的問(wèn)題，它看上去很難掌握，事實(shí)上也非常難以掌握。有一陣子我甚至懷疑我自己在色彩方面有生理缺陷，不然我他媽那么用功好歹應(yīng)該有點(diǎn)兒效果啊。后來(lái)做了一些色彩識(shí)別能力測(cè)試，才慢慢打消了破罐子破摔的念頭。

關(guān) 于色彩基礎(chǔ)知識(shí)的書和資料我看了不少，三原色、互補(bǔ)色、色環(huán)和光譜等知識(shí)知道了很多，但這些東西對(duì)我的幫助微乎其微。并不是這些知識(shí)沒(méi)用，而是它們都需要 輔助以大量的練習(xí)，可能還需要一個(gè)好的老師親手指導(dǎo)，而我現(xiàn)在已經(jīng)沒(méi)時(shí)間和精力再?gòu)幕A(chǔ)開始慢慢學(xué)畫畫了。不過(guò)，大量的閱讀和無(wú)用嘗試還是幫助我找到了一 些比較實(shí)用并有跡可循的東西，下面就說(shuō)一些竅門。

4. 裝飾元素

裝 飾元素都是錦上添花的東西，上面提到的幾點(diǎn)如果做不好的話，裝飾元素再好看也沒(méi)用。最常用的裝飾元素是紋理和陰影。有時(shí)候我們想要給整個(gè)網(wǎng)頁(yè)一個(gè)背景。

深圳網(wǎng)站設(shè)計(jì)