facebook網頁設計

1、大神們現在做網站設計和網頁設計有沒有什麼技巧

1、無論在什麼設備上，盡量提供類似的體驗
用戶可能會從不同的設備上訪問你的網站，可能在桌面端上，筆記本電腦、平板電腦和手機上，甚至有可能在智能手錶上打開你的網站。而作為用戶體驗設計的工作目標之一，就是盡量確保無論在哪個設備上打開，都能給用戶以類似、相對一致的體驗。
如果用戶需要在手機上查看你的網站，那麼他應該能夠像在家裡的電腦上查看的時候那樣，找打所有他希望能找到的內容。
2、清晰而易用的導航設計
導航是網頁可用性的基石。如果用戶無法通過導航找到自己想要的內容，那麼無論網站設計多好，都是不達標的。所以，你的網站導航應該符合下面的特徵：
簡單（每個網站都應該具備簡單明了的結構）
清晰（導航的選項對於用戶而言應該是不言自明的）
一致（導航在各個頁面上應該都是一致的）
這樣的導航能夠讓用戶盡可能少的點擊用來抵達他們要去的頁面。
3、讓已訪問的鏈接顯示為別的色彩
每個網站當中各種鏈接都不少。為了和文本區分開來，鏈接通常色彩不一樣，如果用戶點擊之後再返回，鏈接色彩不作區分的話，用戶可能會無意中重復訪問相同的頁面。所以，讓已訪問過的鏈接顯示為其他的色彩，讓用戶更好地決定下一步點擊哪裡。
4、讓用戶更容易掃視頁面
當用戶剛剛開始打開網頁的時候，可能會傾向於快速掃視整個頁面，而非通讀所有內容。當用戶想要快速判斷出他們想要的內容在哪裡的時候，就需要快速掃視、定位。作為設計師，讓頁面的層次結構足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內容按照重要性、有層次地呈現出來，還是挺考驗網頁設計師的權衡能力的。
將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點，便於用戶發現。
5、仔細檢查所有鏈接
當鏈接所指向的頁面不存在的時候，用戶所打開的頁面就會自然地變為404了，而這種情況是一定會讓用戶產生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網站產生失望的情緒，請務必確保沒個鏈接都指向正確的頁面。
6、確保元素的視覺和功能表裡如一
許多元素的外觀特徵會呈現出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設計。鏈接通常會呈現成特定的色彩，帶有下劃線，如果你的內容文本中有這么一段文字擁有這樣的特徵，用戶通常會認為它是一個鏈接。如果點擊的時候發現它無法跳轉，會讓人有「被欺騙」的感覺。用戶需要知道哪些內容是可點擊的，而哪些只是強調，設計要表裡如一。
7、不要讓你的用戶長時間等待載入
不論是面對APP還是網頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的載入時間，只會讓絕大多數的用戶關閉頁面，再精美的載入動畫都安撫不了用戶的煩躁。所以，不要讓你的用戶等待載入，尤其是這個載入時間很長的時候。相關的應對策略很多，比如你可以採用佔位符先顯示布局，逐步載入內容，至少讓用戶知道，這個過程正在推進。
8、不要讓促銷廣告蓋住內容
現實生活中廣告已經讓人難以忍受了，如果你的網頁中廣告居然擋住了主要內容，這幾乎是逼著你的用戶生氣關閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。
另外一方面，長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略：當他們看到廣告的時候會主動忽略它。這對於廣告的轉化率同樣是毀滅性的打擊，不是么？
9、避免滾動劫持
滾動劫持通常指的是開發者或者設計師為了實現新的布局、動畫或者排版，而修改了滾動的固定點甚至滾動條和體驗本身，帶來的非常規的滾動體驗。滾動劫持是最惱人的狀況之一，所以，通常而言，除非極個別的原因，盡量不要過度調整和修改用戶滾動瀏覽的體驗設計。
Mac Pro 的頁面就加入了一些令人抓狂的滾動特效，這是為了適配它的視差布局。
視頻和音頻自動播放對於用戶而言是一種失控的體驗，對於用戶也是一種刺激。這樣的設計應該謹慎使用，除非用戶對此已經有所預期。
Facebook 的視頻被設置為自動播放，但是不會出聲。只有當用戶在瀏覽視頻並且與之互動的時候，才會觸發聲音控制，外放出聲。
11、不要為了漂亮而犧牲可用性
網站和APP的界面設計的外觀不應該影響它本身的可用性。避免繁瑣的設計，為了美觀而犧牲內容的可讀性和對比性都是不能讓人接受的體驗。
12、不要使用晃眼的文本和廣告
令人晃眼的文本和廣告本身體驗不佳，它們會讓人分心，而且還會觸發體質敏感的癲癇患者發病。

