一(yī)名義烏網頁設計師在做具體設計的時(外可shí)候應該考慮的問題有哪些？業務，産知少品，信息結構，交互，視覺……别忘了還有頁面性能。所崇尚的其實一(yī件又)直都是小(xiǎo)作坊似的創業團隊協作開(kāi)發模音遠式，大(dà)夥兒能快速溝通(tōng)，就算設計師沒關注什空到頁面性能這一(yī)點，前端同學也能迅速提醒他(tā)，因為開藍(wèi)他(tā)倆就無時(shí)無刻不(bù)在會數一(yī)起。而現在在标準項目流程中，大(dà少車)家(jiā)的溝通(tōng)成本成倍增加了，除非是與世隔絕的閉關笑謝（就算是閉關，前端同學多半也在陪着開(kāi)發），前端低說同學很難在頁面設計過程中就和設計師溝通(tō數綠ng)頁面性能的問題。
頁面性能不(bù)僅僅是前端同學的問題
頁面性能的重要性不(bù)再贅述，就我個人而言，能忍受科制一(yī)個網站加載出DOM和css的時(shí)間是5秒，否則就會(h匠業uì)毫不(bù)猶豫的關閉網頁。實際上隻想說(shuō)明一(yī)個問題，麗相設計師需要考慮頁面性能。實際上設計師就是一(yī)種“通(tōng)才”紅司的角色。在傳統設計領域，多數設計大(dà)師都是通(tōng)曉好動唱(hǎo)幾個行業，比如(rú)科(kē)拉尼。在很東設計過程中充分考慮到各種因素，這是設計的難點，也是成就一(yī)個好都草(hǎo)設計的關鍵所在。以往那種義烏網頁設計師做好(hǎo)psd圖稿，間通扔給前端工(gōng)程師去做DEMO的時(shí)代已經過去了，因為(w小體èi)互聯網進步了，用戶進步了。
原生控件的應用——關于頁面性能，設計師應首先考慮的
浏覽器(qì)的原生控件雖然有其不(bù)足之處：高媽ie的外觀很難控制；不(bù)能支持更加豐富複雜的交習用互等等，但它對浏覽器(qì)的兼容支持得(de)特别好(hǎo)，在用戶需要費了國力填寫表單的地方，原生控件相比非原生控件會(huì)提高性能，讓用戶輛書操作起來很流暢。這也是為(wèi)什麼在一(yī)些銀行的網站或信議者客戶端上，會(huì)用原生的sele的門ct來代替很多支持複雜的交互控件，比如(rú)選擇銀行。在滿足窗著設計需求的前提下，優先考慮原生控件會(huì)讓你的頁能分面更快，兼容性更好(hǎo)，你的前端同學也會(h笑空uì)少許多抱怨。設計師應當了解，在寫具體應用中控件時(shí)，不(bù)國白止是展現出用戶可操作的部分就完事了，還有很多事情要做：驗證都小，安全，兼容，框架等等。這裡可看财付通(tōng)的付款頁面的js請求放子數，會(huì)吓你一(yī)跳的。
在使用招行專業版客戶端的時(shí)候，遇到過一(yī)個很好(hǎo)的器和控件交互設計。需求是填寫銀行卡的開(kāi)戶支行，給用戶一(yī)個inpu家筆t讓他(tā)自己去填顯然是不(bù)靠譜的新明。招行的做法是先給一(yī)個搜索框，讓用戶輸入關鍵字化媽，比如(rú)我住在西湖(hú)區，我就輸入西湖(報家hú)二字，頁面刷新之後返回一(yī)個結果列表，從中用戶來選擇支行東很，這樣搜索過濾之後的結果，隻有10條左右，容易辨認。而我隻用了兩次就學會(hu睡黑ì)了這種操作，額外的好(hǎo)處是操中木作過程中頁面反應相當快。而我在其他(tā兒工)網站上選擇開(kāi)戶行支行的時(shí)候，畫業遇到過省市，再選支行聯動控件，輸入+下拉列表混合控件，選擇的時(shí)事友候都能方便且正确的選中，但是我點擊控件的時(shí)候相應速度卻有延遲，道月心裡略有不(bù)爽，這就是差别。有關原生控件和複雜控件的應用對比，可見吃身我的一(yī)篇舊文：易用且輕量級的交互設計。
而随着html5的标準日益完善，新的原生控件會(劇工huì)滿足更多的需求，比如(rú)外聯數據源xml，浏覽器(qì)内置到如的不(bù)同數據類型的驗證，這些會(huì)大(dà)大坐個(dà)減少js的體積。當然這依賴着國内ie書這6市場份額的進一(yī)步下降（目前為(wèi)60%）。相信未來一(y火女ī)些輕量級的非原生控件，也會(huì)慢慢納入到html的标準之中，比如(如務rú)困擾過很多人的日期控件。
頁面的框架——設計師也能幫助到前端
并不(bù)完全贊同設計師必須要懂(dǒn到內g)代碼，這應是因人而異的。但一(yī)個好(hǎo)媽事的義烏網頁設計師，必須要為(wèi)頁面框架考慮，小(x頻月iǎo)到一(yī)個頁面上的一(yī)個控件，大(dà)到一大從(yī)個項目。這是經驗的積累，并不(bù)依靠對代冷做碼的理解，和設計原則中的一(yī)緻性是密切為小相關的。不(bù)僅僅是少兩張圖片，少兩行代碼，充分考慮css框空樹架的設計，組件的重用，圖片的分割和整合，這些能讓頁面性能提高不(bù)能樂止一(yī)個檔次，同時(shí)保證設計感。