一(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秒，朋土否則就會(huì)毫不(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ì是我)用原生的select來代替很多支持複雜的交互控件，比如媽自(rú)選擇銀行。在滿足設計需求的前提下，優先考慮原生控件會(huì)讓你的頁海去面更快，兼容性更好(hǎo)，你的前端同學也會(huì)紅吃少許多抱怨。設計師應當了解，在寫具體應用中控件時(shí)，不(b小區ù)止是展現出用戶可操作的部分就完事了，還火房有很多事情要做：驗證，安全，兼容，框架等等。這裡可看财付通(tōng)窗都的付款頁面的js請求數，會(huì)吓你一(yī)跳的。會體
我在使用招行專業版客戶端的時(shí學水)候，遇到過一(yī)個很好(hǎo)的控件交互設計。需朋內求是填寫銀行卡的開(kāi)戶支行，給用戶一(著請yī)個input讓他(tā)自己去填顯然是不(bù)靠譜的。招行的做法是先給信物一(yī)個搜索框，讓用戶輸入關鍵字，比如(rú)我住在西湖(hú)區，我下影就輸入西湖(hú)二字，頁面刷新之後返回一(yī)個結果列表，這說從中用戶來選擇支行，這樣搜索過濾之後的結果，隻有10條左右，容易辨認兒東。而我隻用了兩次就學會(huì)了這種操作，額外的好(hǎo媽從)處是操作過程中頁面反應相當快。而我在其他(tā)網站上選擇個窗開(kāi)戶行支行的時(shí)候，遇黃員到過省市，再選支行聯動控件，輸入+下拉列她金表混合控件，選擇的時(shí)候都能方便且正确的選中，但是我點擊控件的時(s去什hí)候相應速度卻有延遲，心裡略有不(bù)爽，這就是差别。有關原慢她生控件和複雜控件的應用對比，可見我的一(yī)篇舊文：易用且輕量級的交互設計務間。
而随着html5的标準日益完善，新的原生控件會(huì)滿足更資些多的需求，比如(rú)外聯數據源xml，浏覽器(能畫qì)内置的不(bù)同數據類型的驗證，這些會(電妹huì)大(dà)大(dà)減少js的體積。當然這依賴着國内ie6市弟頻場份額的進一(yī)步下降（目前為(wèi)60%）。相信未劇日來一(yī)些輕量級的非原生控件，也會(huì)慢慢納入到html的标準之件綠中，比如(rú)困擾過很多人的日期控件。
頁面的框架——設計師也能幫助到前端
我并不(bù)完全贊同設計師必須要懂(dǒng)兵低代碼，這應是因人而異的。但一(yī)個好(hǎo)的網頁設計師錯風，必須要為(wèi)頁面框架考慮，小(xiǎo)到一(yī)個頁面上地妹的一(yī)個控件，大(dà)到一(yī公老)個項目。這是經驗的積累，并不(bù)依靠對代坐動碼的理解，和設計原則中的一(yī)緻性是密切相關的。不(bù)僅僅是少兩張事理圖片，少兩行代碼，充分考慮css框架的設計，組件的重用，圖討你片的分割和整合，這些能讓頁面性能提高不(bù)止拿樂一(yī)個檔次，同時(shí)保證設計感。
我感于日常工(gōng)作及學習中，大(dà)家(jiā但喝)讨論設計時(shí)設計頁面性能的次數十分少，而近舊它又是項目中設計師和前端最主要的分歧點，為(wèi)了消紙說弭這種分歧，最好(hǎo)的做法就是大(dà)紅厭家(jiā)互相增進了解。我在公司裡有給設計師分享前端知識，給前討見端分享photoshop知識，也是為(wèi)了大(dà)家(jiā)一(yī視術)起進步做出更好(hǎo)的産品和應用。其實在自己的博客上實城土踐提高頁面性能的各種方法，是相當輕便且有效的，實踐明公過的常識經過轉化再提煉，成為(wèi)知識。