2、html網頁開發常用軟體有哪些

1、Initializr

Initializr是製作HTML5網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr會為你生成代碼簡潔的可定製的網頁模板。

2、HTML5 visual cheat sheet

HTML5 visual cheat sheet是一個非常酷的速查手冊，每個Web開發人員的必備神器，可以幫助大家快速超找一個標簽或者屬性。

3、Cross browser HTML5 forms HTML5中的日歷，取色板，滑塊部件等都是非常棒工具，但是有些瀏覽器不支持。Cross browser HTML5 forms還可以幫助你構建完美的HTML5表單兼容方案。

4、HTML5demos

HTML5demos會告訴你每一個HTML5特性在哪些瀏覽器中支持，比如說你的瀏覽器是否支持HTML5 Canvas？Safari是否可以運行簡單的HTML5聊天客戶端等問題。

5、DreamWeaver

網頁製作軟體，該軟體已成為專業級網頁製作程序，支持HTML，CSS，PHP，JSP和ASP等多種腳本語言著色顯示，同時提供模板應用功能，支持一鍵式生成網頁框架功能。它是初學者或專業級網站開發人員必備的選擇工具。

3、最新網頁設計趨勢如何

1. 傳統網頁設計的消亡
網頁設計正從傳統的概念中逐漸的消亡。或像 Eric Meyer 在最近的 Offscreen 雜志中所說的，他停止稱自己為網頁設計師，而是稱自己為「體驗設計師」。
在傳統的網頁設計中，設計的作用更多是讓研發人員看起來不錯，而現如今網頁設計已演變的不僅如此了。
網頁設計師(或體驗設計師)不再只是使網站「看起來美麗」。 相反，他們需要研究用戶的體驗以及他們之間的故事。
2. 對話式 UI
2016 年是對話式交互發展的重要的一年，作為 hashtag 的創始人以及前 Google 員工Chris Messina 說：
「2016 年是對話式商務的元年。」
Chris 在這篇文章里提到，人們將通過聊天應用，通訊應用和其他自然語言界面來與公司、服務商和機器人進行交互。作為通訊應用平台(例如 Slack，Facebook Messenger 或 WeChat)也超越了社交網路應用的下載，企業開始思考如何利用這一變化。
因此，對話式用戶界面(例如網站)的設計，將成為大多數網頁設計師在 2017 年關注的重點。
雖然，仍然有諸多問題尚未解決，但請放心：對話式界面將成為 2017 年裡的一個主要的話題。
3. GIFs 和其他動畫
眾多的網站和應用程序正在使用著動畫，而 GIFs 也逐步的成為了主流。
作為 Buffer 網站的內容製作官 Ash 說：
「GIFs 是偉大的。它們無處不在。」
現在它已經內置到 Facebook 和 Twitter 中，你也可以將 GIFs 用於你的網頁設計。
但不要過度的依賴它們——雖然，它們很好的吸引了用戶的注意。GIFs 可讓你提供更豐富的產品體驗，演示工作流程，或者為你的客戶提供簡單的指導。
隨著多款 GIF 製作工具的出現(如 Photoshop，Giphy 或 record.it)，網頁設計師在其設計的過程中也不會受到限制。
4. 下一代響應式設計
響應式設計將繼續占據著主導地位，因為它是實現最佳用戶體驗的有效方式之一。CSS media queries 為網站提供了靈活性，並根據訪問網站的不同設備進行調整。
2016 年 4 月，谷歌對網站的排名演算法進行了調整，並對網站內容進行了優化。我們看到了不少公司正忙於重新提升他們網站的 Google 排名。
作為建站者，我們必須接受這種情況。雖然，沒有一個通用標准，但我確信的是網站提供的選項越少，響應的時間越短，那麼網站的轉化率就會得到提升。
5. 極簡主義的網頁設計
在 2017 年極簡主義將會達到一個全新的高度。當用戶點擊首頁後，呈現的將是類似於「卡片」一樣的展現，它們成為了用戶獲取網站更多信息的入口。而對於網站本身，多圖片的展示也可用於可視化的專題推薦，並可以促使用戶進行點擊。
Netflix 就是一個比較成功的網站示例。卡片圖像不僅能夠詮釋節目或電影的更多內容，而且可以減少網站的使用空間。
總體上，人們更青睞那些在視覺上清晰、簡單的網頁設計。
6. 數據可視化
現如今，數據和分析越來越重要。而大品牌服務商正為用戶提供了一個查看自己網站的統計數據的機會。
通過可視化的數據展示來增加用戶與數據間的交互。當涉及讓用戶更好的表達時，豐富多彩的圖表會特別有用。例如你可以使用 Tableau 來創建吸引用戶注意的圖表。
7. 減少圖庫圖片，增加真實照片
這是一個簡單卻有趣的網頁設計趨勢。 在過去幾個月瀏覽網站的過程中，我們發現使用圖庫圖片的網站在不斷的減少。作為用戶，我們更願意看到那些能夠表明公司或業務的照片，而不只是一張通用的圖片。
我也有這樣的感覺，網頁設計師寧可不選擇圖片，也不會使用圖庫圖片。
攝影是一種藝術的表現形式，卻被人們遺忘了若干年。但在2017年它會強勢回歸。然而，銘記於心的事情是你網站的服務目的是什麼。因此，上述的一切，包括網站圖像的選擇，請務必要這樣做。
個人照片(團隊照片)同樣很受歡迎——請給品牌一個門面
不僅真實圖像的使用率在不斷的增長，而且像卡通、漫畫以及其他插圖的使用比例也在增加。尤其是在一些科技類的社區中，通常會用一則漫畫來談論特定的主題或闡述一些細節。
8. Material Design
近年來，由 Google 推出的材料設計語言正穩步的推廣到其應用程序中，包括 Gmail，Google 地圖，Google 雲盤和 YouTube 。而早在 2013 年，材料設計就以搜索詞的形式出現了，但直到 2015 年它才成為了主流。
它是一種在頁面上創建具有意義的層次排版結構的設計方法，在移動和響應用戶動作的同時，將用戶的焦點繪制到不同的區域。他們稱後者為材料動效。而材料設計則是利用幾何形狀從視覺上來增強他們網站的體驗。
由於它具備極大的靈活性，以及所有設備的兼容性，它也越來越受歡迎。
這是一個關於材料設計及其未來的持續討論。要詳細了解材料設計，請參閱Google上的簡介。
9. 長滾動頁網站
它是一個擁有利弊的長滾動頁網站。總而言之，我們看到了越來越多的長滾動頁網站的出現，例如 Facebook，Twitter 或 Instagram 。它們看似無底，然而又很成功。
在 Facebook，Twitter 和 Instagram 網站上，用戶通過長時間滑動頁面，來不斷的刷新與瀏覽新的內容。作為慵懶的人類，我們已經習慣了現在的行為方式。許多網站也都在摒棄菜單和標簽選項，取而代之的是將所有內容放在一個長長的頁面上。而網站也可以拆解為圖像、文字與視頻，用以增添一些讓人們感到有趣的體驗。
那麼，就繼續愉快地滾動吧!
10. 字體排印越來越大
字體排印越來越大，並且更大膽。
2016 年我們已經看到了字體的大小與外觀設計的增長，但這種趨勢不會很快就停止。品牌名稱將會變得更大、更醒目，甚至會全屏出現。而動態的顏色與紋理也將添加到那些有趣、充滿活力的字體中，並創造出一個讓你「哇」的效果。
無論是用於繪圖，還是用來吸引用戶的注意，字體排印工作都在有條不紊的進行著。而大型字體的排印可以有效地打破網格的界限，尤其針對那些擁有較長滾動頁面的網站。
總結：雖然，我們認為這份列表上的所有內容都相當不錯的，但不要嘗試將每一個趨勢都納入到你設計的新網站上。它們中的一些適合為企業服務，而你也可以選擇一些客戶需要和想要的樣式和功能。同時，不要嘗試太多不必要的功能，這樣會立刻降低網站的用戶體驗。所以，請謹慎的選擇，最重要的是要有創意。

