復古網站設計

1、網站設計的趨勢是什麼，什麼樣的網站設計是過時的

直接說趨勢吧，可以說趨勢潮流之外的就是過時的網頁設計。
1、多樣化導航 ，自適應網頁設計興起之後，「漢堡包菜單」大行其道。
2、分裂 屏幕 ，垂直將屏幕界面分為左右相等的兩塊，用撞色等方式進行分割，營造清晰的視覺分離效果，這種直截了當的網站風格會成為一大趨勢。

3、色彩復興 ，過去兩年中，灰色大規模劫持了我們的網站。從前的白色網頁背景變成了淡灰色；黑色文本變成了暗灰色；在Material Design中，用淺灰表示縱深的陰影。可以預見的是，復古色調將受到追捧。無論你最終決定用藍色還是橙色，可以再試著給它加上一個「濾鏡」，為用戶製造一種溫暖、懷舊的感覺，提升網站的整體氛圍與質感。
4、 自定義滾動，越來越多的網站舍棄了傳統的滾動條，轉而創造一種自定義的滾動體驗。一些網站使用的是「虛擬滾動」，即在頁面程序內讓用戶進行滾動操作，而不受瀏覽器控制。虛擬滾動使更多類型的滾動方式得以實現。比如設計為水平線上的左右滾動，但可以用正常的滑鼠進行控制。
6、 影院級別的交互體驗，大幅的視頻錄像背景在2015年就成為網頁設計的趨勢，並且越來越流行。如今，技術的進步使得視頻載入時間大大縮短，同時，WebGL（一種3D繪圖技術）讓這種背景變得更具互動性。
7、讓美術指導取代長寬比，在Retina屏上完美顯示的圖片場景，在手機上可能看起來完全不是那麼回事。面對諸多的顯示屏幕，以及各種各樣的長寬比，設計師如何處理這個「自適應的宇宙」？大多數情況下，他們選擇裁剪。怎樣才能在裁剪中保留設計的本意，不過分丟失信息呢？你需要：數字美術指導。設計的本質是提供解決問題的方法，而美術指導關注引發對的情感，讓用戶能夠與他們所看到、所經歷的事物產生關聯和共鳴。在網頁設計的過程中引入美術指導的思想，就不會拘泥於將所要傳達的內容看作一張靜止的圖片，而是將它作為一個能傳達故事的主題。
8、微動效與微交互，運動能吸引注意，這是人類進化的結果。但突發性的大動作只會讓帶來驚嚇和警惕。相反，輕微流暢的運動能給人生機勃勃之感。在為網頁設計動效時，要記住這二者的差別。過去很長一段時間，網頁中的動效往往是用來「獎勵」用戶的某種動作，比如點擊。但最近，越來越多的網頁開始將小動效作為一種設計元素，用來吸引用戶的注意力。

2、奇思妙想到底是如何創造出優秀網頁設計

