2022-08-09 分類: 網(wǎng)站建設(shè)
在成都網(wǎng)站建設(shè)騰飛網(wǎng)絡(luò)做設(shè)計(jì)工作第五個(gè)年頭了,作為公司的首席設(shè)計(jì)師,設(shè)計(jì)的PC網(wǎng)站和手機(jī)網(wǎng)站效果圖已經(jīng)數(shù)不勝數(shù)了,PC端適合電腦瀏覽器,而手機(jī)網(wǎng)站則基于手機(jī)或平板UC瀏覽器。不同的瀏覽器各自有不同的特點(diǎn)和習(xí)慣,因此在設(shè)計(jì)時(shí)也存在著很大的差異。今天小編就從一個(gè)設(shè)計(jì)師的角度,給大家講講PC網(wǎng)站和手機(jī)網(wǎng)站這設(shè)計(jì)上應(yīng)該注意哪些不同和需要考慮的設(shè)計(jì)要素。
手機(jī)網(wǎng)站建設(shè)的五個(gè)不同之處" src="/upload/pic18/201608251928385898.jpg">
因?yàn)椴僮鞯牟煌鴳?yīng)注意的設(shè)計(jì)要點(diǎn):PC網(wǎng)站基于電腦瀏覽器,多采用鼠標(biāo)點(diǎn)擊瀏覽、鼠標(biāo)滑動(dòng)欣賞和鍵盤互動(dòng)的操作方式。
手機(jī)網(wǎng)站基于手機(jī)或平板瀏覽器都是觸摸屏,直接用手指或感應(yīng)筆操作,當(dāng)然還支持滑動(dòng)、放大。還原等等操作方式。
應(yīng)注意的設(shè)計(jì)要素:
①:PC網(wǎng)站使用鼠標(biāo)還是比較精準(zhǔn)的,手機(jī)網(wǎng)站使用手指觸摸則就不好控制點(diǎn)擊位置了,因此在設(shè)定點(diǎn)擊按鈕觸屏大小的時(shí)候一定要考慮這個(gè)。還有點(diǎn)擊按鈕的間距等問(wèn)題。盡量做到游客瀏覽自然。
②:PC網(wǎng)站瀏覽支持鼠標(biāo)滑動(dòng)瀏覽,一些彈窗設(shè)計(jì)可以做成鼠標(biāo)滑過(guò)就彈出來(lái),而手機(jī)網(wǎng)站就做不出這樣的效果,只有點(diǎn)擊設(shè)定的按鈕才能展示切換效果。
③:手機(jī)網(wǎng)站支持左右滑動(dòng)瀏覽產(chǎn)品,底部可設(shè)定固定導(dǎo)航。如:返回首頁(yè)。聯(lián)系我們、一鍵撥號(hào)等這些快捷高效的設(shè)計(jì)。
④:手機(jī)網(wǎng)站建設(shè)要考慮到用戶單手就可以操作瀏覽,頁(yè)面設(shè)計(jì)的重要點(diǎn)擊按鈕都要在單手操作的可控距離內(nèi)。
PC和手機(jī)設(shè)計(jì)頁(yè)面不同:PC網(wǎng)站基于電腦瀏覽器,電腦本身可設(shè)置不同的分辨率,顯示屏的大小也各不相同,所以設(shè)計(jì)PC網(wǎng)站要注意他的居中寬和底部延伸。
手機(jī)網(wǎng)站相對(duì)來(lái)說(shuō)設(shè)計(jì)頁(yè)面較小,各個(gè)品牌的屏幕大小也不盡相同,分辨率差距也較大,還有手機(jī)系統(tǒng)現(xiàn)在大多數(shù)都支持方向切換,橫豎切換。
應(yīng)注意設(shè)計(jì)要點(diǎn):
①:手機(jī)網(wǎng)站的設(shè)計(jì)頁(yè)面比較小,展示內(nèi)容有限,設(shè)計(jì)一定要突出重中之重,一目了然,一鍵撥號(hào)、聯(lián)系我們一定要時(shí)刻在顯眼位置。
②:PC網(wǎng)站因?yàn)殡娔X系統(tǒng)的分辨率不同,瀏覽器大小還可以隨便收縮,設(shè)計(jì)時(shí)一定要考慮各個(gè)瀏覽器分辨率的適應(yīng),現(xiàn)在好多都做成了自適應(yīng)的網(wǎng)站了。
③:手機(jī)網(wǎng)站因?yàn)橐苿?dòng)設(shè)備多樣化,所以在設(shè)計(jì)頁(yè)面布局上,圖文搭配上一定要考慮各種設(shè)備的展示效果,這個(gè)需要設(shè)計(jì)師和程序員一起操作。
④:手機(jī)網(wǎng)站還有考慮到手機(jī)設(shè)備可以切換橫豎瀏覽,設(shè)計(jì)時(shí)一定要考慮到這些細(xì)節(jié),切換后如何展示等等。
用戶瀏覽環(huán)境不同:PC網(wǎng)站基于電腦,一般用電腦瀏覽網(wǎng)站都是在辦公室,瀏覽信息也比較專注。
手機(jī)網(wǎng)站建立在移動(dòng)設(shè)備的基礎(chǔ),所以瀏覽環(huán)境就不確定了,也比較隨意,以此手機(jī)網(wǎng)站的設(shè)計(jì)一定要突出重點(diǎn),注重細(xì)節(jié)互動(dòng)。
用戶操作網(wǎng)絡(luò)環(huán)境不同:PC網(wǎng)站瀏覽網(wǎng)絡(luò)環(huán)境比較固定,而手機(jī)網(wǎng)站的網(wǎng)絡(luò)環(huán)境就比較復(fù)雜,可以選擇WIFI也可以選擇流量。而流量又分2G、3G、4G。這就要考慮網(wǎng)絡(luò)瀏覽加載的速度,加載緩慢或加載不出來(lái)的提示彈窗設(shè)計(jì)等。
位置服務(wù)不同:PC網(wǎng)站和手機(jī)網(wǎng)站的程序開(kāi)發(fā)不同,獲取位置的方式也不一樣,PC網(wǎng)站在一些大的平臺(tái)上你就可以看見(jiàn),你進(jìn)入網(wǎng)頁(yè)的時(shí)候,自動(dòng)進(jìn)入的是你所在城市的地方站。這是因?yàn)槌绦颢@取的是你的IP,也只能做到這一點(diǎn)。可手機(jī)網(wǎng)站就不一樣了,手機(jī)網(wǎng)站是通過(guò)手機(jī)本身系統(tǒng)自帶功能授權(quán)給了定位系統(tǒng),這樣就可以準(zhǔn)確地給你定位地方,當(dāng)然這種功能一般都是出現(xiàn)在一些比較大的平臺(tái),比較智能化。
分享題目:從設(shè)計(jì)角度講講PC網(wǎng)站建設(shè)和手機(jī)網(wǎng)站建設(shè)的五個(gè)不同之處
路徑分享:http://jinyejixie.com/news/187995.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容