4、網頁設計發展趨勢有哪些

2017 年會出現哪些新趨勢?

1. 傳統網頁設計的消亡

網頁設計正從傳統的概念中逐漸的消亡。或像 Eric Meyer 在最近的 Offscreen 雜志中所說的，他停止稱自己為網頁設計師，而是稱自己為「體驗設計師」。

在傳統的網頁設計中，設計的作用更多是讓研發人員看起來不錯，而現如今網頁設計已演變的不僅如此了。

網頁設計師(或體驗設計師)不再只是使網站「看起來美麗」。 相反，他們需要研究用戶的體驗以及他們之間的故事。

2. 對話式 UI

2016 年是對話式交互發展的重要的一年，作為 hashtag 的創始人以及前 Google 員工Chris Messina 說：

「2016 年是對話式商務的元年。」

Chris 在這篇文章里提到，人們將通過聊天應用，通訊應用和其他自然語言界面來與公司、服務商和機器人進行交互。作為通訊應用平台(例如 Slack，Facebook Messenger 或 WeChat)也超越了社交網路應用的下載，企業開始思考如何利用這一變化。

因此，對話式用戶界面(例如網站)的設計，將成為大多數網頁設計師在 2017 年關注的重點。

雖然，仍然有諸多問題尚未解決，但請放心：對話式界面將成為 2017 年裡的一個主要的話題。

