首頁 > 書法

走在潮流的前端,時尚網站的基本風格與設計關鍵

作者:由 凡科 發表于 書法日期:2023-01-07

印刷體和手寫體是什麼意思

走在潮流的前端,時尚網站的基本風格與設計關鍵

在各行各業的網站設計中,時尚網站應該是最講究設計感的,畢竟時尚就是一個追求視覺效果的行業,所以網站作為一個重要的線上門面展示陣地,也必須要建立出一種出色的美感和衝擊力。從現有的設計趨勢來看,時尚網站大體上有三種不同的風格式樣,以下對應這三種式樣分別作剖析。

一、大片式

如同時尚雜誌封面式的場景大片,高解析,高飽和,高對比,以產品和模特為設計重心,利用金屬感的配色,金銀銅色系,同時打上高光,呈現出精緻的視覺感和絢麗的色彩感,這算是時尚網站最常見的形式了。

設計關鍵:BANNER動態

大片式時尚網站通常就直接以拍攝好的精修照片作為BANNER,氣場自然也不會弱到哪裡去,在這基礎上不妨再適當新增一點動態,畢竟動起來的BANNER更能吸引眼球。

一般來說BANNER的動態有兩種形式,一種是切換動態,一種是特效動態。以“凡科建站”上的橫幅功能為例,切換動態一共有10種,數字式、圓點式、箭頭式等;特效動態一共有6種,“雪花”、“流星”、“煙花”等,每種動態都有不同的視覺觀感,大家可以分別試驗,選擇符合自身情況的BANNER動態。

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

二、文藝式

在森女文化的影響下,文藝式的時尚網站也越來越受歡迎了,簡約清新的用色,主要是構建出一種返璞歸真的慢生活場景,與其說是買產品,倒不如說賣一種理念或態度。

設計關鍵:網站配色&字型處理

文藝式時尚網站通常會選用小清新的視覺用色,顧名思義的清新脫俗,不追求濃墨重彩,所以多使用一些低飽和度的色澤,甚至是帶有一種灰調,烘托出一種淡雅、靜謐、懷舊的氣質。

以下是在“design-seeds”網站蒐集到的一些小清新配色的例項,給大家感受一下。

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

另外一個關鍵要點就是字型處理,在文藝式時尚網站裡,往往需要以精煉的文字作為一種點綴,更好地襯托出圖片的意境。

在字型處理上,大家可嘗試把印刷體和手寫體搭配使用。印刷體就是我們常見的宋體、隸書、楷體等,筆劃平整,結構端莊;而手寫體則是一種使用硬筆或者軟筆純手工寫出的文字,像方正靜蕾簡體、葉根友手寫體等,這些手寫體藝術感更強,更寫意優雅,正好能與中規中規的印刷體形成互補,打造出一種錯落有致的感覺。

走在潮流的前端,時尚網站的基本風格與設計關鍵

或者也可以在文字中插入線條,能起到分割內容、強化層次、引導視覺焦點等作用。

走在潮流的前端,時尚網站的基本風格與設計關鍵

三、產品式

產品式時尚網站,最明顯的特徵就是“去設計化”,沒有人物模特,沒有浮誇的裝飾,直接在乾淨的純色背景中展示商品,讓使用者的注意點聚焦在商品本身,給他們更輕鬆愉悅的無干擾瀏覽體驗。

設計關鍵:產品排版

可能很多人會習慣性地認為,純產品展示很難突出Fashion的感覺,其實將錯位排版、柵格化排版手法利用好了,極簡的頁面也能散發出與眾不同的魅力,大家不妨嘗試下“凡科建站”上的“產品展示”模組功能,能幫助你快速方便地完成美觀的產品版哦~

在“凡科建站”編輯器左端點選“+模組”,找到“產品”的下拉頁,選擇“產品展示”。

走在潮流的前端,時尚網站的基本風格與設計關鍵

在“新增模組(產品展示)”的彈窗,“常規”欄目選擇模組樣式和需要展示的產品。模組樣式,常用的有“橫向平鋪展示”、“走馬燈展示”、“箭頭滾動展示”、“兩列圖文展示”。其中“橫向平鋪展示”與“兩列圖文展示”屬於靜態完整展示,適用於4個以下的產品展示。“走馬燈展示”與“箭頭滾動展示”屬於動態展示,適用於4個以上的產品展示。

走在潮流的前端,時尚網站的基本風格與設計關鍵

“圖片特效”欄目設定滑鼠懸停效果,“展示設定”欄目設定點選產品後的跳轉,“展示引數”設定引數佈局樣式、按鈕樣式、需要顯示的引數內容。

走在潮流的前端,時尚網站的基本風格與設計關鍵

例如,像以下的這個模板,具體來說就是按照這樣的設定來編輯樣式的。

走在潮流的前端,時尚網站的基本風格與設計關鍵

走在潮流的前端,時尚網站的基本風格與設計關鍵

大片式、文藝式、產品式,以上三種時尚網站的基本風格都各有千秋,當你掌握了基本風格的特徵,下一步就是個人創意的發揮了。設計永遠沒有標準答案,大膽地把自己的想法賦予其中吧!