變化無端的奇思妙想，特立獨行的交互模式，獨樹一幟的設計手法，它們常常來自於設計師的靈光一閃。在設計項目中加入一點奇思，不僅能夠提升整體設計的意境，而且常常會獲得點鐵成金的奇效。
不論這個奇異的點子落腳在一個微小的元素上，還是貫徹到整體的設計里，這種專屬於腦洞的奇特魅力會自然地吸引這用戶。許多奇妙的設計常見於女性化和兒童化的設計，但是它們的作用不僅止於這兩個類型。許多不同類型的設計項目都能夠融入奇思妙想，不過近期這類創意腦洞最容易同摩登復古設計風的網頁結合起來使用。
說一千道一萬，我們不如看看設計師們都是怎麼做的吧。
手寫字體
相比於我們常用的襯線體和非襯線體，手寫字體常常顯得更加真實，更加情緒化，相比之下也更加富有魅力，能夠將整個設計的情感最大化。參考上面的Summer Fridays。
當然，過猶不及。在使用手寫字體的時候，有些老生常談的問題值得注意：不要使用那些被用濫了的手寫字體。為了效果最大化，越接近於手寫效果的字體，越真實，效果就越好。而絕大多數的計算機設計的字體就正好缺乏這種真實性。所以，下面的幾個問題值得你考慮：
·盡量挑選擁有多種樣式可替換的字體族。當同一個字母使用多次又需要有細微差別的時候，可以通過替換同族不同樣式的字體來實現這種差異。
·不要大規模使用手寫字體，盡量最低限度的使用確保效果最大化，比如只在標題中使用。
·請務必保持風格和基調的一致性。纖細的字體盡量和細體一起搭配使用，而粗體則盡量和粗體組合使用。
水彩畫
水彩畫屬於那種上手並不那麼容易，但是用好了又特別贊的設計元素。它的使用方式很多，從背景到插畫都很不錯，像上面的網站 Made of Sundays 就是很好的例子。
當你使用水彩畫的時候，應當明確你的目的：拿它來干什麼。想要充分用好它，要麼盡可能讓界面全套的元素都沿用水彩元素，要麼僅僅在較小的元素上使用水彩元素。
當然，如果沒有其他對比強烈的視覺效果的時候，使用水彩元素也無傷大雅。如果你覺得水彩元素會喧賓奪主的話，不妨適當地淡化它們。
插畫
沒有什麼比漂亮精緻的插畫更抓人眼球的了。插畫本身就是高識別度的設計元素，而你的設計則可以藉此更好的被用戶所認識。所以，一份設計優秀的插畫能夠成為你的重要的「身份識別」。
你並不需要用大面積、整幅的插畫來證明什麼，一個小的插畫，甚至是草圖就足夠了。Rachel』s Ginger Beer 這個頁面僅僅只是使用幾幅小的插畫，就很好的營造出整體效果，展現出設計者的奇妙思路。
鮮艷的色彩
沒有什麼比鮮艷的色彩更能能營造輕松愉悅的氛圍了。色彩本身就能讓用戶第一時間感受到，而大膽明亮的配色在情緒表達上也有著先天的優勢，用戶能從中直接感受到有趣或者愉悅的情緒。
設計師的奇思妙想常常會用高飽和度的黃色、橙色和綠色來表現。實際上，即使是只使用這些色彩就已經能夠達到效果了，並非必須使用高飽和度。
正在影響整個設計領域的扁平化設計和Material Design 為我們貢獻出許多奇妙的配色方案，如果你想調出不同凡響的配色方案，不妨從這里開始：
·Flat UI Color Picker
·Material Design Color Palette Generator
線條和筆觸
想要讓你的設計顯得輕盈的另外一種手法的就是將細線和纖細的筆觸貫穿整個設計。從主視覺元素、圖片的邊緣到字體的筆畫都使用線條和細筆觸來表現，最關鍵的是，這些元素營造出輕盈的感覺的同時，還擁有強大的包容性，承載你的奇妙構思，加入更多自定義的、獨特的元素。
舉個最簡單的例子，即使是纖細的元素貫穿始終，你依然可以使用一些不那麼纖細的元素與之搭配，形成對比。看看 Sonikpass 這個設計，它就很好的融入了一些相對厚重的字體（注意背景），鮮亮的色彩和深沉的黑色文字、淺灰的背景形成了很好的對比，不單調也不繁復，陰陽調和。
簡單的動效
雖然動效主要是用來同用戶進行交互、引導交互、呈現效果，但是也可以純是為了有趣而進行設計。懸停特效、舞台效果、跳動、拉伸、擬物的運動等等等等，它們都能夠給用戶以情緒上的觸動。
當你要將一種獨特的想法注入到你的動畫中的時候，務必記住它是要用來取悅用戶的。這也是為什麼許多設計師在這么做的時候會選擇明亮的色彩或者結合有趣的插畫——用戶吃這一套。
Pharrell Williams 的網站就集成了許多不錯的動效，動態磁貼式的布局，鮮艷的配色和各式各樣的懸停效果，它們不僅讓用戶讀取到更多的而內容，而且更好的引導用戶去尋找他們想要的內容。
有目的性的設計缺陷
通過設計來呈現完美和有目的性的設計出缺陷是同樣的道理。那些小瑕疵、小缺陷惹人注意，令人側目，是設計師故意為之，從而達到特定的目的。就像動畫和電影中的各種致敬一樣，這些缺陷會成為你的優勢。
這些缺陷可以以不同的形式存在於不同的地方：
·一條線比其他的線都要粗或者細
·文本中某幾個字和其他的字的字體明顯不同
·某個線條或者插畫和其他的部分明顯不對齊或者不一致
·明顯不匹配的元素相互混合
·不對稱的圖形和不一致的比例
·現實的元素和幻想的元素相互混合搭配

3、急求！！西歐，日韓，中國，各自的網頁美工設計特點

中國與歐美用戶在色彩感受、頁面布局、瀏覽習慣上同國人都有很大的區別。
歐美用戶不習慣艷麗、花哨的色彩和網頁設計風格，他們比較鍾情於簡潔、平淡而嚴謹的風格，即使許多大型網站也是這種風格。