3. GIFs 和其他動畫

眾多的網站和應用程序正在使用著動畫，而 GIFs 也逐步的成為了主流。

作為 Buffer 網站的內容製作官 Ash 說：

「GIFs 是偉大的。它們無處不在。」

現在它已經內置到 Facebook 和 Twitter 中，你也可以將 GIFs 用於你的網頁設計。

但不要過度的依賴它們——雖然，它們很好的吸引了用戶的注意。GIFs 可讓你提供更豐富的產品體驗，演示工作流程，或者為你的客戶提供簡單的指導。

隨著多款 GIF 製作工具的出現(如 Photoshop，Giphy 或 record.it)，網頁設計師在其設計的過程中也不會受到限制。

4. 下一代響應式設計

響應式設計將繼續占據著主導地位，因為它是實現最佳用戶體驗的有效方式之一。CSS media queries 為網站提供了靈活性，並根據訪問網站的不同設備進行調整。

2016 年 4 月，谷歌對網站的排名演算法進行了調整，並對網站內容進行了優化。我們看到了不少公司正忙於重新提升他們網站的 Google 排名。

作為建站者，我們必須接受這種情況。雖然，沒有一個通用標准，但我確信的是網站提供的選項越少，響應的時間越短，那麼網站的轉化率就會得到提升。

5. 極簡主義的網頁設計

在 2017 年極簡主義將會達到一個全新的高度。當用戶點擊首頁後，呈現的將是類似於「卡片」一樣的展現，它們成為了用戶獲取網站更多信息的入口。而對於網站本身，多圖片的展示也可用於可視化的專題推薦，並可以促使用戶進行點擊。

Netflix 就是一個比較成功的網站示例。卡片圖像不僅能夠詮釋節目或電影的更多內容，而且可以減少網站的使用空間。

總體上，人們更青睞那些在視覺上清晰、簡單的網頁設計。

