主流網頁設計

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

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

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

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

2、現在主流的網頁設計都是用什麼軟體？

網頁設計，不知道你是單純的設計還是設計加製作。

現在來說，設計軟體越來越多，可以選擇的餘地比較大。

以前流行的說法是網頁三劍客：Dreamweaver、firework、flash。

現在來說，個人還是喜歡：

設計類：Photoshop（數字）、illustrator（矢量）、flash（動畫）。

網頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優秀軟體。

3、網頁設計現在主流的技術是什麼？

1.沒錯，簡單點講CSS+DIV是用來定義網頁排版的主流樣式與布局手法。
2.完全可以自己自學，不是很難。
3.給你點建議：CSS+DIV只是作為一個網頁設計師的最基本，很少有公司把頁面的CODING細分出來，也就是說很少有專門做CSS+DIV工作的，一般CSS+DIV為網頁設計師所承擔的工作。如果想做一個成功的網頁設計師，最重要的還是設計能力，主要為平面設計與動畫設計能力。技術是死的，而設計這個東西卻是活的。

4、主流的網頁設計軟體是什麼？PS?AI?還是其他？

首先你要明確一個問題：
網頁設計其實包含很多設計：代碼設計/布局設計/藝術設計
代碼設計：
代碼設計的意義是如何使整個網站的功能性和網站的效率達到更好，這樣需要扎實的網頁設計基本功，HTML/CSS/DIV/JS 涉及軟體DW NOTEPAD++
布局設計：如何布局整個頁面，讓用戶使用起來更加方便和快捷。這個要求不少的經驗。
藝術設計：
藝術設計的意義如何提升用戶的體驗，讓整個頁面看起來更加賞心悅目。涉及的軟體有PS/AI等。

那從代碼設計到布局設計到藝術設計是一步步靠近用戶的，因為本身網頁設計就屬於前端設計，它的功能就是和用戶起到一個交互的作用。

首先明確一個概念，PS做的是點陣圖，AI做的是矢量圖。
所以我們在做網頁布局設計的使用一般是用AI。但是如果做網頁風格和圖片的設計的時候我們一般選擇PS，因為兩個軟體出於同一家Adobe 公司，所以兼容性也沒的說。

5、現在主流的網頁設計軟體是什麼？

Dreamwear
Deamweaver是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。簡介Dreamweaver、FLASH以及在DREAMWEAVER之後推出的針對專業網頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的發展過程，隨著互聯網(Internet) 的家喻戶曉，HTML技術的不斷發展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性，使用方便，容易上手。

6、網頁設計有哪些好的網站

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
無論是什麼樣的網頁設計常用的工具一般都是以下幾個：PS、FL、DW、FW

7、當下比較流行的網頁設計樣式都有哪些？

扁平的設計是這兩年出現的最大趨勢之一，並沒有特定的樣式形態。
另外，大背景圖顯示、長滾動網頁設計，簡化配色設計，視頻圖片代替文本，內容簡化設計都是當前比較流行的網頁設計樣式。

8、當前流行的網頁設計軟體有哪幾種？急！

一直是網頁設計三劍客比較流行，DREAMWEAVER CS3，FIREWORKS CS3，FLASH CS3，這些現在都是比較新的版本！在各大軟體下載的網站上面都有！其他的就是FRONT PAGE，不過我個人建議初學者的話還是學學DW比較好，因為這是第一部，以後可以繼續深造ASP PHP等語言，在線教學的話我個人不建議你學，因為第一電腦輻射太大，對身體不好，二是因為你再初學的過程中應該有很多問題要看很多遍，所以我覺得你還是買書比較好，而且現在一般的書還帶光碟教學的，比上網看簡單，學知識投資也比較心安理得。

http://www.enet.com.cn/eschool/zhuanti/dreamweavershili/
上面有教學，你可以參考下。
學什麼東西一定要有耐心，祝君成功！

9、目前比較流行的網站設計風格有哪些

1、超現實主義的設計
看慣了大量現實的設計，超現實主義風格的設計中所蘊含的豐富想像就顯得非常迷人了。在2019年的諸多網頁設計當中，那些比現實世界更夢幻的設計元素，顯得更加吸引人，影響力更大。
基於目標用戶所追求的情感和情緒來構建超現實主義的設計，能夠更快地同用戶產生情感聯系。這種獨特的視覺和獨一無二的情緒所創建的情感連接更加難以復制，而這其中，動畫、漫畫和奇怪的插畫占據了極大的比例。這些元素能夠帶來新鮮的體驗，而這本身就是影響力。

