網頁設計, 網站設計, 網頁製作, 網站製作, 網上商店, 網上推廣, 電子商貿

設計風潮體現著一個時期內人們對特定的風格、趣味、審美、技術乃至理念等各種模型或特征的追隨。2011新技術的發展、媒介載體的佔有量的變化、新網站類型的誕生、全球的設計思潮的影響、行業領軍者的轉變、明星設計師個體的亮點，這些因素都在推動潮流的變化方向。 你可以回想一下那些曾經風靡一時的網頁設計模式：復古的像素樣式；Google的樸素之風；韓式清新插畫風；Flashsite的興起帶來的不規則布局和動畫的濫用；Apple引發的對質感的追求；用戶和情境意識的覺醒；對細節的關注----圓角和陰影的廣泛運用； Web2.0設計風潮中典型的配色和特征元素；空間與層次感的魔術…… 09年流行的半透明風格： 2011網頁設計流行方向與潮流圖解 空間和層次感的魔術： 2011網頁設計流行方向與潮流圖解 潮流的湧現，是社會一致化與個體差異化的碰撞，每一次碰撞都推動著這個行業的進步。 讓我們來看看這些發生中的變化： 簡潔，精簡，極簡 2011網頁設計流行方向與潮流圖解 極簡主義（Minimalism ）在這一年大熱。原因有4點： 1， 手持便攜設備的佔有量逐步上升，人們的訪問方式發生了改變，小尺寸屏幕所需的精簡之道反過來影響了整體的設計趨勢。 2， Apple簡潔、專注、充滿誘惑力設計哲學重領潮流，效仿者眾多。 3， 來自全球設計思潮的影響：極簡、禪意、人文、空間感的“日式風格”這兩年在出版界、時裝設計、包裝設計、工業設計界都頗受追捧。 4， 網站的專業性和針對性在進一步加強，人們選擇一個網站一次把一件事做好、做到極致，而非盲目擴張。這也使“精簡”擁有更大的實現空間。 極簡主義體現設計師對意圖、受眾、情境的強大控制力。不是簡單的做減法就可以了，如果不能很好地把握取舍的宗旨與理由，一個為了極簡效果而精簡的頁面可能看起來庸俗不堪，是為“做作”的留白 。 操刀這一風格需要對作品有充分的自信和理解力，更重視細節和布局，把握恰當的對比、強調。

無論是專題頁還是專題banner頭部，模版能使成百上千的專題保持一個整體的風格，做到形散神聚的視覺呈現，這對于網站的長期發展是個必要條件！因此不僅僅是我們設計中心要做到“神”的一致更應該將這些理念根植于大量專題的親生父母親們(編輯)，因此模版的作用非同小可，從長遠來看她關系到一個門戶型網站的長期發展與品牌持續發展。當然，凡事都有兩面性，模版化的專題頁面會使得同學們長期處于一種ctrl+c\ctrl+v的操作中而缺少創造性的新鮮空氣，因此對模版的靈活運用顯得就尤為重要。以下是一些模版範例： 網站專題頁及廣告banner圖的設計制作 通過對編輯的多次banner設計培訓和對banner模版使用、更新等監控，對于banner模版這塊一些淺薄的認識放上來跟大家探討： ⊙banner模版產生的原因和必要性 ●隨著v4.0專題模版的上線，專題數量如雨後春筍數量急增，因編輯可以不通過提技術和美術工單，苦口婆心地講訴求、等設計圖、求切圖等等繁雜的過程就可以簡易地搭出一個像樣的、自己想要的專題框架。So，頭部的banner設計就成了一個提單主要項目，這是banner單急增的原因之一。 ●因為整體框架基本都是由模版搭建，但每個“親生父母”都希望自己的“孩子”光鮮亮麗地展現在別人面前，所以一個漂亮的banner會如同給他們的“孩子”穿上一件漂亮的衣服或做了一個最fashion的發型，由此吸引更多的人去看她（他）的“孩子”。這也是banner單一直都很多的原因。 ●大多數編輯只會基本的PS軟件操作或不會操作，少數人熟練。因此，雖然時間不夠，但banner也只能提交設計中心制作。這類banner單的數量還是佔較大的比例。 ●工單太多，設計中心人手告急，因此又無法安排到設計人員在第一時間內給到頻道相關的設計。 為應對以上種種情況並使編輯在自行制作banner時能跟整個網站設計風格盡量達成一致，三套方案應運而生：第一當然是領導實行“計劃生育”，控制banner單的數量，盡量減少沒有意義或重復性的勞作。第二，督促設計師們能在最短的時間內制作一個漂亮而又適合該專題的banner；第三就是秘密武器----banner模版！第四，PS技能和banner設計培訓！ banner模版就這麼就那麼產生了……針對那些時效性較強的、突發性的專題、設計中心無法排開的情況下，無疑給編輯和設計師們找到一個好的解決方法，而且還能在一定程度上保證風格與質量。 ⊙banner模版存在的問題及解決方案 ● 問題： 雖然banner模版從v3.0的時候就開始建立，但用的同學很少，原因分析： 1、因為初建模版庫，只有會議、產品、傷感、生活、喜慶等幾個分區還不夠全面、內容不夠多，所以編輯同學選擇性會很少。 2、banner模版庫的宣傳力度不夠，鮮為人知因此優勢沒有發揮到位。 3、再者是因為少有編輯能靈活地運用PS軟件，更何況如何應用現有的模版改為符合自己專題性質的banner了。 4、當然除了這些還有一些即使懂如何操作PS的同學還是對自己不夠自信，覺得設計中心做的就是比自己做得好，即使有模版也當然不會比專門從事設計的同事做得好。所以只要不是特別急的單一般都會提單處理。 ●解決方案： 1、與v4.0專題模版庫同步更新了v4.0banner模版庫，這次更新是從設計中心半年來設計的結晶中挑選的精品，更新數量達到70有餘，同時還擴展了博聯體、女人、世博、其他等，現在一共是16個分區，分區盡量做到對應頻道化、風格類同化以方便編輯查找。更新一直都在進行中，每週我們會定期對模版庫進行更新，並以郵件和群發的形式給以通知。 2、擴大模版庫的知名度，因為以前就存在一些用戶而且模版實用性很強，所以還是有很強的粘性的，只要我們夠用心地在做，有更多的好模版上傳，編輯會很願意應用甚至會依賴。（當然，太過依賴也是不好的，我們提倡的永遠是模版加創造，以達成脫離模版自行創造出符合網易風格的設計，這才是我們的目標！只有這樣才能使我們的網站即能保持整體風格也不落入古板） 對部分提banner單較多的頻道，有意地增加模版庫中該頻道的模版數量，同時通過與頻道接口人進行配合，加強大家自己動手豐衣足食的意識。 3、培訓！視覺規範的培訓、設計的培訓、PS基礎技能的培訓等培訓如期地安排開來。通過多次培訓的結果來看，大家對PS基礎技能的培訓比較感興趣這部分培訓還是能對大家平時工作起到很重要的作用的，所以這種觸手可及的東西總會比設計理念的培訓來得更深入人心。 每個季度對新員工的培訓並與視覺規範一並納入考核範圍也是至關重要的一部分。新人永遠是最大的希望，通過他們將這些理念傳播並執行起來，逐次地，banner模版的作用將發揮得更好，對于現在存在的有些頁面的頭圖根本不跟該頻道的風格一致，甚至不堪入目的情況得到改善的那一天指日可待。 通過這些培訓不僅讓編輯能了解到一些視覺規範還能給予到一些實際的操作方式、方法從而對鼓勵他們自己操刀設計banner成為一種可能。字兒太多，再來點兒圖緩解下：）