6. 數據可視化

現如今，數據和分析越來越重要。而大品牌服務商正為用戶提供了一個查看自己網站的統計數據的機會。

通過可視化的數據展示來增加用戶與數據間的交互。當涉及讓用戶更好的表達時，豐富多彩的圖表會特別有用。例如你可以使用 Tableau 來創建吸引用戶注意的圖表。

7. 減少圖庫圖片，增加真實照片

這是一個簡單卻有趣的網頁設計趨勢。 在過去幾個月瀏覽網站的過程中，我們發現使用圖庫圖片的網站在不斷的減少。作為用戶，我們更願意看到那些能夠表明公司或業務的照片，而不只是一張通用的圖片。

我也有這樣的感覺，網頁設計師寧可不選擇圖片，也不會使用圖庫圖片。

攝影是一種藝術的表現形式，卻被人們遺忘了若干年。但在2017年它會強勢回歸。然而，銘記於心的事情是你網站的服務目的是什麼。因此，上述的一切，包括網站圖像的選擇，請務必要這樣做。

個人照片(團隊照片)同樣很受歡迎——請給品牌一個門面

不僅真實圖像的使用率在不斷的增長，而且像卡通、漫畫以及其他插圖的使用比例也在增加。尤其是在一些科技類的社區中，通常會用一則漫畫來談論特定的主題或闡述一些細節。

8. Material Design

近年來，由 Google 推出的材料設計語言正穩步的推廣到其應用程序中，包括 Gmail，Google 地圖，Google 雲盤和 YouTube 。而早在 2013 年，材料設計就以搜索詞的形式出現了，但直到 2015 年它才成為了主流。

它是一種在頁面上創建具有意義的層次排版結構的設計方法，在移動和響應用戶動作的同時，將用戶的焦點繪制到不同的區域。他們稱後者為材料動效。而材料設計則是利用幾何形狀從視覺上來增強他們網站的體驗。

由於它具備極大的靈活性，以及所有設備的兼容性，它也越來越受歡迎。

這是一個關於材料設計及其未來的持續討論。要詳細了解材料設計，請參閱Google上的簡介。

9. 長滾動頁網站

它是一個擁有利弊的長滾動頁網站。總而言之，我們看到了越來越多的長滾動頁網站的出現，例如 Facebook，Twitter 或 Instagram 。它們看似無底，然而又很成功。

在 Facebook，Twitter 和 Instagram 網站上，用戶通過長時間滑動頁面，來不斷的刷新與瀏覽新的內容。作為慵懶的人類，我們已經習慣了現在的行為方式。許多網站也都在摒棄菜單和標簽選項，取而代之的是將所有內容放在一個長長的頁面上。而網站也可以拆解為圖像、文字與視頻，用以增添一些讓人們感到有趣的體驗。

那麼，就繼續愉快地滾動吧!

10. 字體排印越來越大

字體排印越來越大，並且更大膽。

2016 年我們已經看到了字體的大小與外觀設計的增長，但這種趨勢不會很快就停止。品牌名稱將會變得更大、更醒目，甚至會全屏出現。而動態的顏色與紋理也將添加到那些有趣、充滿活力的字體中，並創造出一個讓你「哇」的效果。

無論是用於繪圖，還是用來吸引用戶的注意，字體排印工作都在有條不紊的進行著。而大型字體的排印可以有效地打破網格的界限，尤其針對那些擁有較長滾動頁面的網站。

總結：雖然，我們認為這份列表上的所有內容都相當不錯的，但不要嘗試將每一個趨勢都納入到你設計的新網站上。它們中的一些適合為企業服務，而你也可以選擇一些客戶需要和想要的樣式和功能。同時，不要嘗試太多不必要的功能，這樣會立刻降低網站的用戶體驗。所以，請謹慎的選擇，最重要的是要有創意。

5、網頁設計的未來規劃發展都有什麼？