歐美網站在首頁頁面上通常不會放置太多內容，也很少

歐美用戶在色彩感受、頁面布局、瀏覽習慣上同國人都有很大的區別。

歐美用戶不習慣艷麗、花哨的色彩和網頁設計風格，他們比較鍾情於簡潔、平淡而嚴謹的風格，即使許多大型網站也是這種風格。

歐美網站在首頁頁面上通常不會放置太多內容，也很少放置廣告，他們傾向於將首頁做成各類功能、板塊的引導界面，即使有內容表現，也是比較簡潔的，不超過2屏，完全不像國內網站喜歡堆積大量廣告和內容。

國外傳統網站比較講究網站的實用性和便利性，他們會花很多時間去製作很多周到實用的細節，功能雖然大多平實但很有效。

國外網站對安全性的要求非常高，許多服務和功能都需要進行安全連接，而國內只有交易、銀行等網站才會注意到.網站建設專家企創動力竭誠為您服務！

國外用戶很看重個人隱私，因此國外網站對個人信息和隱私也非常注意保護，除了隱私條款外，在細節上也需要加強隱私保護的說明和功能。

國外商業用戶對網站的信譽度很看重，如果你沒有詳細描述關於網站的介紹、提供足夠充足的範例和建立嚴謹而值得信賴的流程，那麼你就很容易丟失用戶。

國內外網站之間的差異估計同各自的文化教育、甚至語言文字等因素相關。通常我們所說的國外網站是指歐美網站，而以上所描述的也主要是針對歐美用戶而言，其他國家例如韓國又會是另外一種國內網頁設計師經常借鑒的風格，但這種風格絕對不適宜建立英文網站。網站建設專家企創動力竭誠為您服務！

再補充一點，就是中國人做的英文網站需要注意英文使用習慣，許多你覺得翻譯非常到位的語句其實在國外看來是非常好笑也很難理解的，就像阿里巴巴這樣的知名網站也有不少英文是令老外比較難接受的，所以如果你做英文網站，完成之後最好讓國外朋友幫你看看，否則別人會對你的網站印象會大打折扣。

放置廣告，他們傾向於將首頁做成各類功能、板塊的引導界面，即使有內容表現，也是比較簡潔的，不超過2屏，完全不像國內網站喜歡堆積大量廣告和內容。

國外傳統網站比較講究網站的實用性和便利性，他們會花很多時間去製作很多周到實用的細節，功能雖然大多平實但很有效。

國外網站對安全性的要求非常高，許多服務和功能都需要進行安全連接，而國內只有交易、銀行等網站才會注意到。網站建設專家企創動力竭誠為您服務！

國外用戶很看重個人隱私，因此國外網站對個人信息和隱私也非常注意保護，除了隱私條款外，在細節上也需要加強隱私保護的說明和功能。

國外商業用戶對網站的信譽度很看重，如果你沒有詳細描述關於網站的介紹、提供足夠充足的範例和建立嚴謹而值得信賴的流程，那麼你就很容易丟失用戶。

國內外網站之間的差異估計同各自的文化教育、甚至語言文字等因素相關。通常我們所說的國外網站是指歐美網站，而以上所描述的也主要是針對歐美用戶而言，其他國家例如韓國又會是另外一種國內網頁設計師經常借鑒的風格，但這種風格絕對不適宜建立英文網站。 上海網站建設專家企創動力竭誠為您服務！

再補充一點，就是中國人做的英文網站需要注意英文使用習慣，許多你覺得翻譯非常到位的語句其實在國外看來是非常好笑也很難理解的，就像阿里巴巴這樣的知名網站也有不少英文是令老外比較難接受的，所以如果你做英文網站，完成之後最好讓國外朋友幫你看看，否則別人會對你的網站印象會大打折扣。

韓國網站的設計大都色彩鮮亮，大面積使用圖片，且Flash動畫居多，所以導致打開網站速度非常的慢。這種風格，目前來講還不太適合中國的國情，中國網速慢——大唐視覺：網站建設公司，給你專業的體貼的提醒。

一、頁面結構
韓國網站的頁面結構相對來說比較簡單，可以說幾乎是統一的風格，頂部的左邊是網站的logo，右邊就是它的導航欄，和國內網站不一樣的地方它甚少採用下拉菜單的樣式，而是把各級欄目的下級內容放在導航欄的下面。然後下面是個大大的Flash條，再往下就是各個小欄目的主要內容：

