商業(yè)網(wǎng)頁(yè)設(shè)計(jì)論文

1、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)論文摘要: 商業(yè)頁(yè)設(shè)計(jì)中詳細(xì)的字體、 圖形、圖象、標(biāo) 志等等,經(jīng)常表現(xiàn)為點(diǎn)線面、顏色、動(dòng)靜、主次等視 覺因素,這些因素的不同使用都會(huì)影響讀者的視覺習(xí) 慣和心理變化；本文將分析商業(yè)頁(yè)設(shè)計(jì)視覺因素的心 理規(guī)律,揭示頁(yè)設(shè)計(jì)如何通過視覺因素更有效、更合 理的表現(xiàn)與傳達(dá)信息；關(guān)鍵詞 : 頁(yè)設(shè)計(jì)視覺心理因素構(gòu)成要素視覺流程 商業(yè)站是企業(yè)向用戶和民供應(yīng)產(chǎn)品和服務(wù)的一種 方式, 是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái),其 頁(yè)頁(yè)面由詳細(xì)的文字、企業(yè)標(biāo)志、商標(biāo)、產(chǎn)品圖形、和信息菜單等內(nèi)容組成,這些內(nèi)容又經(jīng)常表現(xiàn)為點(diǎn)線 面、顏色、動(dòng)靜、主次等視覺因素,這些因素的不同 使用都會(huì)影響讀者的視覺習(xí)慣和心理變化

2、；本文將試析商業(yè)頁(yè)設(shè)計(jì)視覺因素的心理規(guī)律,揭 示商業(yè)頁(yè)設(shè)計(jì)如何通過視覺心理因素更有效、更合理 的表現(xiàn)與傳達(dá)信息； 呈現(xiàn)企業(yè)形象、 介紹產(chǎn)品和服務(wù)、表達(dá)企業(yè)進(jìn)展戰(zhàn)略；一、商業(yè)頁(yè)設(shè)計(jì)中點(diǎn)、線、面視覺心理因素的運(yùn) 用第 1 頁(yè) 共 8 頁(yè)點(diǎn)、線、面是商業(yè)頁(yè)設(shè)計(jì)基本的視覺元素,是表 現(xiàn)視覺形象的基本設(shè)計(jì)語(yǔ)言；從視覺角度看頁(yè)設(shè)計(jì)主 要是如何經(jīng)營(yíng)好三者的關(guān)系,由于不管是任何視覺形 象或者版式構(gòu)成,歸結(jié)究竟,都可以歸納為點(diǎn)、線和 面；1. 頁(yè)設(shè)計(jì)造型要素中的點(diǎn) 商業(yè)頁(yè)設(shè)計(jì)中的點(diǎn)是構(gòu)成頁(yè)的最基本單位,是指 頁(yè)面中具備點(diǎn)的視覺特點(diǎn)、體積較小的物象；相對(duì)于 整體背景而言一個(gè)單獨(dú)的點(diǎn)是相比較而言的；是有大 小、外形

3、和體積的；點(diǎn)的大小、外形、位置不同,所 產(chǎn)生的視覺成效、心理作用也不同；一個(gè)頁(yè)往往需要 有數(shù)量不等, 外形各異的點(diǎn)來構(gòu)成, 可以是詳細(xì)產(chǎn)品、商品標(biāo)志等,也可以是感覺上的點(diǎn)；例如,天空中的 飛鳥、沙灘上的腳印、花瓣上的蜜蜂等,在其四周背 景襯托下,都給人以“ 點(diǎn)” 的視覺心理感受；點(diǎn)在設(shè)計(jì)中即可以起一種穩(wěn)固造型的作用,亦可 起到活潑生動(dòng)、吸引視覺中心的作用,使用得當(dāng),甚 至可以畫龍點(diǎn)睛；點(diǎn)的外形、方向、大小、位置、聚 集與發(fā)散,仍能夠給人帶來不同的心理感受；1 單點(diǎn)的應(yīng)用：點(diǎn)在人們的視覺中具有很強(qiáng)的吸 引作用,如：點(diǎn)設(shè)計(jì)在頁(yè)的上方或左右位置,就給人 不穩(wěn)固感和相對(duì)的動(dòng)感；第 2 頁(yè) 共 8 頁(yè)2

4、 多點(diǎn)的應(yīng)用：兩點(diǎn)之間會(huì)產(chǎn)生心理連線的感 覺,多點(diǎn)時(shí)就會(huì)顯現(xiàn)不同排列,次序的虛擬的面或形 體；2. 頁(yè)設(shè)計(jì)造型要素中的線 點(diǎn)的延長(zhǎng)形成線；線在頁(yè)面中的作用在于表示方 向、位置、長(zhǎng)短、寬度、外形、質(zhì)量和心情；線是分 割頁(yè)面的主要元素之一, 是打算頁(yè)面現(xiàn)象的基本要素；商業(yè)頁(yè)設(shè)計(jì)視覺因素中的線主要指文字的行線,商品 圖形、圖象的輪廊線,各種裝飾線；線的外形主要有 直線和曲線兩大類：1 直線給人一種緊急、鋒利、簡(jiǎn)潔、剛直感,從 心理或生理感覺來看具有男性特點(diǎn)；直線又有：細(xì)直 線,給人纖細(xì)、敏捷的心理感覺；粗直線,給人豪爽、拙樸、厚重的感覺；垂直線,給人一種挺立、莊重感；水平直線就給人方向感和劇烈的動(dòng)感

