1. 優(yōu)化圖片，得到更好的頁(yè)面加載速率
進(jìn)修若何經(jīng)由過(guò)程抉擇準(zhǔn)確的格局，來(lái)優(yōu)化網(wǎng)頁(yè)圖片，并確保文件巨細(xì)在可行的規(guī)模你是充足小的。固然如今人們?cè)?jīng)都在應(yīng)用寬帶，但仍舊有人是撥號(hào)上彀。別的，固然挪動(dòng)裝配技能的遍及，但挪動(dòng)裝配卻不一定支撐像寬頻同樣的速率，圖片文件的巨細(xì)能夠照樣會(huì)延伸網(wǎng)頁(yè)的加載光陰，有能夠把用戶趕走的。
這里有個(gè)抉擇得當(dāng)?shù)奈募窬值募寄埽杭偃鐖D片是單色，那最佳保留成PNG或許GIF格局;假如是持續(xù)性的色彩(如照片)則最佳保留成 JPG格局。
有很多的對(duì)象能夠贊助你進(jìn)一步優(yōu)化你的圖片，低落他們的文件巨細(xì)。能夠參考這個(gè)對(duì)象列表來(lái)贊助優(yōu)化你的圖片。只管即便把圖片數(shù)目減到最低，而且機(jī)動(dòng)應(yīng)用圖片，而且只管即便地減小文件巨細(xì)。如此一來(lái)，將能夠大大的削減頁(yè)面的讀取光陰和改良網(wǎng)頁(yè)的機(jī)能。
2. 堅(jiān)持清潔和簡(jiǎn)略(即：簡(jiǎn)練)
一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)不但只是看起來(lái)悅目罷了，還假如用戶友愛(ài)型的。平日來(lái)講，一個(gè)清潔、簡(jiǎn)略的網(wǎng)頁(yè)設(shè)計(jì)最終會(huì)成為一個(gè)可用性高的網(wǎng)頁(yè)設(shè)計(jì)，由于它在與用戶的交互中不會(huì)使其發(fā)生混雜。當(dāng)頁(yè)面上有太多的網(wǎng)站功能和組件時(shí)，將會(huì)疏散網(wǎng)站用戶的注意力而落空底本閱讀網(wǎng)站的目標(biāo)。確保每一個(gè)頁(yè)面元素都有其目標(biāo)，而后問(wèn)自己如下成績(jī)：
3. 導(dǎo)航(條/欄)是最重要的計(jì)劃
一個(gè)網(wǎng)站最重要的部門(mén)便是全部網(wǎng)站的導(dǎo)航。沒(méi)有它，不管在哪一個(gè)頁(yè)面中，用戶都邑產(chǎn)生卡在這個(gè)頁(yè)面離不開(kāi)的狀態(tài)。有了這顯著的現(xiàn)實(shí)偏向，我們將評(píng)論辯論一些建構(gòu)網(wǎng)站導(dǎo)航時(shí)重要的點(diǎn)。
起首，在網(wǎng)站的導(dǎo)航結(jié)構(gòu)上，投入充足的光陰和許多計(jì)劃是異常重要的。固然這是知識(shí)，但仍舊有許多計(jì)劃師想當(dāng)然地計(jì)劃網(wǎng)站導(dǎo)航。
擺放地位、作風(fēng)、所用技巧(javascript或CSS)、可用性和網(wǎng)頁(yè)易讀性，這些是你制造導(dǎo)航計(jì)劃時(shí)必要斟酌的。
4. 理智和有條理地應(yīng)用字體
固然有不計(jì)其數(shù)的字體，但你真的能用的只是一小部分(至多要比及主要的瀏覽器完整支撐CSS3)。 以是保持應(yīng)用網(wǎng)頁(yè)平安字體。假如你不喜歡網(wǎng)頁(yè)平安字體，能夠斟酌應(yīng)用sIFR或Cufon慢慢增強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)。
保持字體的一致性，確認(rèn)題目和段落的內(nèi)容看起來(lái)有所不同。應(yīng)用空缺、調(diào)整行高、字體大小和字母間距屬性，應(yīng)用戶輕松高興地瀏覽和掃描內(nèi)容。
5. 懂得色彩無(wú)障礙性
說(shuō)完字體后，咱們還必要指出應(yīng)用準(zhǔn)確色彩的重要性。比方，玄色筆墨在赤色配景，假如應(yīng)用高對(duì)比度，橙色配景上的赤色筆墨會(huì)令你的眼睛覺(jué)得重要。
6. 曉得若何編寫(xiě)代碼
隨著各類(lèi)所見(jiàn)即所得的網(wǎng)頁(yè)編輯器充滿市場(chǎng)，網(wǎng)頁(yè)計(jì)劃曾經(jīng)成為簡(jiǎn)略的1-2-3步調(diào)就能夠計(jì)劃好一個(gè)網(wǎng)站。但是，大多數(shù)網(wǎng)頁(yè)編輯器攙雜了不用要的代碼，使你的HTML布局計(jì)劃欠妥，難以保護(hù)和更新，招致網(wǎng)頁(yè)收縮。
經(jīng)由過(guò)程本身編寫(xiě)的網(wǎng)頁(yè)代碼，能獲得簡(jiǎn)練的代碼，能夠或許高興便利地瀏覽和保護(hù)。你能夠驕傲地說(shuō)是本身寫(xiě)進(jìn)去的代碼。但曉得若何應(yīng)用所見(jiàn)即所得的IDE或預(yù)覽功效并不會(huì)妨害進(jìn)修 HTML和CSS。你要曉得發(fā)生了甚么工作，能力發(fā)明有用并高度優(yōu)化的網(wǎng)頁(yè)計(jì)劃。
7. 不要忘懷搜索引擎優(yōu)化
在計(jì)劃網(wǎng)站時(shí)，一個(gè)好的網(wǎng)頁(yè)計(jì)劃師應(yīng)當(dāng)永久切記根本的SEO觀點(diǎn)。比方，網(wǎng)頁(yè)內(nèi)容布局、用筆墨表現(xiàn)題目(即網(wǎng)頁(yè)的題目和標(biāo)記)。此時(shí)，曩昔進(jìn)修的若何正當(dāng)編碼的能力就派上用處。熟悉精確、語(yǔ)義和基于尺度的HTML/CSS 后，你會(huì)很快熟悉到Div比表格布局好得多，不只更加精確地展示內(nèi)容，并且對(duì)搜索引擎排名也有幫助。別的，曉得用CSS調(diào)換配景、筆墨和圖片也是一個(gè)好主意。
8. 理解人是沒(méi)有耐性的
通俗人用幾秒鐘就決議能否要瀏覽更多網(wǎng)頁(yè)內(nèi)容或到另一個(gè)網(wǎng)站。是以，作為一個(gè)網(wǎng)頁(yè)計(jì)劃師，要有個(gè)好辦法，能在這珍貴的幾秒鐘勉勵(lì)用戶抉擇前者(看更多內(nèi)容)。
9. 懂得(并意想到)瀏覽器的兼容性
當(dāng)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師必需要曉得的一件事，便是你的事情情況(瀏覽器)是抉剔和難以預(yù)料的。假如你的網(wǎng)頁(yè)設(shè)計(jì)只能運(yùn)轉(zhuǎn)在的幾種網(wǎng)頁(yè)瀏覽器，那是不敷的，你必要盡量多瀏覽器下測(cè)試。這里有一款對(duì)象Browsershots，能夠測(cè)試瀏覽器兼容性。