二、色彩運用
韓國設計師很多都是科班出生，對色彩的運用非常得當，在我們看來有些非常難看的顏色到了他們的手裡很輕易的就搭配出一種很另類或和諧的美感，給人的感覺要麼淡雅迷人，要麼另類大膽，讓人覺得欣賞他們的網站是一個非常愉悅的過程。在我看來，韓國的設計師真是深得Windows xp的設計精髓，漸變色以及透明水晶效果用得非常恰當，而不像很多網站動不動就濫用仿蘋果按鈕，和整體風格不協調，看起來顯得很突兀。韓國網站的各個欄目一般都比較喜歡採用不同的色調來表達不同欄目的主題，灰色是他們最愛用的顏色，因為灰色比較中庸，能和任何色彩搭配，大大的改變色彩的韻味，使對比更強烈，正文文字也大都採用灰色。而局部則喜歡用色彩絢麗的色條或色塊來區分不同的欄目。
下面這兩個網站運用漸變色很出色，圖3一看顏色就知道是個女性的時尚站點，它把幾個欄目做成晶瑩剔透的泡泡球放在頂部的大Flash條里，非常醒目。整個站點顯得異常優雅迷人。

三、Flash動畫及圖片的運用
韓國的寬頻普及率很高，所以設計師設計起頁面來完全毫無顧忌，大量的圖片、flash得到很好的運用，網站里的圖片動不動就是40、50K的大圖，網頁圖片多的頁面大小通常都是幾百K，這在我們國內是根本不敢想像的。韓國的flash banner大都以橫幅廣告條出現在頁面的導航欄下面，採用的都是精美的圖片或者是手繪風格的矢量插圖。國內很多網站也採用大幅的flash廣告條，但是通常都是著眼於如何去表現flash動畫的酷、炫的感覺，使得瀏覽者過於關注flash而忽視了頁面的其他內容。而韓國的flash則更好的服務於網站的主題，和整個頁面搭配起來看得很舒服而不搶眼，他們的關鍵就在於整個flash不是全部變化，而只是局部在動，以及文字和背景的巧妙配合。韓國網頁設計師的手繪能力很強，頁面中大量採用手繪的矢量圖片，使得整個網站顯得精緻而與眾不同。
圖5是個很養眼的網站，顏色採用類似色調搭配，看起來很舒服。最欣賞的就是flash的右邊的樹葉，有幾片葉子在輕輕飄動，左邊的圖片淡淡地消失、出現，文字緩緩出現，真的是非常有意境，整個網站看起來生機盎然。
最近在雜志界開始吹起了復古風，六、七十年代的手繪插圖又開始流行，雜志書籍中大量使用矢量時尚插圖取代以前的照片，這股流行勢力很快也蔓延到了網路上，韓國網站緊隨其後，在時尚站點和兒童站點中大量運用手繪的插圖，如圖6 、圖7所示。

四、文字排版
網站的內容排版因為要考慮到可讀性，很多欄目的文字編排都比較簡單，利於閱讀，而在一些內容較少的頁面如網站的廣告或宣傳頁上排版則富於變化，更類似於雜志內頁的排版，我懷疑很多韓國網頁設計師都是從平面設計師轉行過來的。

五、頁面的立體感及細節處理
韓國網站還有個令人稱道的地方就是它的網站看起來很有層次感，而這個層次感不是靠作幾個立體字來體現的，其實靠的也不過是添加簡單的圖片或文字陰影效果和巧妙的利用構圖來形成視覺上的差異，但就是這種設計上的不拘泥於形式使網站的立體效果呼之欲出。我最佩服的是韓國設計師做事的認真態度，他們的每一個按鈕、圖片的處理都及其講究，其實一些細微的部分不仔細看還不一定容易發現，但是如果少了這些細節的地方，整個網站的整體形象就要大打折扣了。

先說這個「長」，中國網站的頁面真是長啊，以至於我坐在電腦前瀏覽的時候經常會想，這個頁面的最低端會不會已經搭拉到我的腳面上了。我們的萬里長城是第幾大奇跡來著？反正中國的網站應該緊排在她後面。
我們的大型門戶網站恐怕應該是長頁面的領軍者吧。現在能生存下來的大型門戶各個實力不凡，又紛紛上市，其他網站能與他們頁面相似應該也能說明實力相似吧，這幾家大型門戶已經給用戶形成了「長則是好」的印象，於是眾多網站都紛紛「長」起來了。無論是綜合性網站還是專業性網站，只要有內容，就能做多長就做多長，沒有內容，抄襲別人內容也要做長，以至於不少實力有限的網站只是首頁很長，到了欄目頁面（二級頁面）就簡陋的可憐了。