5、；2 曲線表現(xiàn)出一種動(dòng)態(tài), 活潑,輕快的意味, 顯 示了女性美的特點(diǎn),商業(yè)頁(yè)設(shè)計(jì)中運(yùn)用文字行、圖象 輪廊線或裝飾線的造型,制造一種女性化的審美感；自由曲線是最好的情感抒發(fā)手段；打破了水平線組成 的莊重和單調(diào),給商業(yè)頁(yè)增加了豐富、流暢、活潑的 氣氛；水平線和自由曲線的組合運(yùn)用,形成新奇的形 式和不憐憫感的對(duì)比；第 3 頁(yè) 共 8 頁(yè)3. 頁(yè)設(shè)計(jì)造型要素中的面 線的推移形成面；面是很多點(diǎn)和線的組合；面具 有肯定的面積和質(zhì)量,占據(jù)空間的位置更多,因而相 比點(diǎn)和線來說視覺沖擊力更大更劇烈；面在頁(yè)設(shè)計(jì)中 通常指各種圖形、色塊的外形設(shè)計(jì),不同外形的面具 有自己鮮明的個(gè)性和情感特點(diǎn),能給人不同的心理感 受,

6、如方形的面具有冷靜,穩(wěn)重,厚實(shí),頑強(qiáng)的男性 特點(diǎn)；三角形、梯形面常給人一種穩(wěn)固、端正之感；但假如將它們倒過來設(shè)計(jì),就給人一種輕、不穩(wěn)固的 感覺；圓形充實(shí)、圓滿、活潑的感覺,比較適合表現(xiàn) 兒童產(chǎn)品或者女性用品；菱形或不規(guī)章形體就給人一 種活潑、輕快之感；在商業(yè)頁(yè)的視覺構(gòu)成中,點(diǎn)、線、面既是最基本 的造型元素,又是最重要的表現(xiàn)手段；在確定商業(yè)頁(yè) 主體形象的位置、動(dòng)態(tài)時(shí),點(diǎn)線面將是需要最先考慮 的因素；必需嫻熟把握設(shè)計(jì)語(yǔ)言；要善于依據(jù)商業(yè)特 性采納不同的組合去表達(dá)不同的情感訴求,達(dá)到推銷、銷售商品和服務(wù)的作用；只有合理的支配好點(diǎn)線面的 相互關(guān)系,才能設(shè)計(jì)出具有正確視覺成效的頁(yè)面,充分的表達(dá)出商業(yè)頁(yè)最

7、終的訴求！顏色視覺心理因素的運(yùn)用二、商業(yè)頁(yè)設(shè)計(jì)中商業(yè)頁(yè)設(shè)計(jì)中顏色是確立站風(fēng)格的靈魂；顏色能 第 4 頁(yè) 共 8 頁(yè)產(chǎn)生劇烈的視覺成效,使頁(yè)面更加生動(dòng)；顏色設(shè)計(jì)的 好壞直接影響閱讀者的觀看愛好與心理變化；因此,位置特別重要；商業(yè)頁(yè)的顏色設(shè)計(jì)應(yīng)從以下幾個(gè)方面 把握和利用其心理特點(diǎn)：第一,整個(gè)頁(yè)面要確定一個(gè)主色調(diào),其有利于體 現(xiàn)站主題；每一種顏色都具有它自身的性格,如：彩 度高,明度高的顏色常給人一種華麗感,相反彩度低,低明度的顏色就給人一種淳樸感；暖色系、高明度的 顏色能給人一種面積大的前進(jìn)感；冷色系、低明度的 顏色就能給人一種面積小的后退感；每個(gè)人群對(duì)顏色 的喜好也有所不同,如男性較喜愛冷色,女

8、性就偏好 暖色或高明度、高彩度的顏色,兒童喜好純色,厭惡 濁色,老人就偏好濁色,中年人或文化層次較高的人 偏好冷灰色等；因此在設(shè)計(jì)中要考慮主要讀者群的背 景和構(gòu)成以及如何與商品的屬性相呼應(yīng)；其次,在主色調(diào)下的色調(diào)搭配； 如頁(yè)面空間整體、顏色和諧統(tǒng)一,就給人一種幽雅、安靜感；如以對(duì)比 手法處理,圖形文字顏色明快突出于背景色,就頁(yè)面 空間氛圍會(huì)顯得活躍而有憤怒；但是,要留意不能有 劇烈的顏色對(duì)比,由于過于豐富的背景顏色會(huì)影響前 景商品圖片和文字的取色,使文字溶于背景中,不易 辨識(shí)；所以背景一般應(yīng)以單純?yōu)橐?；?5 頁(yè) 共 8 頁(yè)最終,作為設(shè)計(jì)師在考慮頁(yè)設(shè)計(jì)時(shí),仍應(yīng)考慮到 時(shí)代流行性色和企業(yè)標(biāo)準(zhǔn)色的

