設計師如何成為紋理設計高手?

說到紋理背景,第一印象就是提升了網頁的質感。大多教程案例都融入了一些紋理的設計,由此可見,紋理背景也是打造模糊效果的另一種手段。紋理的適當合理新增能同時增強畫面的神祕感和城市感。

以下是分享給大家的紋理背景的巧妙運用,供參考欣賞。

設計師如何成為紋理設計高手

方法/步驟

1.Tobias Ahlin是一個設計師常常會光顧的網站,因此網站首頁不意外的用了一些設計師的常用工具拼湊而成的紋理背景。網頁在造型上使用了書本的式樣,這也為網站的整體感覺加了不少分。

設計師如何成為紋理設計高手

2.這樣的網頁背景是不是很特別呢?像填字遊戲一樣的網頁全域性設計還是第一次見到,不仔細看,都很難發現它竟然是網站首頁。該網頁的新奇之處主要在於紋理背景大於頁面中的內容,內容部分只是在紋理的基礎上著重變色,效果上卻令人眼前一亮,不禁要感嘆設計師豐富的想象力。

設計師如何成為紋理設計高手

3.條紋作為網頁設計中的背景其實並不奇怪,但該案例的點在於,背景不僅使用了暗色系的條紋,同時加入了漸變的色彩設計效果,很好的襯托了網頁中的主體文字內容,讓網站整體多了幾分空間感。

設計師如何成為紋理設計高手

4.練習本?Excel表格?Nonono!Solo是個專案管理系統的介紹網站,表格線的紋理背景設計很應景的表現出了PM系統嚴謹簡潔的特徵,簡約有趣且富有設計感。如此形象生動的網站,你一定會對主推產品好感倍增吧。

設計師如何成為紋理設計高手

5.星星點點的無規律紋理設計,讓背景產生一種環保再生紙的視覺感受,搭配優雅大方的色彩和精緻的圖案細節,讓網站的水準因此而上升到另一個層面。

設計師如何成為紋理設計高手

6.只用純色塊和簡單內容拼湊而成的網站不免令人感到單調無味,若在純色背景中加入一些紋理設計,也許效果就截然不同了。如下案例所示,這是一個很普通的音樂電臺網站頁面,想象一下面對著如此有質感的畫面,再用美妙的旋律加以渲染,一定是一種很美好的視聽體驗吧。

設計師如何成為紋理設計高手

7.漩渦狀的設計會令人產生一種立體的視覺效果,過於逼真彷彿身臨其境,帶來一陣恐懼感。但若是以紋理的狀態出現就能很好的避免這一問題。作為背景,紋理的透明度會在原有基礎上增強,所以讓我們在瀏覽時更加放鬆舒適。

設計師如何成為紋理設計高手

8.用真實的大圖來代替刻意的紋理作為網頁背景也是個不錯的選擇,正如下面這個案例,將月球表面設定為背景,並且覆蓋足夠滄桑的黃色,令網站的神祕氣息直線上升,但這樣的手法並不多見,重點在於找到適用的大圖才行。

設計師如何成為紋理設計高手

9.該網站全域性使用了一整張舊舊的再生紙效果,讓網站整體更具有連貫性。簡單的顏色和懷舊的風格彷彿帶我們回到了無憂無慮的童年時期。手繪塗鴉的字型設計也與整體搭配的恰到好處,令人記憶深刻。

設計師如何成為紋理設計高手

10.這也是一個很不錯的創意,將世界地圖設定成背景紋理,並且象徵性的顯示出客戶分佈。這樣的設計會令人在瀏覽時感受到一種別樣的包容性。但在使用這些不規則紋理背景的同時,最好採用透明度低的色調來作內容文字的顏色。

設計師如何成為紋理設計高手

最後:紋理是一種獨特的美好,有規律的平鋪紋理讓網頁瞬間活潑起來,而隨性的紋理能帶給使用者一種灑脫單純的自由之感,優雅的紋理背景著實能令網頁中的其他部分更有吸引力。

網頁, 背景, 高手, 設計師, 紋理,
相關問題答案