長的基礎就是要內容要多，這些眾多的長網站在組織內容的思路上基本是一致的，就是把二級頁面的內容摘要的放在首頁上。首頁分成若干個相應的通欄的大塊兒（這樣可以逐個部分的下載頁面，易於顯示），再在每兩塊之間加一條廣告，最後再在頁面的最上面加一個更綜合的區域，所謂的重中之重，這樣以來頁面想短都短不了。

按照Jakob Nielsen的說法：網站首頁的長度不應該超過4屏。當然這個准則也未必就那麼准確，但是至少應該承認頁面不是越長越好的。

第二，說說「閃」。就是網頁上能動的東西―――動畫。主要是Gif動畫，flash動畫，腳本語言實現的圖片交替效果，還有就是彈出窗口。動畫對網頁表現本應該是個很好的補充，但是現在的實際效果是對網頁的干擾，因為動畫從一開始就扮演著廣告的角色。雖然將各種形式的動畫應用於網站在國外的網站上也常見，但是中國網站上的動畫實在是太多了。恐怕也是因為中國網站頁面長吧，能放動畫的空間自然也就大了。整個頁面到處都在不停的閃。科學家已經證實，在月球上是看不到萬里長城的，但是我想，應該是可以看到中國網頁的，它們不僅長，而且還在不停的閃爍。

這些動畫通常是廣告，網站要生存，要有經濟效益，這是可以理解的，但卻不可接受，尤其是太多的時候。最不可接受的是一些網站會把自己的欄目名稱，網站logo之類的很重要的內容也做成動畫，以為這樣可以更醒目，要知道，絕大多數用戶是經驗豐富的，他們看到動畫閃來閃去就會認為那是廣告的，盡管你不是，那也活該，誰讓你亂閃來著。

雖然彈出窗口裡的內容不一定是動畫，但是它「噌」的一下彈出來，著實是夠「動」的，就動畫的效果而言，絕對是最具視覺沖擊力的。還好，現在有越來越多的雷鋒式的好公司提供了能屏蔽彈出窗口的工具。

腳本語言實現的圖片交替效果目前主要是用在網站頭條的圖片報道上，雖然是動，分散用戶的注意力，好在這種方式還是為了給用戶提供盡可能多的信息，應該值得肯定，也應該是動畫應用於網路的發展方向，只是不知道什麼時候，哪位設計師靈感突現，把廣告也偽裝成這種樣子，應該能在一片罵聲中為公司贏得不少經濟效益。

Gif動畫是種傳統的動畫形式了，不過在flash動畫面前，它的生存空間越來越小了，與flash動畫相比恐怕Gif動畫唯一的優勢就是在用戶將網頁「另存為…」後，Gif動畫還能顯示，而flash就不行了。雖然Gif已是人老珠黃了，但是還是要批判，因為它通常是廣告。

Flash動畫無疑是網頁動畫的主力了，文件小，效果好，一個白方塊在黑背景上隔幀出現，連續幾次，只要尺寸稍大就足以造成用戶暫時性失明。實際上，flash基於其強大的交互性應當能為提高用戶界面的性能提供巨大幫助，但是如前面所說，它更被廣告商所看好。更不幸的是越來越多「閃客」在為這項事業服務，原本代表特例獨行、自由創造精神的人走向了相反的方向。這有點兒象政府將反政府武裝招安後讓他們穿著原來的軍裝去給政府機關當保安。

第三是「擠」。我們的網站看上去滿滿當當的，比公共汽車還擠。每天早上都是擠公共汽車，然後擠地鐵，擠電梯，擠著打卡，好容易坐下了，打開電腦就不要再那麼擠了，大家站開點兒吧，網頁上有的是地兒。

與英文相比，中文本身就顯得比較復雜，對於有鏈接的文字中國網站又往往更傾向於傳統的隨時保持下劃線的方式，再加上小的幾乎不存在的行間距（顯然，這里誇張了，至少還要有劃下劃線的地兒），使得頁面看上去分外豐滿，如同我小時候習慣了在田字格本上寫字後，初次改用行距很小的單線格本寫字所展現出的風采。

即便是體檢用的視力表也沒有把行距安排的如此之小，那可是專門給我們眼睛找麻煩的工具啊，我們的網站無一不是把用戶放在第一位的（至少自稱是這樣的），為什麼不能把行距拉大些呢？