9、問題；所謂流行色,是 指在肯定范疇內(nèi)和時(shí)間內(nèi),特別盛行并易為人們接受 的某些式樣或顏色；而標(biāo)準(zhǔn)色的運(yùn)用在上擴(kuò)大了品牌 效應(yīng),也是對(duì)公司整體形象的統(tǒng)一應(yīng)用,從而構(gòu)成了 企業(yè)識(shí)別系統(tǒng)的重要部分；三、商業(yè)頁(yè)設(shè)計(jì)中動(dòng)、靜的視覺心理因素的運(yùn)用 商業(yè)頁(yè)設(shè)計(jì)構(gòu)成要素可分為兩種狀態(tài)：靜態(tài)與動(dòng) 態(tài)；靜態(tài)要素設(shè)計(jì)詳細(xì)指靜止的商品圖形、文字、按 紐等；動(dòng)態(tài)要素,詳細(xì)指動(dòng)態(tài)按紐、按紐連接、頁(yè)動(dòng) 畫和視頻等,它們是豐富、生動(dòng)頁(yè)、張顯個(gè)性、突出 主題重要手段；動(dòng)靜以及不同的動(dòng)靜組合都可以反映不同的心理 與性格,如,動(dòng)大體上給人活潑、生動(dòng)的印象,但極 慢的動(dòng)常給人擔(dān)憂感；快速或突然的動(dòng)常給人焦慮、慌張感；另外,靜也常給人安

10、靜、沉悶兩種感覺；商業(yè)頁(yè)設(shè)計(jì)中要留意處理好動(dòng)靜的關(guān)系,要整體 和諧統(tǒng)一,給人生動(dòng)而不躁動(dòng)或厭惡感；同時(shí)仍要遵 循動(dòng)態(tài)性原就與交互性原就；1. 動(dòng)態(tài)性原就,即要有四維空間或五維空間的運(yùn) 作觀念；一件頁(yè)商品、圖片不僅是二維的平面或三維 的視覺,也要有時(shí)間與空間的變換,情感與思維熟悉第 6 頁(yè) 共 8 頁(yè)的演化等多維因素；2. 交互性原就,即界面設(shè)計(jì)強(qiáng)調(diào)交互過程；一方 面是物的信息傳達(dá),另一方面是人的接受與反饋,對(duì) 任何物的信息都能動(dòng)地熟悉與把握；四、商業(yè)頁(yè)設(shè)計(jì)中視覺流程心理因素的運(yùn)用 商業(yè)頁(yè)設(shè)計(jì)是通過視覺元素引起人注目而實(shí)現(xiàn)商 品信息內(nèi)容的傳達(dá),為了使頁(yè)獲得最大的視覺傳達(dá)功 能,使頁(yè)真正成為可讀強(qiáng)

11、性而且新奇的媒體,必需適 應(yīng)人們視覺流程的心理和生理的特點(diǎn)；視覺流程的形成是由人類的視覺特性所打算的；心理學(xué)家葛斯達(dá)認(rèn)為：人們閱讀時(shí),版面的上部比下 部的注目?jī)r(jià)值高,左側(cè)比右側(cè)的注目?jī)r(jià)值高；因此,版面的左上側(cè)位置最為引人注目,因此,在頁(yè)設(shè)計(jì)中 一些突出的商品信息,如主標(biāo)題、每天更新的內(nèi)容等 通常都放在這個(gè)位置；以便于一開頭就吸引受眾的視 線,誘導(dǎo)其由上到下,由左到右地移動(dòng)；此位置也被 稱作視覺的正確視域；也就是最優(yōu)選的地方；當(dāng)然視 覺流程是一種感覺而非準(zhǔn)確的數(shù)學(xué)公式,只要符合人 們熟悉過程的心理次序和思維進(jìn)展的規(guī)律次序,就可 以更為敏捷地運(yùn)用；設(shè)計(jì)者可以利用視線移動(dòng)規(guī)律,誘導(dǎo)讀者的視線作左右流淌、上下流淌以及斜線的不 穩(wěn)固流淌,通過編排設(shè)計(jì),人為地產(chǎn)生正確視域,突第 7 頁(yè) 共 8 頁(yè)出主要商品, 以達(dá)到肯定的視覺成效, 傳遞商品信息；商業(yè)頁(yè)作為一種新的企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè) 施和信息平臺(tái),它的進(jìn)展雖然沒有多長(zhǎng)時(shí)間,卻兼容 了傳統(tǒng)平面設(shè)計(jì)的特點(diǎn),又具備其所沒有的優(yōu)勢(shì),成 為今后商品信息溝通的一個(gè)特別有影響的途徑；其設(shè) 計(jì)是一種綜合性的設(shè)計(jì), 它所涉及的范疇特別的廣泛,包括消費(fèi)者心理學(xué)、視覺設(shè)計(jì)美學(xué)、人機(jī)工程、哲學(xué) 等諸多方面,而