企業(yè)網站設計“中國風”元素的應用
日期 : 2019-03-13 12:43:45
“中國風”元素指的就是能夠體現(xiàn)出中國特色的各種元素, 屬于中國傳統(tǒng)文化的具體體現(xiàn)。在當前的網頁UI設計過程中, 為了更好地體現(xiàn)中國文化特點, 增強網頁UI設計的豐富性, 應當應用“中國風”元素。網頁UI設計人員應當了解“中國風”元素在網頁UI設計中的應用特點, 并且熟練掌握“中國風”元素的應用方法, 從而提高自身設計水平, 使網頁UI設計取得理想的效果, 促進網頁UI設計進一步發(fā)展。
一、網頁UI設計中“中國風”元素分析
1. 圖形元素
網頁設計中的圖形元素是由設計者發(fā)揮自身豐富的藝術想象力對傳統(tǒng)圖案進行創(chuàng)造而形成的, 然后被設計者以特有的視覺形式運用, 從而將自身所承載的視覺信息傳達給網頁訪問人員。圖形元素屬于藝術形態(tài)的具體體現(xiàn)。在網頁UI設計過程中, 通過合理應用傳統(tǒng)裝飾圖案所具備的點、線、面以及色彩與肌理, 可使網頁兼具傳統(tǒng)特色和現(xiàn)代感。圖形具備的對稱與平衡、多樣與統(tǒng)一、節(jié)奏與韻律、尺度與比例等相關特點, 在同一畫面中可共同存在, 從而充分體現(xiàn)秩序感等藝術規(guī)律。
2. 漢字書法元素
漢字書法具備一定的審美趣味和抽象符號的作用。在網頁UI設計過程中, 可以將文字作為符號或特殊圖形進行使用。文字既是語言信息載體, 還具備文化層面含義。在當前網頁UI設計過程中, 融入書法中的神、意、形, 可以更好地體現(xiàn)網頁所具備的傳統(tǒng)文化特點。
3. 色彩元素
在中國傳統(tǒng)文化中, 色彩具有特殊意義, 它是一種具有象征性的媒介, 能夠表現(xiàn)出情感和文化意味。如, 一些傳統(tǒng)餐飲和婚慶網站表現(xiàn)出十分明顯的裝飾性特點, 在色彩表現(xiàn)上比較豐富、鮮明, 從而表現(xiàn)出喜慶、吉祥的氛圍, 給人們積極的心理暗示。中國傳統(tǒng)裝飾藝術具備十分豐富的賦色體系, 使中國民族色彩觀得以形成, 這使網頁設計具備豐富的視覺語言, 從而使設計效果更加理想。
二、“中國風”元素在網頁UI設計中的應用分析
1. 在網頁UI設計中應用“中國風”元素的定位
電腦圖標設計的主題范圍相對比較廣泛, 只要是設計人員自身比較喜歡的內容, 均可作為主題, 從而進行UI設計。比較常見的圖標設計主要包括以下幾種:其一, 以某系統(tǒng)品牌為背景進行系統(tǒng)圖標設計, 如Windows系統(tǒng)自帶的圖標;其二, 某些用于商業(yè)的主題圖標設計;其三, 依據(jù)個人特殊愛好進行的主題圖標設計。
在實際創(chuàng)作過程中, 可依據(jù)不同風格和具體情況選擇不同主題進行網頁UI設計。如, 對于石刻風格網頁UI設計而言, 可利用Photoshop制作使材質效果得以體現(xiàn), 并且可在其中灌輸龍的精神;對于青花風格網頁UI設計而言, 可選擇三維建模貼圖方式進行制作, 三維建模貼圖對立體感和真實感比較重視;對于剪紙風格網頁UI設計而言, 可直接模仿剪紙工藝, 運用紅、白兩色圖底關系進行制作。
2.“中國風”元素在網頁UI設計的圖形設計和色彩設計中的應用
在實際造型設計過程中, 不但要考慮到融入傳統(tǒng)元素, 同時應當考慮電腦Icon所具備的識別性特點。Icon設計與其他圖標設計的區(qū)別就是可用面積比較小, 通常情況下電腦平臺中能夠運用的Icon面積僅有36px×36px。所以, Icon設計具有加強圖形化的特點, 也就是說, 在進行Icon設計時, 應當最大限度地利用有限空間, 對圖形進行有效設計, 從而使圖形比較簡潔, 并且能夠較好地傳遞信息。
在Icon設計過程中, 最重要的方面為實用性, 其次為美觀性。在實際設計過程中, 首要任務是依據(jù)Icon所指對造型進行設計, 之后在確保不改變造型寓意的基礎上加入傳統(tǒng)造型理念, 從而使Icon設計造型更加豐富、美觀, 同時與傳統(tǒng)藝術能夠產生聯(lián)系。
上文所闡述的石刻、青花、剪紙這三種風格的網頁UI設計均涉及對中國傳統(tǒng)色彩元素的運用。如, 在青花風格網頁U設計中運用通青、白兩種色彩;在剪紙風格網頁UI設計中運用紅、白鏤空色彩;對于石刻風格風格網頁UI設計而言, 由于不同地域的石質有所不同, 因此石刻色彩也比較豐富。但是, 應當注意在Icon設計過程中, 其色彩不能太過豐富, 應確保在除去主色彩之后, 其他色彩所占據(jù)面積不可過多。網頁UI設計注重整體統(tǒng)一, 若色彩過多, 會導致Icon顏色顯得比較雜亂, 反而會影響效果, 在實際設計過程中應當注意這一點。