經常可以看到某網站為了突出重點內容而使用14pt的字型大小，然而卻不加大該內容與其他內容的距離，這樣只能使頁面看上去更擁擠。這種做法倒是與老闆（個別的，個別的，如果您是老闆，那這里所說的一定不包括您）的做法頗為相似：只增加工作，不加薪。也許是設計師在用這種擁擠的樣式向老闆示威吧。

第四是「花」，中國網站的色彩之絢爛，幾乎無以復加。前面分析了首頁的構成方式―――將各個欄目摘要排放在首頁上，通常每一個欄目會有一種主色調，這樣一來，首頁上的色彩自然就很豐富了。

當然，分欄目確定主色調的設計方式本身並沒有錯誤，也不足以搞「花」頁面，然而實際情況卻更復雜，以文字為例，未點擊的鏈接文字有黑色和藍色，重點的文字會用紅色（重點通常還很多），點擊後的文字鏈接是紫色，無鏈接且不重要的文字是灰色，此外為了突出某一個重點內容會添加一個醒目的背景色或文字顏色。網頁設計師為了表明自己工作用心，會給每一個子欄目的標題部分設計一個很具有特色的背景，這些文字再與數不勝數的圖片、動畫交相輝映，使得用戶可以在一個頁面上將電腦可以顯示的全部色彩盡收眼底。網頁設計師實際上根本不需要絞盡腦汁為頁面設定主色調了，所有的頁面色調都已經設定好了―――彩色。

為什麼中國網站會設計成這個樣子呢？

造成「長，閃，擠，花」問題的實質是一個「多」字。中國網站首頁上內容多，重點多，欄目多，圖片多，廣告多，該多的多，不該多的也多，要多多，有多多。

「多」是中國網站的特點，更是中國社會的現實狀況。無論是超級市場里還是購物中心裡，到處是商品，到處是人潮，即使是象書店，美術館這樣的場所也是相似的場面，人們相信人多的商場里的商品會更好，人多的書店裡的書會更全，人多的美術展會更有水平，賣家只能盡可能的展現自己的產品，從而證明自己的實力，而其他更高級的要求，諸如：環境，風格，品味，服務……都要為展示產品讓路了。

在目前的中國，無論是物質產品還是精神產品，廣大受眾的需求都遠遠沒有得到滿足，所以大家都希望能看到更多產品，這樣就形成了「多則好」消費心理（瀏覽網站的消費形式顯得更間接），網頁設計師在應聘時經常會被問到：你是否能勝任「大型」網站的設計，即「能不能把頁面做的很長。」

中國網頁內容多，給人忙亂的感受，正象我們自己經常會向別人抱怨自己忙的要死，以此來表示我們自己的價值。

引用Donald Norman 在《emotional design》一書中的理論，設計可以分為三種層次：本能水平的設計、行為水平的設計、反思水平的設計。本能水平的設計是滿足人類本能審美需求的設計，也就是漂亮、美觀的設計；行為水平的設計是注重效用的設計，注重功能、易用性、可用性；反思水平的設計注重信息、文化的作用，一件產品被設計的很獨特、出眾、引人矚目，用戶會因為始終這個產品而產生樂趣，產生滿足感。

根據這個理論，中國網站的設計普遍達沒能實現本能水平的設計，雖然網站的boss、設計師本人都希望把網站設計的很漂亮，吸引用戶的眼球。行為水平的設計逐漸被重視了，不過目前基本上還是停留在不高的水平上。上面說到的中國網站的種種問題實際上正式在反思水平上的設計，一種變相的反思水平設計。

「多」這種看似缺陷的現象，實際上正式給用戶一個好的反思―――「這個網站的內容豐富，在這里我能得到想要的東西。」盡管很多用戶並不會真的關注首頁上的內容。

正是這種反思吸引著用戶，保證著網站的訪問量。

造成上述網站首頁設計問題的罪魁並不是設計師沒水平或者用戶沒品味，而是產品不夠，這表面上的「多」其實是由於「少」造成的。用戶對網路內容的需求引導著網站的設計，策劃人員有意無意的在迎合著這樣的需求。

要改變中國網頁設計單靠高水平的設計師是不夠的，中國網頁設計水平的提高是伴隨著社會發展在進步的。

4、摩登復古設計有什麼特點呢？

