社會每天在進步這是我們有目共睹的特別是是客戶和互聯(lián)網(wǎng)方面我們更易察覺,例如和我們息息相關的衣食住行,舉例:依托于移動互聯(lián)網(wǎng)的發(fā)展移動支付這兩年爆發(fā)式發(fā)展,幾年之前人民還在討論要不要發(fā)行500元面值的人民幣,而現(xiàn)在討論時竟是還需不需要人民幣,吃個飯從大酒店到路邊攤都已經(jīng)不需要現(xiàn)金了,一個手機走邊天下。而我們創(chuàng)新互聯(lián)也是從事互聯(lián)網(wǎng)行業(yè)的,也希望我們的
網(wǎng)站建設能為社會貢獻微薄之力。
細分到
網(wǎng)站建設行業(yè)這幾年也是風云突變,用戶了解信息和交易產(chǎn)品的途徑從PC網(wǎng)頁版到現(xiàn)在的手機APP的使用已經(jīng)很大變化,同時也大大壓縮了
建站市場,所以我們更需要給僅有的客戶提供更好的服務,拿出更好的產(chǎn)品和用戶體驗出來才是客戶想要的,那么首先就要從界面設計方面著手,主要有一下兩方面:
1、規(guī)格尺寸
隨著科技的發(fā)展網(wǎng)站瀏覽者的顯示終端越來越大分辨率越來越高,我們看下目前市場比較流行的分辨率如下圖:
以上截圖的數(shù)據(jù)統(tǒng)計來自百度研究院,自2017年7月——2017年12月的數(shù)據(jù)
1)排名第一的360*640為手機分辨率(第四和第六也是手機),這里對其不做過多闡述。不過也有朋友有疑問了不是現(xiàn)在手機分辨率都很高的了嗎,怎么在上面還這么低,因其有倍率問題,參考下圖
2)1920*1080排名第二也是PC的主流,此尺寸是23寸和27寸的顯示器為主。
3)排名第三的1366*768是筆記本電腦,雖然筆記本電腦的絕對數(shù)量沒有臺式機多很多,但是基本所有筆記本的分辨率都一致,所以導致此分辨率排名很高。
3)排名第五的1400*900應該是臺式顯示器19寸的。
上圖看到市場是顯示器尺寸和分辨率千差萬別,也正是由于市場上瀏覽器尺寸繁多所以導致網(wǎng)頁設計的尺寸也繁多,略舉幾例
A)以上截圖是網(wǎng)易網(wǎng)站的首頁,其中紅線標出的部分也就是網(wǎng)站的主體內容區(qū)域,尺寸約為970px左右,最小兼容1024*768的分辨率(提出最小兼容即更大的訪問是沒問題的,但是更小的就會有問題),雖然此分辨率已經(jīng)基本沒有市場,但是作為訪問量龐大的門戶網(wǎng)站還是要把能訪問放在第一位的。
B)此為網(wǎng)站新聞欄目頻道的首頁,其中紅線標識區(qū)域尺寸約為1200px最小兼容1366*768的尺寸,1200px也是目前固定尺寸網(wǎng)頁設計中的主流尺寸了,畢竟還有龐大的筆記本用戶必須要考慮到(如單純考慮臺式機的話可以把網(wǎng)頁尺寸再擴大) 再大的話筆記本看就會產(chǎn)生左右滾動條。
C)響應式自由尺寸,這個就沒有具體尺寸了,而起網(wǎng)站的形式和具體優(yōu)勢前文也已經(jīng)提到,這里就不做說明了,參考鏈接http://jinyejixie.com/news/4076.html
2、設計風格
科技的發(fā)展帶來了顯示器尺寸和分辨率的變化,但是審美卻不是科技帶來的,而是隨著人民物質水平的增高設計師的不斷嘗試做出越來越符合人民視覺習慣并使心情愉悅的網(wǎng)站出來,一步步的提高了網(wǎng)站的美觀度。對比一下兩個
網(wǎng)頁設計以上截圖來源于12306官網(wǎng),雖然現(xiàn)在還在使用,但是設計風格已經(jīng)很老舊了,設計比較繁瑣、用的很多元素立體感比較強。
以上截圖來自創(chuàng)新互聯(lián)新版網(wǎng)站案例展示頁面,設計比較簡潔、風格扁平化。
本文標題:網(wǎng)站設計風格演變
本文來源:http://jinyejixie.com/news/241944.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計等
廣告
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯(lián)