面試官問PC端與移動端在UI設計方面有什麼區別

1樓：冥血薇雙子

前端開發中pc端和移動端**的區別，主要是：

1、pc端在開發過程中考慮的是內瀏覽器相容性，移動容端開發中考慮的是手機相容性問題，做移動端開發，更多考慮的是手機解析度的自適應和不同手機作業系統的略微差異化；

2、在部分事件的處理上，移動端自然是偏向於觸屏的，另外包括移動端彈出的手機鍵盤該如何處理，這樣的問題在pc上肯定不會遇到，但在移動端，如果你沒有經驗，處理起來是相當麻煩的；

3、佈局上，移動端開發是要做到頁面佈局自適應的，而pc端頁面佈局的比例會相對固定；

4、在動畫效果處理上，pc端要考慮ie的相容性，通常用js做動畫的通用性會好一些，但相比css3卻犧牲了較大的效能，而在手機端，如果要做一些動畫、特效等，第一選擇肯定是css3，既簡單，效率又高。

總結：以上是移動端和pc端比較突顯的區別，在實際的開發應用過程中，還會有更多的差異化區別。

移動端ui設計和pc端ui設計的區別

2樓：匿名使用者

設計規範上有區別，可以用藍湖管理設計規範，用設計規範進行設計。

傳統pc端web前端和移動前端開發有哪些區別？

3樓：三人行慕課

業務的應用場景不同

web前端開發主要指傳統的pc端網頁開發，頁面主要是執行在pc端瀏覽器中，移動前端開發出來的頁面主要是執行在手機上；直觀上會感覺，pc端頁面大一些，移動端頁面小一些，但是根據開發經驗，頁面大可並不代表書寫的**複雜，頁面小也並不意味著開發簡單，難與易主要還是取決於具體的業務需求。

新技術的使用不同

由於在移動端主要以webkit核心為主，對於html5等新技術支援的更好，所以可以更大範圍的使用新技術;而pc端開發由於很多場景下要求相容ie等老版本瀏覽器，出於瀏覽器相容性的考慮，有些情況下限制了新技術的使用。

頁面的適配性不同

傳統pc端的頁面開發一般都會選擇給頁面設定一個固定寬度，兩側有留白，但是移動端的頁面由於其載體手機螢幕比pc要小很多，一般都會選擇儘可能多的在手機螢幕上顯示內容，這就要求移動端頁面要能夠充分適應各種螢幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。

頁面的效能不同

pc端的網路情況一般比較穩定，都是通過網線或者wi-fi連線網路;但是移動端就比較複雜，除了wi-fi，還有2g、3g、4g甚至是在幾種不同的網路連線中交替切換也經常發生，不穩定的網路連線對頁面效能帶來的挑戰是移動端的頁面資源不能太大，否則在惡劣網路情況下時，頁面將會無法訪問，嚴重影響使用者體驗。

框架選型不同

由於移動端網路情況的不穩定，導致我們在移動端頁面框架選型時，一般只考慮小而美的框架，例如像zepto.js這樣的壓縮之後只有9.6k，就能滿足一般業務的需要，如果是想要構建更復雜的單頁面應用，可以選擇像vue.

js這樣的框架，功能強大，但體積壓縮後卻只有20多k。而web端相對選擇的範圍就比較大，一些比較重型的框架也可以根據專案需求加以考慮，例如古老但龐大的ext.js，依然憑藉著眾多ui元件活躍在一些企業的後臺管理系統專案中。