·扁抄平的元素，從圖形到線條，襲再到圖標，摩登復古風通常不會使用多餘的東西，同今天流行的扁平化設計有許多共通之處。
·基於早期游戲的像素設計風。
·霓虹色配色。
更多平面設計知識，請咨詢華南平面設計學校。
·色彩相對單調、沒有裝飾的線條式的界面設計風。
·運動緩慢如同跳幀了的簡單動畫效果。
·大量定製的字體，包括氣泡式字體、塊狀粗襯線體，正如同當年電視和游戲開頭出現的復古字體。
·色彩豐富的配色方案，其中大量使用傳達「快樂」的色彩，諸如黃色、橙色和紅色。

5、簡述網頁設計的風格有哪些

一、首先從功能與設計目標來看， H5專網頁主要有以下4大類型：

1.活動運營型

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部，如何設計一套合適的引流路線也頗為重要。

2.品牌宣傳型

不同於講究時效性的活動運營頁，品牌宣傳型H5頁面等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。

3.產品介紹型

聚焦於產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。

這一類型的H5頁面多見於汽車品牌，LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性，宏觀和微觀都照顧周全。

4.總結報告型

自從支付寶的十年賬單引發熱議後，各大企業的年終總結現也熱衷於用H5技術實現，優秀的互動體驗令原本乏味的總結報告有趣生動了起來。

二．形式為功能服務

在確定了專題頁的功能目標之後，接下來就是關鍵的設計階段了。如何有的放矢地進行設計，需要考慮到具體的應用場景和傳播對象，從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。

1.簡單圖文

簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。

2.禮物/賀卡/邀請函

每個人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物，那創意和製作便是重要的加分項。

3.問答/評分/測試

問答形式的H5頁面也屢見不鮮了，利用用戶的求知慾和探索欲，一路選選選，看最後到底是什麼成績。一條清晰的線索是必要的，最後到達的結果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。

4.游戲

從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」（即山寨版「別踩白塊兒」）等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風靡朋友圈，但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設計上多下點功夫。

三．為設計加分的4個要點

一個H5頁面設計品質的出眾與否，會直接影響其傳播效果，甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點：

1.細節與統一

要成就高品質的用戶體驗，必須考慮到細節與整體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。

2.緊跟熱點，利用話題效應

想要你的H5專題頁一夜爆紅，第一時間抓住熱點並火速上線，借機進行品牌宣傳也不失為一條捷徑。

3.講個好故事，引發情感共鳴

不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。

4.合理運用技術，打造流暢的互動體驗

隨著技術的發展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫，我們更提倡的是合理運用技術，用心專注於為用戶提供流暢的互動體驗。

結語

隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放，HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯，這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說，都將是一個最好的時代。

6、html5時代的主要的網頁設計風格有哪些

一、首先從功能與設計目標來看， H5專網頁主要有以下4大類型：

1.活動運營型

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部，如何設計一套合適的引流路線也頗為重要。

2.品牌宣傳型

不同於講究時效性的活動運營頁，品牌宣傳型H5頁面等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。

3.產品介紹型

聚焦於產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。

這一類型的H5頁面多見於汽車品牌，LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性，宏觀和微觀都照顧周全。

4.總結報告型

自從支付寶的十年賬單引發熱議後，各大企業的年終總結現也熱衷於用H5技術實現，優秀的互動體驗令原本乏味的總結報告有趣生動了起來。

二．形式為功能服務

在確定了專題頁的功能目標之後，接下來就是關鍵的設計階段了。如何有的放矢地進行設計，需要考慮到具體的應用場景和傳播對象，從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。

1.簡單圖文

簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。

2.禮物/賀卡/邀請函

每個人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物，那創意和製作便是重要的加分項。

3.問答/評分/測試

問答形式的H5頁面也屢見不鮮了，利用用戶的求知慾和探索欲，一路選選選，看最後到底是什麼成績。一條清晰的線索是必要的，最後到達的結果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。

4.游戲

從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」（即山寨版「別踩白塊兒」）等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風靡朋友圈，但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設計上多下點功夫。

三．為設計加分的4個要點

一個H5頁面設計品質的出眾與否，會直接影響其傳播效果，甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點：

1.細節與統一

要成就高品質的用戶體驗，必須考慮到細節與整體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。

2.緊跟熱點，利用話題效應

想要你的H5專題頁一夜爆紅，第一時間抓住熱點並火速上線，借機進行品牌宣傳也不失為一條捷徑。

3.講個好故事，引發情感共鳴

不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。

4.合理運用技術，打造流暢的互動體驗

隨著技術的發展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫，我們更提倡的是合理運用技術，用心專注於為用戶提供流暢的互動體驗。

結語

隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放，HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯，這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說，都將是一個最好的時代。

