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