2、UX設計的關注點更加細膩
隨著技術的提升，用戶對於網站的體驗，已經不止於可用、好用，用戶的關注點已經慢慢遷移到更加細膩的感知維度上，比如是否更加真實、是否從視覺乃至文本上體現出對於用戶的尊重和關心。因此，UX寫作成了設計師必須掌握的另外一個技能——文案是否走心，用戶很在意。
優質的文案能夠讓用戶留存下載，讓用戶和產品更容易聯繫到一起，讓用戶獲得尊重感。UX設計的維度正在擴展，設計師需要更加精準地抓住用戶的注意力，這也是具有商業價值的設計方向。

3、多變的字體
在過去的幾年當中，字體本身經過了一個復雜的轉變過程。為了兼容更加復雜的屏幕環境，字體本身具備了越來越強的拓展性。Opentype 字體的靈活可變性讓無論哪個平台上的UI界面內容，都可以清晰無縫地展示出來。而多彩字體的出現，讓字體內的色彩和結構的展現，擁有了超乎以往的表現力。另外，諸如蘋果為 iOS 提供的 SF Symbols 以及越來越多的圖標字體，讓UI設計和字體的運用擁有了更多的可能性。多變的字體，在2019年讓設計擁有了更多的可能性。

4、數據可視化
信息圖表是設計的又一個熱點。向用戶呈現復雜信息和數據，信息圖表和可視化設計是最為有效的方法之一，因為它不僅可以帶來視覺愉悅感，而且足夠有趣，讓人能夠理解。
現在數據可視化可以通過靜止的圖片來呈現，也可以藉助動畫來展現，具體的呈現取決於你的平台和預期。
可視化的數據最好能夠和故事結合到一起，結合敘述和故事，讓信息以更加可信的方式呈現在用戶面前，這樣可以帶來更高的轉化率。

 
5、更多漸變色彩
漸變是一種功能更為豐富的設計趨勢，它幾乎可以用在所有的設計門類當中。如今，越來越多的設計項目正在使用漸變來呈設計，而網頁正是最為重要的門類之一。
漸變讓色彩更加富，更有質感，使得原本平淡的色彩擁有了近乎藝術化的表達。如今的漸變色彩更加豐富，而不僅僅是用作一種疊加於圖片的元素。如今，隨著對於漸變要求的提升，更多的相關色彩工具也誕生了。


6、更加立體和擬真的設計元素
雖然如今虛擬現實設備的普及率還沒有那麼高，但是毫無疑問它的影響力正在提升，很快就會有用戶開始使用 VR 設備來瀏覽網頁了。
新的網頁 UI 將會需要在設計當中加入更多有縱深的、立體的元素，讓它們在視覺上更加具有真實的質感。即便未來有更多的新技術加入進來，也不足為奇。

7、更多自然的圖形和形狀
雖然絕大多數的網頁都使用柵格系統來進行約束，但是在新的技術支持之下，設計師可以更加自由地使用更多有機而自然的圖形和形狀。
有機的圖形，不規則、不對稱的圖形，增加了設計的深度，讓頁面能夠脫穎而出。這些圖形的靈感大多來自自然，也更能夠自然的吸引用戶的注意力。

8、更多微交互
微交互存在的目的，是以吸引人的方式來給予用戶以反饋、驚喜甚至製造一些微妙的「焦慮」。這是一種非常有效的引導方式，它是有信息進來的時候的通知彈出框，是刷新頁面完成時的提醒，是點擊之後的載入小動效。
微交互是一種一直在緩慢變化的趨勢，在 2019 年的網頁設計當中有明顯的增長，更加多樣的微交互開始出現在網頁設計作品當中，吸引著用戶的注意力，提供有效的信息反饋，提供引導。

9、更多視頻內容
文本信息已經沒有以往那麼具有吸引力了，更多的視頻內容也是自然的結果。不過隨著網路帶寬和上下行速度的提升，等待視頻載入的時間越來越短，用戶也可以更加快速便捷地獲得視頻內容。
視頻內容不僅能夠更快的表達，也具備更好表達的可能性。作為一種主動輸出的媒體模式，視頻內容的優勢非常明顯。相應的，視頻內容的製作也需要更加註意，必須提供有意義的內容，才不會讓用戶有浪費時間的感覺。這些風格格子網路認為是比較流行的。

10、主流網頁設計編程語言有哪些？

一般用 php，jsp，asp

其他有 C＃，java，python 等等