7、復古插畫風格設計的特點 有什麼？

復古風格顏色使用最多的是卡其色其次圖案是碎花,蕾絲.雪紡例如,荷葉邊的碎花雪紡上衣搭配卡其色高腰裙,搭配些復古風的小飾品.男生:使用最多的是帽子.然後是西裝馬甲.格子衫

8、網站製作風格一般可分幾種？

(1) 時尚類：適用於「精品、時尚、飯店旅館、服飾、婚紗…等產業」需要特別注重視覺效果的行業別。時尚風格類型的設計特色呈現出簡約、精緻、高質感。線條的運用上大致用弧度表現，比較少使用線條。另外照片的運用上建議使用高解析度、飽和度高、鮮明對比色為主，較能表現出高質感的感覺。 (2) 科技類：故名思義，此類型一般適用於「高科技、機械、電子、多媒體…等產業」。科技類型大多使用大量動畫特效、多媒體音效及線條並結合主打商品或服務，來傳達企業之高科技技術和專業度。 (3) 商業類：商業網站製作適用於任何類型的企業，為目前最多數類型的網站。此類型網的風格偏向簡單且網站動線明確為主，不做過度華麗的版面設計或使用過多的動畫，以增加網站瀏覽速度進而提高搜尋排名。 (4) 古典風：商用於企業形象或主要商品風格偏向「中國風或歐洲古典風」的企業。這重類型的網站設計將以復古風格結合的花紋底圖或圖藤效果來表現柔美復古感。若是屬於中國風的網站，通常在設計上會使用一些毛筆字和印章烙印的圖片來傳達中國文化。 (5) 普普風：適用於主要客群為年輕族群的企業。因普普風格的網站在設計上會較為活潑有創意，使用大量幾何圖形構成鮮明活潑的版面，因此在顏色的使用上也會較多元化。 (6) 休閑風：適用於「休閑農場、觀光景點、戶外餐廳…等企業」。此類型的網頁設計大多會使用戶外的素材，如藍天白雲、天空、樹木、綠地等等…來營造出休閑的風格。 (7) 活潑型：適用於「主題樂園、童裝、學校…等客群以幼童或年輕人為主的企業」。

9、復古的理念，怎麼融入多元化設計？

現在復古的理念，已經很好的融入多元化設計，比如服裝，飾品，美食，旅遊等等！

比如現在的服裝，有很多已經融入復古的概念.中國風主要特點是造型雅緻,做工精細,線條明練,色彩古樸。圖案一般以龍、鳳、花、鳥、書法等題材為主,顏色一般採用濃烈的大紅、高雅的金黃、深邃的藍、純凈的綠等飽和度很高的顏色。中國時尚元素與現代服飾流行元素的結合,往往能夠取得意想不到的或新穎別致的服飾效果.將時尚與中國元素相結合,適應民族時尚服飾,其獨特文化魅力和個性特徵必將獲得很多人的青睞。

最近兩年漢服受到許多小仙女的歡迎，漢服穿起來非常漂亮，微風吹拂，羅衣飄飄，遠遠望去，一襲青衣長袖，玲瓏白山如雲，清清爽爽，顯得仙氣十足！還有很多小孩子喜歡的漢服，都是簡易版，有雪紡面料，純棉面料，小孩子穿起來方便又好看，現在在街上隨處可見！這些都是融入了復古的文化！

唐裝婚紗照受到越來越多新人的關注，現在的唐裝婚紗照，不僅是傳統文化的繼承與發展，還融合了現代元素，樣式精緻華貴，非常高貴典雅獨具特色，華麗的紅色，洋溢著喜慶的感覺，象徵著婚姻的幸福與吉祥。

也可以選擇唐裝的改良版，將現代人喜歡的嘻哈，混搭等元素搭配在一起，更加搞笑，這樣很好的將現代風格與傳統服裝相融合！

10、什麼是復古風

抄復古風：泛指恢復舊時元素的某種風貌、風格或風潮。
一般意義上，復古有三種特指：1、興起舊時代的元素，引領新風尚；2、恢復過去的一些舊傳統；3、把得到的部分物體或已破損的物體，經過合理的研究和推敲，進而還原成事物的本來面貌。
現在所說的「復古風」，大都是指服裝（特別是女裝）的設計、流行風格，就是把從前在社會上有廣泛影響和流行、並一度被淘汰的設計樣式和理念，用於新產品的設計，使消費者從懷舊的情緒中產生對該產品和品牌的共鳴和認可，進而形成一種設計風格和流行風潮。