快速發(fā)展的技術(shù)、千變?nèi)f化的趨勢(shì)、應(yīng)接不暇的軟件和素材，都是網(wǎng)頁設(shè)計(jì)師需要面臨的挑戰(zhàn)。但是撇開這些一直變化的東西，有一些基本的技能或者說能力，是設(shè)計(jì)師必須熟練掌握的，甚至需要網(wǎng)頁設(shè)計(jì)師們閉著眼睛都能搞定相關(guān)的問題。那么，今天我們簡(jiǎn)單盤點(diǎn)一下網(wǎng)頁設(shè)計(jì)師必須具備的十大基礎(chǔ)技能吧。

1、熟練掌握HTML/CSS代碼

不論你是不是開發(fā)者，網(wǎng)頁開發(fā)最基本的語言HTML/CSS 你是有必要掌握的，知道如何閱讀、編輯并解決問題。然而根據(jù)設(shè)計(jì)師/開發(fā)者的實(shí)際工作情況，你所需要了解的程度、范疇甚至?xí)鼜V一些。

天貓&京東,內(nèi)蒙古電商品牌策劃,內(nèi)蒙古微信營(yíng)銷,內(nèi)蒙古微網(wǎng)站,呼和浩特電商品牌策劃,呼和浩特微信營(yíng)銷,呼和浩特微網(wǎng)站,內(nèi)蒙古網(wǎng)站制作，內(nèi)蒙古網(wǎng)站設(shè)計(jì)，內(nèi)蒙古網(wǎng)站建設(shè)，呼和浩特網(wǎng)站建設(shè)，呼和浩特網(wǎng)站制作、呼和浩特網(wǎng)站設(shè)計(jì)首選內(nèi)蒙古呼和浩特先誠(chéng)網(wǎng)絡(luò)科技公司。先誠(chéng)官網(wǎng)：http://www.schuylerstatebank.com/

在任何情況下，你都應(yīng)該清楚樣式、色彩要如何通過代碼來進(jìn)行控制和調(diào)整，從長(zhǎng)遠(yuǎn)來看，這些技能是極其有用的。

如果你想確保這一點(diǎn)，記得在W3Schools學(xué)習(xí)這些代碼語言和使用方法。

2、編輯圖片

在任何設(shè)計(jì)領(lǐng)域，好像和圖片打交道的時(shí)間都不會(huì)短，絕大多數(shù)甚至是需要整天編輯處理圖片。從最基本的裁剪、調(diào)色和修補(bǔ)，你應(yīng)該能夠從容地修整圖片，至少你應(yīng)該了解如何能夠盡可能好地對(duì)圖片進(jìn)行優(yōu)化。

好在Digital Camera World網(wǎng)站提供了一套行之有效的圖片處理技巧，僅需六步就可以搞定絕大多數(shù)圖片的優(yōu)化處理。

3、了解印刷

雖然你絕大多數(shù)時(shí)候可能都忙于數(shù)字化的設(shè)計(jì)，但是總會(huì)有一些設(shè)計(jì)是需要借助到印刷的。從名片到新聞稿，這些東西在設(shè)計(jì)之初就要為印刷做好準(zhǔn)備。

在這方面，最值得注意的還是不同媒體的分辨率和色彩的控制。舉個(gè)例子，如果你將文本的色彩設(shè)置為FF0000的話，印刷出來的效果可能和你設(shè)定的有出入。對(duì)于印刷品而言，色彩使用的是CMYK（青色、品紅、黃色、黑色），四色混合來實(shí)現(xiàn)不同的色彩印刷。

4、書寫標(biāo)題

在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，正文部分可用假文（Lorem ipsum）來作為占位符，但是標(biāo)題則不能如此。當(dāng)你在進(jìn)行概念設(shè)計(jì)的時(shí)候，標(biāo)題是視覺和內(nèi)容信息的粘合劑，它不能隨便找句話放那兒。

一個(gè)合理的標(biāo)題文本可以清晰地告訴客戶這個(gè)地方要多大的空間，有什么樣的效果，它會(huì)給客戶留下清晰而持久的印象。

目前推薦Copyblogger ，它提供了不錯(cuò)的文本和文案案例，你可有從這里開始。

5、熟悉各種設(shè)備

作為一個(gè)網(wǎng)頁設(shè)計(jì)師，肯定要熟練地用各種數(shù)字設(shè)備來瀏覽網(wǎng)頁。不同的系統(tǒng)、不同的設(shè)備在瀏覽網(wǎng)頁這件事情上還是有差異的，所以你應(yīng)當(dāng)適時(shí)地離開自己最熟悉的電子設(shè)備，去嘗試更多的數(shù)碼設(shè)備。