1. 傳統網頁設計的消亡
網頁設計正從傳統的概念中逐漸的消亡。或像 Eric Meyer 在最近的 Offscreen 雜志中所說的，他停止稱自己為網頁設計師，而是稱自己為「體驗設計師」。
在傳統的網頁設計中，設計的作用更多是讓研發人員看起來不錯，而現如今網頁設計已演變的不僅如此了。
網頁設計師(或體驗設計師)不再只是使網站「看起來美麗」。 相反，他們需要研究用戶的體驗以及他們之間的故事。
2. 對話式 UI
2016 年是對話式交互發展的重要的一年，作為 hashtag 的創始人以及前 Google 員工Chris Messina 說：
「2016 年是對話式商務的元年。」
Chris 在這篇文章里提到，人們將通過聊天應用，通訊應用和其他自然語言界面來與公司、服務商和機器人進行交互。作為通訊應用平台(例如 Slack，Facebook Messenger 或 WeChat)也超越了社交網路應用的下載，企業開始思考如何利用這一變化。
因此，對話式用戶界面(例如網站)的設計，將成為大多數網頁設計師在 2017 年關注的重點。
雖然，仍然有諸多問題尚未解決，但請放心：對話式界面將成為 2017 年裡的一個主要的話題。
3. GIFs 和其他動畫
眾多的網站和應用程序正在使用著動畫，而 GIFs 也逐步的成為了主流。
作為 Buffer 網站的內容製作官 Ash 說：
「GIFs 是偉大的。它們無處不在。」
現在它已經內置到 Facebook 和 Twitter 中，你也可以將 GIFs 用於你的網頁設計。
但不要過度的依賴它們——雖然，它們很好的吸引了用戶的注意。GIFs 可讓你提供更豐富的產品體驗，演示工作流程，或者為你的客戶提供簡單的指導。
隨著多款 GIF 製作工具的出現(如 Photoshop，Giphy 或 record.it)，網頁設計師在其設計的過程中也不會受到限制。
4. 下一代響應式設計
響應式設計將繼續占據著主導地位，因為它是實現最佳用戶體驗的有效方式之一。CSS media queries 為網站提供了靈活性，並根據訪問網站的不同設備進行調整。
2016 年 4 月，谷歌對網站的排名演算法進行了調整，並對網站內容進行了優化。我們看到了不少公司正忙於重新提升他們網站的 Google 排名。
作為建站者，我們必須接受這種情況。雖然，沒有一個通用標准，但我確信的是網站提供的選項越少，響應的時間越短，那麼網站的轉化率就會得到提升。
5. 極簡主義的網頁設計
在 2017 年極簡主義將會達到一個全新的高度。當用戶點擊首頁後，呈現的將是類似於「卡片」一樣的展現，它們成為了用戶獲取網站更多信息的入口。而對於網站本身，多圖片的展示也可用於可視化的專題推薦，並可以促使用戶進行點擊。
Netflix 就是一個比較成功的網站示例。卡片圖像不僅能夠詮釋節目或電影的更多內容，而且可以減少網站的使用空間。
總體上，人們更青睞那些在視覺上清晰、簡單的網頁設計。
6. 數據可視化
現如今，數據和分析越來越重要。而大品牌服務商正為用戶提供了一個查看自己網站的統計數據的機會。
通過可視化的數據展示來增加用戶與數據間的交互。當涉及讓用戶更好的表達時，豐富多彩的圖表會特別有用。例如你可以使用 Tableau 來創建吸引用戶注意的圖表。
7. 減少圖庫圖片，增加真實照片
這是一個簡單卻有趣的網頁設計趨勢。 在過去幾個月瀏覽網站的過程中，我們發現使用圖庫圖片的網站在不斷的減少。作為用戶，我們更願意看到那些能夠表明公司或業務的照片，而不只是一張通用的圖片。
我也有這樣的感覺，網頁設計師寧可不選擇圖片，也不會使用圖庫圖片。
攝影是一種藝術的表現形式，卻被人們遺忘了若干年。但在2017年它會強勢回歸。然而，銘記於心的事情是你網站的服務目的是什麼。因此，上述的一切，包括網站圖像的選擇，請務必要這樣做。
個人照片(團隊照片)同樣很受歡迎——請給品牌一個門面
不僅真實圖像的使用率在不斷的增長，而且像卡通、漫畫以及其他插圖的使用比例也在增加。尤其是在一些科技類的社區中，通常會用一則漫畫來談論特定的主題或闡述一些細節。
8. Material Design
近年來，由 Google 推出的材料設計語言正穩步的推廣到其應用程序中，包括 Gmail，Google 地圖，Google 雲盤和 YouTube 。而早在 2013 年，材料設計就以搜索詞的形式出現了，但直到 2015 年它才成為了主流。
它是一種在頁面上創建具有意義的層次排版結構的設計方法，在移動和響應用戶動作的同時，將用戶的焦點繪制到不同的區域。他們稱後者為材料動效。而材料設計則是利用幾何形狀從視覺上來增強他們網站的體驗。
由於它具備極大的靈活性，以及所有設備的兼容性，它也越來越受歡迎。
這是一個關於材料設計及其未來的持續討論。要詳細了解材料設計，請參閱Google上的簡介。
9. 長滾動頁網站
它是一個擁有利弊的長滾動頁網站。總而言之，我們看到了越來越多的長滾動頁網站的出現，例如 Facebook，Twitter 或 Instagram 。它們看似無底，然而又很成功。
在 Facebook，Twitter 和 Instagram 網站上，用戶通過長時間滑動頁面，來不斷的刷新與瀏覽新的內容。作為慵懶的人類，我們已經習慣了現在的行為方式。許多網站也都在摒棄菜單和標簽選項，取而代之的是將所有內容放在一個長長的頁面上。而網站也可以拆解為圖像、文字與視頻，用以增添一些讓人們感到有趣的體驗。
那麼，就繼續愉快地滾動吧!
10. 字體排印越來越大
字體排印越來越大，並且更大膽。
2016 年我們已經看到了字體的大小與外觀設計的增長，但這種趨勢不會很快就停止。品牌名稱將會變得更大、更醒目，甚至會全屏出現。而動態的顏色與紋理也將添加到那些有趣、充滿活力的字體中，並創造出一個讓你「哇」的效果。
無論是用於繪圖，還是用來吸引用戶的注意，字體排印工作都在有條不紊的進行著。而大型字體的排印可以有效地打破網格的界限，尤其針對那些擁有較長滾動頁面的網站。
總結：雖然，我們認為這份列表上的所有內容都相當不錯的，但不要嘗試將每一個趨勢都納入到你設計的新網站上。它們中的一些適合為企業服務，而你也可以選擇一些客戶需要和想要的樣式和功能。同時，不要嘗試太多不必要的功能，這樣會立刻降低網站的用戶體驗。所以，請謹慎的選擇，最重要的是要有創意。

