- 零基礎(chǔ)學(xué)網(wǎng)頁UI設(shè)計
- 胡雪梅
- 524字
- 2020-11-02 10:02:37
1.2.1 按瀏覽終端不同進行劃分
隨著科技的飛速發(fā)展，電子設(shè)備的種類也日益增多。大眾日常都在電子設(shè)備上瀏覽網(wǎng)頁，但是受地點、操作方式和方便攜帶等因素的影響，用戶可以選擇不同形式的終端來瀏覽網(wǎng)頁。根據(jù)目前電子終端的兩大類別，進而將網(wǎng)頁劃分為PC端網(wǎng)頁和移動端網(wǎng)頁兩種類型。
1．PC端網(wǎng)頁
PC端網(wǎng)頁就是指讀者使用臺式電腦或者筆記本電腦，打開瀏覽器瀏覽的各種網(wǎng)頁，圖1-2所示為PC端網(wǎng)頁。
圖1-2 PC端網(wǎng)頁
☆ 提示
PC端和移動端之間有一個較大的區(qū)別就是它們的屏幕分辨率不同，而且正常情況下，電腦屏幕尺寸要比手機屏幕尺寸大得多，所以在網(wǎng)頁UI設(shè)計上就會有所不同。移動端網(wǎng)頁的頁面相對要窄一點，而PC端網(wǎng)頁的頁面相對來說寬一點。
2．移動端網(wǎng)頁
移動端網(wǎng)頁就是用戶使用手機和平板電腦等設(shè)備瀏覽的網(wǎng)頁或者訪問的APP頁面，圖1-3所示為移動端網(wǎng)頁。
圖1-3 移動端網(wǎng)頁
☆ 小技巧：PC端網(wǎng)頁和移動端網(wǎng)頁內(nèi)容風(fēng)格有“詳”與“簡”的區(qū)別
PC端網(wǎng)頁展現(xiàn)的是非常全面且詳細(xì)的信息，它的特點就是面面俱到。而移動端網(wǎng)頁則是精簡功能模塊后的網(wǎng)頁，它一般展現(xiàn)網(wǎng)頁的核心信息，它的特點是針對性和目的性強，傳輸數(shù)據(jù)量小，訪問速度快，同時它也具備畫面清晰、板塊簡約、排版整齊、視覺沖擊力強等優(yōu)勢。用戶可以將移動端網(wǎng)頁看成是PC端網(wǎng)頁的簡約版。
推薦閱讀
- 應(yīng)對多突發(fā)事件的信息系統(tǒng)應(yīng)用技術(shù)
- 云計算導(dǎo)論：概念 架構(gòu)與應(yīng)用
- 大東話安全之網(wǎng)絡(luò)病毒篇
- CSS3網(wǎng)頁設(shè)計從入門到精通（微課精編版）
- Web標(biāo)準(zhǔn)網(wǎng)頁設(shè)計原理與前端開發(fā)技術(shù)
- 物聯(lián)網(wǎng)及其安全技術(shù)解析
- DIV+CSS網(wǎng)頁布局實用教程
- 軟件定義網(wǎng)絡(luò)核心原理與應(yīng)用實踐
- Wireshark網(wǎng)絡(luò)分析從入門到實踐
- 云原生：運用容器、函數(shù)計算和數(shù)據(jù)構(gòu)建下一代應(yīng)用
- 虛擬網(wǎng)構(gòu)建及其應(yīng)用
- Elasticsearch搜索引擎開發(fā)實戰(zhàn)
- Axure RP 8.0中文版原型設(shè)計從入門到精通
- Div+CSS3.0網(wǎng)頁布局實戰(zhàn)從入門到精通（第2版）
- Axure RP8.0產(chǎn)品原型設(shè)計與制作實戰(zhàn)