1. 大， 和現代女人的罩杯一樣，圖標也越來越大了。原因很簡單，不管是桌面設備還是手持手持設備，dpi逐漸變高，高像素的圖標變得必不可少了。但讓人擔憂的是隨著尺寸變大，現在已經很少有人關心像素是不是對齊，小尺寸是否微調，用3D軟件甚至照片來制作圖標的情況越來越多了。 圖解2011網頁圖標設計熱點與趨勢 雪豹的Dashboard圖標 2. 細節多到可以揮霍 先讓我們來回味一下經典的像素圖標： 圖解2011網頁圖標設計熱點與趨勢 作者：Pixture Studio 和 Iconfactory 以前的圖標設計就是在方寸之間和有限的空間進行作戰，哪怕一個像素都不能浪費，但是讓我們來看看現在的圖標。廣闊的空間讓我們想加多少細節就加多少細節，注意看下面圖標裡那個路牌上居然還有標識！ 圖解2011網頁圖標設計熱點與趨勢 作者：SoftFacade 3. 圖標越來越像按鈕 這個趨勢不得不感謝iPhone和Android等移動平台的流行，讓我們來看看他們的圖標 圖解2011網頁圖標設計熱點與趨勢 iPhone 的主屏圖標 圖解2011網頁圖標設計熱點與趨勢 Android的程序圖標 整排的圖標在操作系統視覺規範的驅使下變得有了統一而規整的外形。而手指觸摸全面取代觸控板之後圖標也越來越多充當起了按鈕的作用。

炫彩和透明風格的網頁設計是我個人喜歡的設計風格之一。下面的設計作品和教程是我接觸和收集到的這一類的設計風格的代表。這些作品和教程可以在我們動手創建個人的網頁設計時給我們以啟發，並且教會我們實際實現的技巧。總結起來，這些設計有著如下共同特點： 1、ThemeLab 簡述炫光及漸變背景流行網頁設計 一、非常漂亮的抽象背景圖片，內容以光暈、煙霧類為主。這些圖片有著非常好的漸變，可以很好的和網頁背景色融合在一起，便于後期代碼實現實際的效果。在站酷上搜索這一類的素材，你會發現很多非常漂亮的圖片可以用到你的設計上。 二、簡潔的排版和字體。你會發現這一類設計頁面上文字內容普遍較少，目的是突出吸引人的背景圖片。元素與元素之間會留有充分的空間，這樣會讓網頁看 上去更有品味。文字會直接放置于背景圖片之上，很少有過多的裝飾元素。文字字體經常使用線條較細的字體，這樣會更加凸顯簡潔幹淨的風格。 三、透明的內容區域。我理解，透明的元素不但給人高端、幹淨的感覺，還讓背景圖片能夠透過元素凸顯出來，減少因為元素的遮擋從而讓原本漂亮的背景失去吸引力。 四、1個像素的高光。這樣的細節絕對不可忽略，因為它給你的設計增加了品質感。只有在細節上做很多的工作，才能做出不一般的作品。 以下是這些設計作品和教程的截圖： 2、Noe Design Studio 簡述炫光及漸變背景流行網頁設計 3、Agregado