沒有什么比在一個(gè)老舊的手機(jī)的小窗口上瀏覽網(wǎng)頁更痛苦的事情了，但是這有時(shí)候就是實(shí)際情況，作為網(wǎng)頁設(shè)計(jì)師的你應(yīng)該對(duì)這種情況有所了解，確保自己的網(wǎng)頁能在任何情況下都可以流暢地瀏覽。

6、敢于手繪

也許你并不是美術(shù)專業(yè)出身，但是你需要敢于用草圖來傳遞信息。討論中不論有什么樣的想象和構(gòu)思，用手繪和草圖來表現(xiàn)能夠更清晰的闡述出來。請(qǐng)記住，線框圖和大綱才能更好地傳遞信息。

你無需成為手繪大師，不用字寫的非常漂亮，但是你需要敢于這么做，自信地用手勾勒出這一切，落于紙上，同人分享。

7、使用通用框架

在創(chuàng)業(yè)階段使用常見的網(wǎng)頁設(shè)計(jì)框架并不是什么丟人的事情，實(shí)際上，除非你真的是特別專業(yè)而強(qiáng)大的開發(fā)者，最好還是使用通用的框架。

你不用重新發(fā)明輪子。一樣的道理，使用通用的框架可以讓別人也更好的使用你的網(wǎng)站和產(chǎn)品，如果你的網(wǎng)站需要最終交付給客戶，那么從長(zhǎng)遠(yuǎn)來看，用通用框架更好維護(hù)。比如Wordpress這樣的系統(tǒng)就不錯(cuò)，支持廣泛，功能強(qiáng)大。

8、備份和打包

網(wǎng)站看起來是個(gè)完善的整體，但是實(shí)際并非如此，它同樣是容易損壞且脆弱的。備份網(wǎng)站是一門必修課。你應(yīng)當(dāng)了解網(wǎng)站系統(tǒng)中哪些東西比較容易損壞，多久備份一次比較合理。即使你不明白其中的道理，至少要了解哪些需要保存，備份應(yīng)該備份在什么地方。

此外，你應(yīng)該了解如何將網(wǎng)站樣式、設(shè)計(jì)相關(guān)、個(gè)性化、客戶文件以及系統(tǒng)的關(guān)鍵性文件在哪里，以及如何打包它們。

9、了解趨勢(shì)

你并不需要了解全部的網(wǎng)站設(shè)計(jì)和技術(shù)趨勢(shì)，但是你需要適時(shí)地去了解它們。

簡(jiǎn)單來說，重要的不是對(duì)所有趨勢(shì)如數(shù)家珍，但是你至少要深入了解至少三個(gè)流行趨勢(shì)，能夠說明白這些設(shè)計(jì)趨勢(shì)在視覺上的特征，為什么要用它們，它們的運(yùn)作原理是怎樣的，你為什么喜歡或者不喜歡它們，等等。多閱讀設(shè)計(jì)趨勢(shì)文章，你就能搞定這一點(diǎn)。

10、解釋設(shè)計(jì)理論

色彩、流程、平衡、比例、間距，這些常見的設(shè)計(jì)概念你都了解了嘛？當(dāng)你在進(jìn)行設(shè)計(jì)項(xiàng)目的時(shí)候，這些概念你都應(yīng)當(dāng)了解并運(yùn)用起來。設(shè)計(jì)并不是單純的好看，內(nèi)在的概念也原理能告訴你為什么它這樣才會(huì)漂亮。理解了它們，能自己解釋它們，你才能創(chuàng)造出平衡的美感。

每一次向別人解釋這些概念，探討這些原理，你會(huì)對(duì)這些基礎(chǔ)掌握的更加扎實(shí)。

結(jié)語

網(wǎng)頁設(shè)計(jì)不是請(qǐng)客吃飯，對(duì)必備技能的扎實(shí)掌控是你走向成功必由之路。如果你對(duì)這些技能熟悉，那么能更好的做設(shè)計(jì)決策，更快更好的完成工作。如果其中有些部分做的并不太好，也不要糾結(jié)，這些基礎(chǔ)的東西稍加努力就搞得定。

注：本文均來自百度搜索，如涉及版權(quán)問題，請(qǐng)聯(lián)系我們，我們會(huì)第一時(shí)間解決。

原文地址：designshack

優(yōu)設(shè)譯文：http://www.uisdc.com/10-things-web-designer-should-know