6、現在網頁設計的趨勢是什麼？

1.網頁設計，這個是個思想活，你想走多遠始終是思想決定的。技術倒是其次，不過也是必須的。如果你沒有美術的功底（之前沒設計過，沒學過相關的知識），可能路有些長。如果是找這方面的工作，或者在比較有規模的公司打雜，或者在小公司去做設計（就是天天去參考別人的網站，廣告曲設計的那種）
2.網頁製作，這個是技術活，如果你會div+css，技術上解決了一大塊，ajax又不難，你整個jquery學學就可以了。如果你有編程的基礎。相當容易。整幾個你做的東西，工作應該不是問題
3.php，說白了點，更是思想活（我指的是如果你想走這條路，以後參與大的項目），如果你找這方面的工作，應該來說相對網頁設計容易一些，php是中小企業的選擇，所以找的工作（尤其是剛畢業）都是小的單位，大的公司肯定要求項目經驗（除非你在校園招聘中錄取）

網頁製作前端：需要的是div+css技術，js技術（流行的一般是jquery等框架），當然，這個要兼容多個瀏覽器才行。

7、國內幾款比較好用的html5頁面製作工具有哪些？

你好，微信上的HTML頁面一般是用工具做出來的，很少有開發的H5案列，最常見是翻頁H5，自由度比較低，只能修改圖片換換文字，而專業工具自由度比較高，可以很靈活的設計H5，epub360在專業工具中上手難度適中，值得大家嘗試下。Epub360，有很多豐富的組件可以調用。使用邏輯跟PPT差不多，音樂、動畫、視頻、交互都可以輕松實現。在線製作，只需要把鏈接放在公眾號里或者分享朋友朋友圈即可。

