在北京網(wǎng)站建設騰飛網(wǎng)絡做設計工作第五個年頭了，作為公司的首席設計師，設計的PC網(wǎng)站和手機網(wǎng)站效果圖已經(jīng)數(shù)不勝數(shù)了，PC端適合電腦瀏覽器，而手機網(wǎng)站則基于手機或平板UC瀏覽器。不同的瀏覽器各自有不同的特點和習慣，因此在設計時也存在著很大的差異。今天小編就從一個設計師的角度，給大家講講PC網(wǎng)站和手機網(wǎng)站這設計上應該注意哪些不同和需要考慮的設計要素。

因為操作的不同而應注意的設計要點：

PC網(wǎng)站基于電腦瀏覽器，多采用鼠標點擊瀏覽、鼠標滑動欣賞和鍵盤互動的操作方式。

手機網(wǎng)站基于手機或平板瀏覽器都是觸摸屏，直接用手指或感應筆操作，當然還支持滑動、放大。還原等等操作方式。

應注意的設計要素：

①：PC網(wǎng)站使用鼠標還是比較精準的，手機網(wǎng)站使用手指觸摸則就不好控制點擊位置了，因此在設定點擊按鈕觸屏大小的時候一定要考慮這個。還有點擊按鈕的間距等問題。盡量做到游客瀏覽自然。

②：PC網(wǎng)站瀏覽支持鼠標滑動瀏覽，一些彈窗設計可以做成鼠標滑過就彈出來，而手機網(wǎng)站就做不出這樣的效果，只有點擊設定的按鈕才能展示切換效果。

③：手機網(wǎng)站支持左右滑動瀏覽產(chǎn)品，底部可設定固定導航。如：返回首頁。聯(lián)系我們、一鍵撥號等這些快捷高效的設計。

④：手機網(wǎng)站建設要考慮到用戶單手就可以操作瀏覽，頁面設計的重要點擊按鈕都要在單手操作的可控距離內(nèi)。

PC和手機設計頁面不同：

PC網(wǎng)站基于電腦瀏覽器，電腦本身可設置不同的分辨率，顯示屏的大小也各不相同，所以設計PC網(wǎng)站要注意他的居中寬和底部延伸。

手機網(wǎng)站相對來說設計頁面較小，各個品牌的屏幕大小也不盡相同，分辨率差距也較大，還有手機系統(tǒng)現(xiàn)在大多數(shù)都支持方向切換，橫豎切換。

應注意設計要點：

①：手機網(wǎng)站的設計頁面比較小，展示內(nèi)容有限，設計一定要突出重中之重，一目了然，一鍵撥號、聯(lián)系我們一定要時刻在顯眼位置。

②：PC網(wǎng)站因為電腦系統(tǒng)的分辨率不同，瀏覽器大小還可以隨便收縮，設計時一定要考慮各個瀏覽器分辨率的適應，現(xiàn)在好多都做成了自適應的網(wǎng)站了。

③：手機網(wǎng)站因為移動設備多樣化，所以在設計頁面布局上，圖文搭配上一定要考慮各種設備的展示效果，這個需要設計師和程序員一起操作。

④：手機網(wǎng)站還有考慮到手機設備可以切換橫豎瀏覽，設計時一定要考慮到這些細節(jié)，切換后如何展示等等。

用戶瀏覽環(huán)境不同：

PC網(wǎng)站基于電腦，一般用電腦瀏覽網(wǎng)站都是在辦公室，瀏覽信息也比較專注。

手機網(wǎng)站建立在移動設備的基礎，所以瀏覽環(huán)境就不確定了，也比較隨意，以此手機網(wǎng)站的設計一定要突出重點，注重細節(jié)互動。

用戶操作網(wǎng)絡環(huán)境不同：

       PC網(wǎng)站瀏覽網(wǎng)絡環(huán)境比較固定，而手機網(wǎng)站的網(wǎng)絡環(huán)境就比較復雜，可以選擇WIFI也可以選擇流量。而流量又分2G、3G、4G。這就要考慮網(wǎng)絡瀏覽加載的速度，加載緩慢或加載不出來的提示彈窗設計等。

位置服務不同：

       PC網(wǎng)站和手機網(wǎng)站的程序開發(fā)不同，獲取位置的方式也不一樣，PC網(wǎng)站在一些大的平臺上你就可以看見，你進入網(wǎng)頁的時候，自動進入的是你所在城市的地方站。這是因為程序獲取的是你的IP，也只能做到這一點。可手機網(wǎng)站就不一樣了，手機網(wǎng)站是通過手機本身系統(tǒng)自帶功能授權給了定位系統(tǒng)，這樣就可以準確地給你定位地方，當然這種功能一般都是出現(xiàn)在一些比較大的平臺，比較智能化。