jdb夺宝电子论坛|job夺宝电子

2018自助建站系列:有哪些流行的網站結構與經典布局?

2018-01-04 15:32:51 來源:微企點 訪問量:4070 標簽: 自助建站 網站布局 網站建站

送走2017,迎來2018 。每年的建站計劃都從今天起,微企點決定寫一個自助建站的系列文章,提綱挈領地把2018年自助的基本情況和發展趨勢梳理一下,以便用戶能夠抓住自助建站的要領,快速進行建站。

 

目前規劃的系列文章目錄如下:

2018自助建站系列:厘清網站基本概念
2018自助建站系列:網站策劃與網站定位
2018自助建站系列:如何選擇合適的域名
2018自助建站系列:如何選擇靠譜的自助建站平臺
2018自助建站系列:免費自助建站平臺實力比拼
2018自助建站系列:如何挑選適合的網站模板?
2018自助建站系列:有哪些流行的網站結構與經典布局?
2018自助建站系列:如何設置網站的SEO三項(標題、關鍵詞和描述)
2018自助建站系列:自助網站如何優化推廣?

 

本文是自助建站系列第七篇:有哪些流行的網站結構與經典布局。

在選好了域名、自助建站平臺、網站模板后,終于可以來到網頁設計制作環節了。首先我們需要了解一下有哪些流行的網站結構和經典布局。

 

1、國字型網站布局
大型網站一般喜歡就是國字型的網站布局,即網站最上面是網站的標題和橫幅廣告條,接下來是網站的主要內容,左右分列幾個版塊的內容,中間為網站的主要內容,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這樣的國字型網站布局也是我們在網站上看到最多的一種結構類型。

2、匡字型網站布局
匡字型網站布局和國字型網站布局的最大區別就是最右側是否封口。上面是網站的標題及橫幅廣告,接下來左側是一列是網站鏈接,右側是很寬的網站正文,下面也是一些網站的輔助信息。

3、左右框架型網站布局
左右框架型網站布局,一邊是左面的導航鏈接、一邊是右面的正文。網站的最上方一般是網站的標題或標志。大部分論壇或一部分企業網站喜歡采用,結構清晰一目了然。

4、上下框架型網站布局
和左右框架型網站布局類似,區別僅僅在于一種上下分為兩頁的框架。

5、自由布局型網站
這樣的網站布局方式一般不拘泥于一般的基本結構,通常是多種結構的混合體,這樣的網站布局一般多用于個人網站。

 

外媒thenextweb對2018年的網頁設計趨勢進行了預測,以下為其諾列的11個發展趨勢,具體如下:

一、彈出式/插入式內容的終結

Google往往是網頁趨勢發展背后的驅動者。最近,這家搜索引擎公司宣布將處罰那些在搜索結果中使用彈出式或插入式內容等擾人政策的網站,例如屏蔽那些當用戶點擊彈出窗口上的“X(關閉)”按鈕之后才會消息的內容。

不過并不是所有插入式內容都會消失,像年齡驗證、登錄窗口等內容則會被保留下來。

二、破碎/非常規網格布局

相信明年會有越來越多的網站開始嘗試新的網格布局,非常規甚至破碎的網格將成為更加流行的設計美學。

Invision Studio就是一個很好的例子,最新發布的網站就在推動網格設計的邊界,其對用戶在滾動頁面時候的網格布局進行了一番改變,甚至還在某些情況下通過在特定位置采用文本覆蓋圖片的方式“打破”邊界。

三、襯線的回歸

曾經的扁平化設計為了盡可能地扁平化甚至去掉了襯線。然而當扁平化設計開始走到盡頭的時候,人們又開始看到了襯線的回歸。

在眾籌網站Kickstarter上大家就可以看到一些襯線。這為原本干凈、現代的設計布局加入更多的個性,因為襯線就是增加個性化和真實性的方式之一。

四、動畫的存在不再分散用戶注意力

多虧了jQuery和CSS3,動畫在各大網站發展起來,然而到最近,設計師們想要網頁上的所有東西都動起來。所以2018年預計網頁會出現更多的動畫和交互式內容,但它們出現的目的是為了體驗而非分散用戶的注意力。

Concrete Rep網站就是一個很好的例子。當滾動頁面時將會出現不同的圖片和文字內容。

五、銳利的漸變

另一個開始流行的趨勢將來自漸變的呈現。銳利的漸變風格開始不斷出現,它能帶來更強烈的視覺效果。

Sketch網頁是一個代表例子。大家可以在網頁右邊看到紫色的銳利漸變。另外當滾動頁面的時候還將看到一個圓形靶心效果,這能有助于將漸變的東西變得更加引人注目。

六、打破橫向水平的傳統

誰說橫線必須是水平的?最近,設計師們就開始打破這種傳統將橫線以斜線的形式表現。通過這種銳利的斜線,網站頁面能夠獲得更多的視覺樂趣并變得更加獨特。

Stripe網站展現的效果,可以看到,只要設計得當,斜著的橫線看著也非常漂亮、舒服。

七、圓角復活

看起來圓角并沒有真正死去,實際上現在設計師們又將它帶來了回來。看Twitter的新推文發布框就是一個很好的證明。

八、鮮艷大膽的配色

想要想出新的配色方案并不容易,所以直到年代才開始出現越來越多的新配色方案,它們看起來好像不大可行但實際上卻又行得通。等到2018年,人們可能將會看到更多鮮艷、大膽的實驗性配色方案。有時候許多明亮的顏色都被認為不大可能和平共處,但真把它們放在一起的時候效果卻出奇得好。

不信請看Spotify,其采用了粉色、金色、橙色這三種一般不會有人想到將它們組合在一起的顏色,最終的效果相信大家也都看到了,非常棒。

九、交互式的故事內容

現在,越來越多的網頁開發者開始通過動畫或視頻來幫助他們更好地呈現其所要訴說的故事。

CNN最近發布的一篇關于全球變暖和格陵蘭島冰川融化的新聞報道,其將故事分成多個部分并且在每個部分都提供了不同的背景、動畫。

十、分割桌面屏幕的設計

眼下還出現了這樣一個流行趨勢,即讓一或兩張圖片來接管網頁試圖,從中間垂直向下分割。

Jaune de Chrome網站就是這一趨勢的代表之一。

十一、粗獷主義的出現

也許許多人沒有聽說過粗獷主義,當在網頁設計中談論到這個也就意味著與以上談論所有趨勢的對立面。它幾乎打破了所有網頁設計和用戶體驗的規則。

粗獷主義網站只遵循自己的設計美學,其不符合任何美學趨勢。上圖就是一個粗獷主義網站的典型框架,下圖則是一個粗獷主義網站設計的范例。

總結

就網頁設計而言,2018年注定會是令人興奮的一年。上面談到的趨勢在2017年最后幾個月已經廣受歡迎,所以相信到了明年它們勢必將能大放異彩。

客服QQ : 4009969000
客服電話 : 4000-567-218

掃描關注微信公眾號

周一至周五 9:00~18:00

非工作時間,請您QQ留言,我們會及時回復

返回頂部
jdb夺宝电子论坛 11选五中3个有钱吗 内蒙古时时五码走势图 看彩票走势图技巧视频 3d组选复式计算器 河北快3和值跨度表 浙江十二选五玩法 15选5下期预测号码 三分赛计划公式 白小姐传密118开奖结果 新时时全部玩法