8、瀑布流的網頁設計適合什麼樣的網站

適合於產品展示，不適合到處都用，是個很好的插件。

瀑布流網頁布局設計，現在有泛濫成災之勢，不過存在即合理，瀑布流為什麼這么走俏，是因為它能滿足用戶的體驗與需要。而對於瀑布流式布局，想必網頁設計師們已不再陌生，隨著pinterest自2011年開始走紅，瀑布流式的布局被越來越多的網站所使用。國內的花瓣網、堆糖網、布兜、發現啦，美麗說，蘑菇街，人人逛街，凡客達人等，復制Pinterest的網站在中國蜂擁而現，粗略估計已有上百家之多。

為什麼選擇瀑布流？對圖片的展現高效有吸引力

既然pinterest式蜂擁而現，我們先從體驗角度看，瀑布流布局為什麼好？
筆者淺見。隨著讀圖時代快餐式消費的來臨，瀑布流對於圖片的展現，是高效而具有吸引力的，用戶一眼掃過的快速閱讀模式可以在短時間內獲得更多的信息量,而瀑布流里懶載入模式又避免里用戶滑鼠點擊的翻頁操作,這么瀏 覽起來,隨著滑鼠的滾動,是不是最小的操作成本能獲得做多的內容體驗,是不是比較容易沉浸其中,不被打斷。有沒有逛起街來邊走邊看,被琳琅滿目的商品吸引 的感覺呢?

除此之外，瀑布流的主要特性便是錯落有致，定寬而不定高的設計讓頁面區別於傳統的矩陣式圖片布局模式，巧妙的利用視覺層級，視線的任意流動又緩解了視覺疲勞。

Pinterest
Pinterest於2011年誕生，如今每月獨立訪問用戶數量已突破1100萬，平均每位用戶每月在網站上逗留98分鍾，這一時長在諸多社交平台中僅次於Tumblr和Facebook。Pinterest作為瀑布流布局的鼻祖，必然引導瀑布流設計的方向。

吸頂式導航

為什麼使用吸頂式導航呢？用戶在瀑布流模式下一目十行去瀏覽，如果快速切換到分類，又要回到頂部，然後再選取分類，吸頂式導航可以讓用戶輕松切換分類，設計要點，吸頂式導航不可以太寬，色彩上不可以太搶眼，只需要保證用戶在需要時，它悄悄的在就可以。

2.評論的錨點定位

pinterest起初設計是評論框全部默認展示的， 意在鼓勵用戶輸入評論。而在最近的改版中，pinterest的評論框的設計改為:當圖片和已有評論長度較小時，評論框默認收起，點擊評論的操作 button後，錨點定位到評論框，同時游標閃動，提示用戶輸入文字。而圖片和已有評論較長時（接近或大於一屏的高度），默認評論框打開，因為用戶如果靠 評論的button打開評論框需要回滾較多距離，成本太高。

3.輕巧的點擊查看大圖設計

點擊空白區域收起，再次點擊大圖跳轉到圖片來源網站。非常適合輕松隨意的閱讀尤其是當用戶適應此處的設計邏輯後，很容易產生沉浸式瀏覽，同時又滿足了查看細節的需要。

4.佔位載入，保持視覺體驗的順暢

用戶在不斷滾動滑鼠滾輪瀏覽的過程中，網速並不總是盡如人意的，因此採用佔位載入形式（預載入出圖片高度的灰度圖），不讓載入過程中畫面過於跳動，

可以讓用戶視覺體驗平緩些，視覺過度流暢，盡量小的干擾用戶瀏覽的行為。