時間:2023-07-28 17:32:32
開篇:寫作不僅是一種記錄,更是一種創造,它讓我們能夠捕捉那些稍縱即逝的靈感,將它們永久地定格在紙上。下面是小編精心整理的12篇網頁設計總結,希望這些內容能成為您創作過程中的良師益友,陪伴您不斷探索和進步。
撰寫人:___________
日
期:___________
時間一晃而過,轉眼間試用期已接近尾聲。在這段試用期中可以說是有喜也有憂。喜的是和同事們工作相處中,自己慢慢轉變為一個社會人,自身實踐經驗和工作能力得到提高。憂的是自己還有許多方面有待于提高。
記得初到公司時,我對公司的了解僅僅局限于公司___的簡單介紹,除此之外,便一無所知了。但是,在領導和同事們的支持和幫助下,我不僅加深了對公司的了解,而且很快就掌握和熟悉本崗位工作的要求及技巧,嚴格做到按時按量完成產品終端頁等頁面的制作,保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時,減少頁面中冗余的代碼,保證頁面的加載速度。此外,注意用戶體驗問題,站在用戶的角度瀏覽網頁,發現問題、解決問題,以提高網站的瀏覽量。
自從擔任網頁制作以來,雖然在工作中取得了較好的成績,但也還存在一些不足之處。例如:工作中沒有充分領會領導的意圖,有時會忽視公司的工作流程等等,這些都是由于工作態度和細節決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中,我將努力提高技術水平,克服不足,朝著以下兩個方向努力:
1、在以后的工作中不斷學習技術知識,通過多看、多學、多問、多練來不斷的提高自己的各項業務技能。
2、提高自己解決實際問題的能力,并在工作過程中慢慢克服急躁情緒,積極、熱情、細致地的對待每一項工作。
短短三個月的時間,我學到了很多專業的知識,能夠得心應手開展工作;在一個和諧的環境下,開心的工作;可以說都是受益于各位領導的栽培和各位同事的賜教。
總的來說,由于本人工作經驗不多,能力還有欠缺。雖然能勝任本職工作,但是社會在不斷的進步,技術在不斷的更新,我還需要更多的磨礪。為此,今后在工作中,我需要進一步增強開拓創新精神,刻苦鉆研新的技術。在上級的正確領導下,努力拼搏,扎實工作,以更好的質量、更高的效率、更扎實的作風做好本職工作,為我們這個光榮的___、輝煌的事業做出應有的貢獻。
>> 基于項目化教學的“網頁設計與制作”課程改革與實踐 《網頁設計與制作》課程教學的創新與實踐 網頁設計與制作課程的教學改革與實踐研究 《網頁設計與制作》課程的開發與實踐探析 《網頁設計與制作》課程建設的認知與實踐 計算機廣告制作專業的網頁設計課程教學改革與實踐 《網頁設計與制作》課程教學模式的改革及實踐 基于工作過程的“網頁設計與制作”課程改革的探索與實踐 網頁設計與制作的課程改革新動向 中職《網頁設計與制作》課程的改革初探 網頁制作課程設計的組織與實踐 任務驅動法在《網頁設計與制作》課程教學中的實踐探索 項目驅動式教學法在“網頁設計與制作”中的研究與應用 基于CDIO理念的網頁設計與制作教學改革與實踐探究 基于項目牽引式《網頁設計與制作》教學的實踐與探究 “網頁制作”的教學設計與實踐探究 “網頁設計與制作”課程教學方法的探索 《網頁設計與制作》課程的教學探討 淺談《網頁設計與制作》課程的實訓教學 淺析《網頁設計與制作》課程的教學方法 常見問題解答 當前所在位置:l;
頁面設計中明確體現各功能區域的劃分,布局合理,網站結構應層次分明,主題鮮明,界面美觀、簡潔;
3)頁面設計中導航和超鏈接清晰,對象插入合理;
4)網站必須有一張關于制作團隊信息的網頁,介紹各組成人員并詳細說明其在項目實施過程中擔任的職責和完成的任務;
5)在網頁中恰當的位置設計一個簡單的登錄表單;
6)網站欄目在三個以上.每個欄目至少有兩個頁面,網站的網頁總數量不少于10張,且網站中的相關信息列表及內容使用動態網頁呈現。
7)運用外部樣式表定制網頁風格,網站內風格統一。
3.2.4 學習評價
學習評價包括過程性評價和總結性評價。評價的內容包括兩個方面:一是學生參與活動各環節的表現,二是網站整體的完成質量。根據上述網站制作要求,客觀公正地評價學生的學習效果。由于學生解決實際問題能力有限,在項目實施過程中,可能會存在一系列的問題,在小組互評中,各小組組長在匯報中要指出網站制作過程中出現的問題所在及其解決方法,使學生的各種能力在評價中得到提高。在評價方法上,主要評價學生是否達到項目既定的目標要求,關注學生在完成項目中的進步程度,這樣有利于學生實踐能力和創新能力的培養。
在本課程中,每個學生學習的效果直接由完成網站的情況來衡量,包括四個部分:一是教師評價,由教師對各個小組項目完成情況進行評定,評價內容主要包括能否共同協作、是否實現預定功能等;二是小組間互評,由各小組組長在項目完成后給全班同學進行匯報,主要包括網站的設計思路、小組成員分工情況以及如何完成既定目標;三是小組內部各成員間互評,由各小組成員根據各組員對本小組項目貢獻的情況進行互評;四是學生自評,由學生本人進行自評,通過學習是否有所提高。綜合以上評定情況來確定每一名學生的學生總評成績。
4 總結
通過多年的教學實踐,采用項目驅動模式教學,能明確學習目標,較大地提升學習者的學習興趣。從而提高學生的學習效果,保證教學質量,鍛煉學生解決實際問題的能力。因此,項目驅動教學模式對《網頁設計與制作》課程來說是行之有效的教學方法。
參考文獻:
[1] 張鈺莎. 項目驅動式教學法在《網頁設計與制作》中的探討[J].現代計算機,2011(6).
[2] 胡永剛. 項目教學法在《網頁制作基礎》課程中的應用[J].機械職業教育,2008(2).
由于指導思想明確,質量上乘,由楊選輝編著的《網頁設計與制作教程》和《網頁設計與制作實驗指導》問世2年來,發行了7萬多冊,深受各校師生的歡迎和好評。該套教材被評為江西省普通高等學校優秀教材獎一等獎,與教材配套的多媒體教學課件獲得了第七屆全國多媒體課件大賽優秀獎、江西省高校第三屆優秀多媒體教學課件二等獎。
由于網頁設計與制作技術的不斷發展,網頁設計與制作軟件不斷推陳出新,作者根據多年來教學經驗的總結和社會各界讀者提出的建議,重新編寫了該套教材。該套教材包括:《網頁設計與制作教程》(第2版) 為課堂教學教材,《網頁設計與制作實驗指導》(第2版)為實驗輔助教材,配套的多媒體教學課件可以從清華大學出版社網站免費下載。
《網頁設計與制作教程》(第2版)是全面介紹網頁設計與制作技術的教程,它以目前最流行的網頁設計軟件作為技術支持,由淺入深、系統地介紹了網頁的構思、規劃、制作和網站建設的全過程。全書分為三篇共11章和一個附錄,涵蓋了網頁和網站建設的基本知識、HTML語言,以及FrontPage 2003、Dreamweaver 8、Photoshop CS2、Fireworks 8、Flash 8五個常用軟件的主要知識。全書構思清晰,結構合理,內容全面系統,兼顧了入門和提高兩個層次;語言簡潔生動、圖文并茂、實例新穎,關注了每個軟件最常用、實用的部分;并特別注重對實踐能力的培養。為提高教材的實用性、可操作性和可模仿性,作者巧妙地將理論學習與實踐操作緊密結合在了一起。在與教程配套的《網頁設計與制作實驗指導》(第2版)中,共設計了6章共48個非常有代表性的實驗,可以供讀者上機練習使用。這兩本書可以幫助初學者在較短的時間內快速掌握實用的網頁設計知識和通用的網站制作方法,設計制作出自己喜愛的網站。
作者一貫主張教師要有使命感,教材要滿足教與學的需求。通過多年不懈的努力,作者最終給讀者呈現了一套立體化的教學方案:優秀的課堂教學教程、實用的實驗指導書、精彩的多媒體教學課件。歡迎大家使用和驗證。
網頁設計與制作教程(第2版)
作者:楊選輝
ISBN:9787302178200
網頁設計與制作實驗指導(第2版)
作者:楊選輝
ISBN:9787302177296
1)網頁設計的概念。
通常而言,網頁設計是根據網頁的不同用途以及不用的特點,運用美學知識進行規劃、設計等的結果。網頁制作和網頁設計這兩個不同的概念常常讓普通人混淆。在一定程度上來說,網頁設計和網頁制作有著共同點,兩個也有著不可分割的關系,但是實際上它們的區別是根本上的、本質的。通常情況下,視覺美學中的基本規律在網頁設計中同樣適用。什么是網頁設計?通俗的說,就是通過對文字、圖像規律性的組合,還網頁看起來更加規整,信息傳遞更加明確。在滿足這樣目的的前提下,也需要使網頁滿足大眾的審美習慣。網頁設計中除了文字和圖像的廣泛運用,也會插入一些動畫和簡短的小視頻,來增加網頁的視覺美感。網頁設計時設計目標的確定十分重要,之后再確定設計流程,加以優化,最終達到設計出優秀網頁的目的。
2)平面設計在網頁設計中的具體表現。
網頁設計中平面設計占了主要部分,而語言文字和圖像又是平面設計的主體,所以網頁設計中的語言文字和圖像往往是使用最多的元素。語言文字是運用最多的,對于網頁信息有著解釋說明的作用。當然文字的設計首先要清晰且能夠準確無誤的表達,然后在考慮字體的大小、格式以及色彩。圖像使得網頁設計充滿了趣味性,這是文字無法代替的。所以圖像也是網頁設計中重要的一環,它對信息的傳達有著文字不可替代的效果。雖然文字也十分重要,但是圖像給人們帶來的視覺沖擊是文字所無法媲美的。因而,圖像的運用對于會激起瀏覽者繼續瀏覽的興趣。當然,圖像和文字的配合使用能夠產生不一般的效果,具有空間超越性。
二、網頁設計中視覺元素的功能性與審美性
網絡設計是通過互聯網將信息傳遞給大眾,其中信息是主體部分,但是其包含的視覺元素的作用也是不可忽略的。
1)網頁設計中視覺元素的功能性。
在網頁設計中,無論是文字還是圖像都需要遵循視覺美學的基本規律。將網頁中的各個信息點通過運用視覺美學的知識進行分類、規劃,可以是網頁更加清晰,所傳達的信息更加明確。例如,在視覺美學中,人們第一眼往往會停留在網頁的中上方。同樣,網頁設計時也有著這樣的規律。一個優秀的網頁往往第一眼就能抓住瀏覽者的眼球,能讓瀏覽者快速的接受網頁傳遞的信息。所以說,視覺元素的功能性在網頁設計中起著不可估量的作用。
2)網頁設計中視覺元素的審美性。
雖然說網頁設計的目的是讓網頁看起來更加規整,信息表達更加準確,但是優秀的網頁設計也需要給瀏覽者帶來視覺的審美體驗。在網頁設計中,視覺元素在網頁背景上有著幾乎完美的體現,通過對不同平面元素的綜合運用,網頁背景往往是最能夠表達視覺元素的地方。具有美感的網頁設計會讓瀏覽者增加對該網頁的好感,就會更加愿意花費時間去瀏覽,有利于網頁的點擊率。
3)網頁設計中視覺元素的特殊性。
對于網頁的瀏覽,視覺往往是首要因素。在沒有具體目標的情況下,視覺往往促進瀏覽的主要原因,人們常常因為圖片的有趣而產生繼續瀏覽的欲望。所以視覺元素的合理運用,會增加瀏覽者的興趣,在網頁設計中有著不可替代的特殊性。因而,視覺元素的合理應用有助于網頁的發展,也會給瀏覽者留下好的印象。
4)不同種類網頁設計中視覺元素的應用形式。
視覺元素的應用是具有針對性的,是不可以一套而論的,需要針對各自的功能特點運用的。以下就商業網站、公共服務網站、個人網站為例說明。在商業網頁中,最主要的就是商品的推銷。因此,在該網頁上就要突出商品的性能優點,適當時也添加圖片。同時,網頁的機構通常都比較嚴謹,信息的傳達都不叫緊湊。在公共服務網頁中,其信息量的比較大的,所以需要注意結構的簡潔和清晰,在色彩上,無需使用過多艷麗的顏色,裝飾上盡量簡單,使網站的可靠性增加。而個人網頁就有所不同,它一般注重個人性格的表達。所以個人網頁的設計較為隨意,色彩的使用較為大膽,圖像比較多變,更加突顯出鮮明的個人色彩。
三、網頁設計發展的趨勢
如今,一味地套用早已無法適應網絡的發展,創新才有新出路。并且,復雜的色彩、冗長的文字和炫目的圖像等會使人們產生視覺疲勞,所以,簡潔的網頁設計更能夠適應如今的發展規律。從瀏覽者的角度來說,全屏的大圖往往能夠吸引他們的注意力,瀏覽者往往是因為大屏圖像帶來的視覺沖擊性才瀏覽這個網頁的。在有大屏圖像的同時,配搭精簡的文字加以說明,可以是網頁顯得簡潔、大氣、美觀。與此同時,網頁設計中也開始慢慢使用動畫和視頻,它們對于細節的表達更加直觀。
四、總結
關鍵詞:網頁設計;教學方法;實踐能力;考核評價
中圖分類號:G424.1
1.引言
《網頁設計》是一門集計算機語言、設計技術、美學為一體的綜合設計課程。如何讓學生能夠獨立設計出風格鮮明的網頁?如何提高網頁的實用性?如何讓學生在實踐中學習知識、提高能力?如何在網頁設計中相互配合,增強團隊開發意識?這對《網頁設計》課程的教學提出了更高的要求。
2.《網頁設計》課程的特點
2.1 課程具有較強的職業性[1]。如何讓學生能夠設計網頁是課程的目的之一,而設計網頁的需求來源于企事業單位網站建設工作,這必須必須對各行業的工作有一定的認識。學生只有進入職業角色去構思網頁設計,才能做出符合要求的網頁。、
2.2 課程具有較強的綜合性?!毒W頁設計》是一門計算機技術與設計藝術相結合的課程,既要讓學生掌握網頁設計語言,又要從美學角度考慮網頁架構設計、線條布局、色彩搭配等問題,必須讓學生會將多方面的知識綜合運用,才能達到課程培養目的。
2.3 課程具有較強的實踐性[1]?!毒W頁設計》課程的教學內容實踐性強,能極大提高學生的學習能動性,激發參與意識,鍛煉動手能力,同時培養專業興趣。教授和學習中都一定要注意理論與實踐相結合,而實踐是教學的主線。教師應該多安排實踐內容,學生應該多動手實踐,能熟練地創作出實用的網頁。理論教學指導、服務實踐教學,實踐教學反過來印證、提高理論教學。
3.目前《網頁設計》課程教學中存在的問題
3.1 傳統的教學方法不適應《網頁設計》的課程特點。傳統黑板式教學與口授言講式教學以教師為中心,教師教學為主體,學生被動接受學習,理論和實踐嚴重脫節,紙上談兵,無法解決現實的網頁設計問題。教師授課按部就班,學生大多跟隨課堂教學,教師講多少,學生學多少;甚至講授到下一個知識點或者操作內容時,以前學習的又忘記了。
3.2 多媒體教學方式的缺陷。在使用多媒體的教學方式中,教師可以利用多媒體靈活多樣性,以豐富多彩的形式展示教學內容,但按照多媒體課件設計內容講授,比較機械;而課后學生忙于拷貝教師課件,甚至不用記筆記,缺乏深刻認識,對知識點的印象更易淡忘。
3.3 以課堂教材為主,思維局限,缺乏學生實踐能力培養。以課堂為中心的教學方式,讓學生的思維受限于教材。目前《網頁設計》所用教材大多專注于網頁設計工具的使用,缺乏網站開發實例;這樣一來學生只能學會如何去使用開發工具來制作網頁,而不會學會網站建設的技巧。
3.4 上機練習,缺乏團隊合作培養。上機練習任務都針對近期所講知識點,且受限于上機練習時間,作業不可能布置太復雜,導致學生在練習過程中,經常是獨立思考、獨自操作,缺乏相互溝通、相互配合;而遇到問題更多依賴老師來解決,讓教師投入更多的時間來解決問題,缺乏對學生協作精神、團隊意識和創新能力的培養。
4.關于《網頁設計》教學的思考
4.1 充分調動學生學習興趣??梢越榻B淘寶網、12306火車票訂票網站、高考志愿填報網站、電子郵件、微博等網站的應用情況,以學生熟悉的網絡應用為切入點,使學生切身體會到網絡應用在現在生活中發揮的重要作用。然后,教師逐步引導學生了解網絡應用的作用,同時讓學生了解就業需求,讓學生切身體會到學習網頁設計的必要性,提高學生的學習興趣,增加學習動力。
4.2 扎實掌握基本知識。在學習這門課程之前,學生大多沒有學習過網絡相關的知識,為了讓學生了解網頁設計工作在整個網絡應用中所處的位置,非常有必要補充網絡基礎知識,明白網站開發流程。
首先,著重講述網絡的基本概念,如:網絡上常見的服務、IP地址、域名解析等,描述從客戶端訪問一個網站時數據傳遞的過程,讓學生充分理解網站是如何讓人們能夠訪問的;在整個訪問網站過程中,網頁設計是在哪一個環節工作,發揮什么作用。其次,模擬要開發一個網站,從無到有,從需求分析、網站規劃、設計制作、申請域名和空間、網站、后期維護等開發流程逐步介紹各環節要完成的工作,讓學生對網站開發有初步的印象。這些基本知識看似對網頁設計關聯性非常小,但是可以讓學生對整個網絡有更深刻的理解,對網站開發過程了解了,更有利于掌握網頁設計技術。
4.3 綜合運用多種教學方法,以學生為中心[2]。教學的最終目標是讓學生掌握網頁設計的關鍵技術,具備制作靜態網站的能力。為了達到這個目標,要求教師結合不同授課內容,靈活運用多種教學方法,可以使用案例教學法、項目教學法等,讓學生快速有效地掌握知識,達到熟練運用。
首先,案例教學方法的使用。案例教學法(Case Method)是19世紀70年代美國哈佛大學法學院院長蘭德爾首創。它要求在教學中采用實例進行教學,教師將知識點設計應用到案例中,并進行實際操作[2]。在網頁設計課程中,針對網頁設計的知識點,可以設計出專門的范例代碼在課堂上進行演示,也可以在一個案例中貫穿幾個有相關性的知識點,綜合使用多種技術。例如:在CSS應用中,可以設計出招生宣傳網站中“專業介紹”的案例,針對文字段落設計出不同的樣式,并在學院、專業、專業介紹等不同級別的文字上進行試驗,展示CSS技術的優勢。其次,項目教學法的應用。項目教學法(Project Based Learning,PBL)是建立在工業社會、信息社會基礎上的現代教育的一種形式,以培養實用型人才為直接目的的一種人才培養模式。這種教學模式的關鍵是可以避開傳統的學科體系教學知識的完整性和系統性,從以邏輯思維方式為主轉向以形象思維方式為主,所關注的是項目能否按期完成,對知訓結構是以“夠用”為準則的,主要是為了鍛煉學生勤動手的技能,不僅可以獨立收集信息還可以自行分析知識,從一定程度上提高了學生的實踐及創新能力[3]。在學習HTML和CSS知識之后,可以設計一個網站開發項目,2人一組,一個負責設計網頁結構、安排內容;另一個負責設計CSS樣式表,完成內容美工、顯示效果制作。這種情況下,只有兩個人充分溝通才能完成該設計,在實踐動手中增強團隊協作意識。
5.總結
筆者根據多年來在《網頁設計》教學中的實踐,就《網頁設計》這門課程該如何去提高教學質量、增強學生的學習積極性、提高學生實踐能力和創新能力展開思考和總結,針對目前該課程教學中存在的問題提出相應解決方法,對教學模式進行革新,取得了較好的教學效果。
參考文獻
[1]劉銘.高職《網頁設計》課程的教學模式設計[J].職教論壇,2010(35):44-46
1網頁設計中有效的藝術創新實施方法
1.1 基于網頁設計中藝術色彩方面的創新方法隨著網頁藝術設計的快速發展,色彩作為設計過程中的主要元素,給人更加直觀的印象和感受,易于影響到人們的情緒和心情。那么在設計中運用不同的色彩往往更能凸顯出藝術的沖擊力,給人更為新穎的感覺,因此,關于在色彩方面的加工與設計顯得尤為重要。而其中最為重要的兩種表現形式是選用的自由化模式和色彩的簡約模式。前者傾向于對色彩的集中度突顯、自由化組合,使得網頁的個性特征得以體現,讓網頁風格不同于常見的形式,以恰當的色彩組合設計,給不同的客戶帶來有益的影響。需要注意的是,設計者在藝術色彩的設計與選用的過程中,要以訪問者的角度給予情感和心理方面的情緒變化融入,進而形成獨特的藝術魅力;后者則強調在色彩選用和設計的過程中遵循簡約的風格,讓網頁設計效果讓人看起來更加舒服、美觀。尤其在近年來的網頁藝術設計發展當中,這項創新理念的發揮已經逐漸成為眾多設計者首選的方式,其優勢在于能夠實現很多繁雜藝術設計無法體現的樸素、極簡風格,讓設計者擬定的主題更加清晰和顯著。例如:在網頁設計中,如何合理搭配與運用色彩,使其與藝術動態網頁文字相呼應和匹配,為訪問者呈現出更有層次感和對比效果的變化,將設計者想要表達的心理感受體現出來。如圖所示的操作界面中,為了匹配“2004高雄表演藝術”中心主題,設計者需使用100%純度的黑色作為主色彩,以達到形成和背景巨大反差的目的,同時在底色方面以透明灰色鏤空形式來表現“mityhaircutsdesign”等字體,更具吸引力,呈現出動態變化的特征。
1.2 保證留白的合理性在網頁藝術設計的過程中,很多設計者認為要充分利用每一塊空間位置,才能呈現出最佳的效果。事實上并非如此,優秀新穎的網頁設計不必非要利用到每一個位置,適當的留白處理更能為訪問者留下好的印象和感受。留白旨在突顯出藝術作品中虛實結合、相得益彰的良好成效,它的科學合理性設計,不僅能在視覺呈現方面顯得平衡感十足,保持動靜結合、虛實相應的觀感體驗,而且簡潔、合理的內容分布,則有效提高了訪問者的效率,有助于相關工作處理獲得便捷,進而無形中促使更多的訪問者加以瀏覽和關注,增強整體的網頁設計效果。此外,將Flas運用到網頁設計當中,突顯出一些廣告等信息的新穎性,增強吸引效果,借助Flash自身的動畫特效優勢和特點,表現出設計者寄予的思想和感情,像網頁中諸如旗幟與按鈕類型的廣告設計,均能夠利用Flash的動畫效果來呈現。
2總結
總之,由于網絡媒體在社會發展以及人們的日常生活中發揮出越來越大的作用,作為網站建設中極為關鍵的環節,網頁藝術設計顯然至關重要。而創新理念的不斷推廣,要求網頁設計者應該將設計技術和藝術元素有效融合到一起,從網頁的藝術設計的基本內容擴展、新穎元素引入、設計方法的調整等各個方面進行創新與改革,將網頁設計的價值上升到藝術魅力的高度,這樣才能更好地促使網頁設計中藝術創新水平的提高。
作者:黃河 單位:貴州省內貿學校
1實現藝術設計創新的關鍵性因素
在網頁設計的過程中,網頁風格的獨樹一幟的設計模式往往會更加吸引人。鑒于網頁風格的內涵較為難理解,同時不容易實行,所以一般來講,只能通過網頁訪問者的調查和反饋中才能獲取,進而更具訪問者的感受和意見,重新調整網頁設計的藝術風格,對于其中的諸如文字、色彩聲音、影像等方面的表達要精準且具有一定的新穎性,從而不斷提升網頁設計自身的風格與特性,使其蘊含的藝術價值逐漸凸顯出來。例如:基于對網頁風格的個性化特征表達的目的,使得網站的主題更加突出,可以利用網頁文字的不同形狀、顏色、大小的裝飾和變化,寄予設計者內心的感情,讓網頁設計文字更加鮮活,進而做到呈現出不同的變化效果,和其他網頁風格形成區別,讓新穎度更加明顯。
2網頁設計中有效的藝術創新實施方法
2.1基于網頁設計中藝術色彩方面的創新方法
隨著網頁藝術設計的快速發展,色彩作為設計過程中的主要元素,給人更加直觀的印象和感受,易于影響到人們的情緒和心情。那么在設計中運用不同的色彩往往更能凸顯出藝術的沖擊力,給人更為新穎的感覺,因此,關于在色彩方面的加工與設計顯得尤為重要。而其中最為重要的兩種表現形式是選用的自由化模式和色彩的簡約模式。前者傾向于對色彩的集中度突顯、自由化組合,使得網頁的個性特征得以體現,讓網頁風格不同于常見的形式,以恰當的色彩組合設計,給不同的客戶帶來有益的影響。需要注意的是,設計者在藝術色彩的設計與選用的過程中,要以訪問者的角度給予情感和心理方面的情緒變化融入,進而形成獨特的藝術魅力;后者則強調在色彩選用和設計的過程中遵循簡約的風格,讓網頁設計效果讓人看起來更加舒服、美觀。尤其在近年來的網頁藝術設計發展當中,這項創新理念的發揮已經逐漸成為眾多設計者首選的方式,其優勢在于能夠實現很多繁雜藝術設計無法體現的樸素、極簡風格,讓設計者擬定的主題更加清晰和顯著。例如:在網頁設計中,如何合理搭配與運用色彩,使其與藝術動態網頁文字相呼應和匹配,為訪問者呈現出更有層次感和對比效果的變化,將設計者想要表達的心理感受體現出來。如圖所示的操作界面中,為了匹配“2004高雄表演藝術”中心主題,設計者需使用100%純度的黑色作為主色彩,以達到形成和背景巨大反差的目的,同時在底色方面以透明灰色鏤空形式來表現“mityhaircutsdesign”等字體,更具吸引力,呈現出動態變化的特征。
2.2保證留白的合理性
在網頁藝術設計的過程中,很多設計者認為要充分利用每一塊空間位置,才能呈現出最佳的效果。事實上并非如此,優秀新穎的網頁設計不必非要利用到每一個位置,適當的留白處理更能為訪問者留下好的印象和感受。留白旨在突顯出藝術作品中虛實結合、相得益彰的良好成效,它的科學合理性設計,不僅能在視覺呈現方面顯得平衡感十足,保持動靜結合、虛實相應的觀感體驗,而且簡潔、合理的內容分布,則有效提高了訪問者的效率,有助于相關工作處理獲得便捷,進而無形中促使更多的訪問者加以瀏覽和關注,增強整體的網頁設計效果。此外,將Flas運用到網頁設計當中,突顯出一些廣告等信息的新穎性,增強吸引效果,借助Flash自身的動畫特效優勢和特點,表現出設計者寄予的思想和感情,像網頁中諸如旗幟與按鈕類型的廣告設計,均能夠利用Flash的動畫效果來呈現。
3總結
總之,由于網絡媒體在社會發展以及人們的日常生活中發揮出越來越大的作用,作為網站建設中極為關鍵的環節,網頁藝術設計顯然至關重要。而創新理念的不斷推廣,要求網頁設計者應該將設計技術和藝術元素有效融合到一起,從網頁的藝術設計的基本內容擴展、新穎元素引入、設計方法的調整等各個方面進行創新與改革,將網頁設計的價值上升到藝術魅力的高度,這樣才能更好地促使網頁設計中藝術創新水平的提高。
作者:黃河
摘要:信息是人們溝通的主要內容,在現今這個隨處都充斥著各種信息的世界里,傳遞信息的媒介也越來越得到重視。其中互聯網技術便是現今傳遞信息的主要媒介之一,信息的承載體便是網頁。在繁復繽紛的信息世界里,要如何將網頁所表達的內容快速有效地傳遞給讀者,這便要求網頁在設計的時候所需要的獨特的視覺效果,具有一定的視覺審美。本文對傳統風格的網頁中所表現出的視覺欣賞習慣和視覺審美心理進行分析,并探討在視覺效果中所表現的出的網頁內涵。并總結出傳統風格的網頁設計上的視覺表現情況,并提出在進行網頁設計時提高視覺審美的相關建議。
關鍵詞:網頁設計;傳統風格;視覺欣賞;審美心理;視覺表現
1.網頁設計中的視覺表現的重要性在進行網頁設計的時候,在一定的版面空間里,必須要將網頁內容通過一定的視覺信息傳遞出來,而這些視覺信息在版面進行排版的時候就必須要滿足一定的審美要求。只有提高整個版面視覺審美,整個網頁才能夠給人以強烈的視覺沖擊并突出設計主題,這樣就能夠做到表現形式和宣傳內容相契合的境界[1]。網頁就是要宣傳或者是表達一定的內容,只有主題和表達的形式高度統一且內容直觀易懂,人們才能更好地了解網頁宣傳內容。
2.傳統風格的網頁中的視覺表現情況縱觀各大網站中的首頁,幾乎被簡約平面的現代設計風格鋪滿,在設計中幾乎不再有強烈的視覺沖擊效果。也正是由于這一情況,在國內,一種以西方網頁設計技術為參考,加入中國傳統文化的網頁設計風格正在各大網頁風靡。這種設計風格主要是被應用在中國的傳統節日以及相應的文化藝術為主題的網頁設計中。據調查顯示,這類網頁設計更加符合中國人的視覺欣賞習慣和欣賞心理,給人以強烈的視覺沖擊和足夠的留白進行空間的想象。
2.1傳統風格的網頁中的視覺欣賞習慣
“如果一幅畫的目的首先是為了吸引注意力,那么簡約性和有選擇的強調就會在這幅畫中使用,因為它們具有喚起力和產生驚訝的效果?!痹诂F今互聯網技術發達的狀態下,網頁是傳播信息的重要媒介,更是一副寫著重要信息必須在瞬間吸引人眼球的畫作。在傳統風格的網頁設計中,巧妙的應用留白來突出重點內容,減弱次要信息的分布比例,并利用其簡潔具有代表性的圖形來使得整個網頁中的視覺元素分布更具有條例,做到虛實對比,疏密適宜,充滿設計的張力并具有一定的流動性,且整體布局清晰合理。這類的設計更加符合中國人的審美習慣,網頁瀏覽用戶能夠在最快的時間內找出網頁重點信息,并對網頁的設計審美所震撼,從而增加用戶瀏覽網頁的時間。
2.2傳統風格的網頁中的視覺欣賞心理〖HT〗在網頁的設計中,必須充分的考慮用戶在瀏覽時的欣賞心理情況和用戶的審美體驗。在用戶對網頁進行審美的時候,通常會對畫面所表達的視覺元素的形式產生一定的聯想,并和內心的某種元素相連接,這就是用戶在對網頁進行視覺欣賞時所產生的審美心理。尤其是頁面所呈現出來的流動的線條,具有代表性的圖形形狀以及色彩的搭配調和,整個頁面布局的變化統一情況等都會在用戶心中產生一個主觀的心理因素,尤其是畫面中所表現出的情感和愿望以及用戶對于頁面的喜好都會直接流露出來[2]。而這些感受又會和用戶內心的某種隱秘的情緒相結合,其具體的體現就在于用戶對于頁面的瀏覽時間以及對于頁面內容的觀看情況。
2.3傳統風格的網頁中的網頁內涵
傳統風格的網頁設計不僅符合中國人的審美習慣,在設計的時候還會多加的考慮審美者的心理變化情況。在中國的水墨畫作中,流暢的線條和簡約的描繪風格再配上大面積的留白效果便制造出了其獨特的審美意境,且這些意境又將整個畫面的表達內容給予了深刻的內涵。這一國畫精粹也被充分的應用在了網頁設計的編排之中。此處就以故宮博物館的網頁為例,在頁面中利用紅黑兩色作為主要色彩,表現其莊嚴肅穆之氣,更是其歷經風霜之氣。其整個畫面布局左右對稱,顯得隆重大氣,而局部又呈現出靈活多變的形式,不乏活力。整個網頁中建部分均為留白,而留白中又有了紅色的渲染,使得整個畫面氣勢磅礴有充滿了想象力。整個網頁中文字寥寥,只有“紫禁城”、“故宮博物院歡迎您”幾個醒目的大字,且字體硬朗,大氣恢弘。整個畫面呈現出莊嚴肅穆,讓人十分向往。這便是整個宣傳網頁所要達到的目的。
3.對于網頁設計中的視覺效果設計時的建議
3.1網頁設計中的空間安排
留白,是傳統風格的網頁設計中最為常用的表達方式。它能夠給讀者留下足夠的想象和理解的空間。通常頁面中的圖形和文字的編排一定要大小合適,其中右邊的文字要相對較少,可以使用小號的字將文字放在右下方,使其上方大面積留白,而但文字和圖片較為重要的時候,可以將其微微上靠一些,這樣可以占用較多空間其更為醒目具有強調作用。此時的整個畫面因為留白和編排使得畫面流暢富有節奏[3]。
3.2網頁設計中的形象塑造
形象塑造主要是一些傳統風格的形象的表達,例如書法,其行云流水的筆墨,不僅能夠充分的展現出畫面的流動飄逸之感,更隱含了其獨特的韻味。而如果是小篆、楷體等字體的書法寫作,則顯得莊嚴肅穆,此刻配合篆刻則顯得正式莊重。除了書法還有很多例如古琴、臉譜、年畫、剪紙、皮影等諸多傳統元素都可以生動細膩的刻畫網頁中的形象。這樣的形象不僅傳遞了網頁的設計理念更是表現了對民族文化的傳承。
3.3網頁設計中的色彩運用在上文中以故宮博物館的網頁為例時就曾談到其所使用的紅黑二色的調配,顯示出其莊嚴肅殺之氣,使得整個畫面大氣磅礴。網頁設計的主色調就是確定了整個網頁的視覺重心,表達了其網頁的風格和主題[2]。傳統風格的網頁設計中,對于網頁的背景顏色的調和更為注重,合適的背景顏色不僅能夠緩解主色調所帶來的視覺疲勞還能夠有效的渲染烘托畫面主題。在設計中,往往會將畫面主色彩和墨色相互交合渲染,從而使其具有更為濃重的文化氛圍,在上述的例子中,其留白部分便是主色彩紅色和墨色的渲染,使得整個畫面更具有神秘感,令人向往。
(作者單位:西華師范大學計算機學院)
參考文獻
[1]賀盈.網頁設計中視覺藝術表現方法初探[J]. 重慶文理學院學報(自然科學版). 2006(03)
關鍵詞:“網頁設計與制作”;項目案例教學法;教學設計
筆者所在的濟南幼兒師范高等專科學校,“網頁設計與制作”主要是面向初等教育學院的學生開設。他們將來的工作崗位是小學教師,掌握好這門課程,有助于其在工作崗位上進行班級管理、班級文化建設、校園文化建設等方面的工作。所以在實踐教學中,選用項目案例教學法是非常有必要的。
一、案例教學法的內涵
案例教學法指在教學過程中,教師和學生為了共同實施一個完整的項目案例而采取的一系列以教師為主導、學生為主體的教學活動。這種教學法在培養學生的自主能力和合作能力方面有著顯著的效果,它能夠引導學生主動參與項目案例有關的課堂討論,調動學生的學習興趣和積極性。
二、高職“網頁設計與制作”課程中應用項目案例教學法的適用性分析
“網頁設計與制作”是在初等教育學院五年制小學教育專業大專第三、四學期開設的專業基礎必修課。通過本課程的學習,學生需要掌握的相關內容有:了解設計和制作網站的一般流程;了解WWW、HTTP、HTML、CSS的定義、概念和作用;理解W頁、網站、網址、瀏覽器等基本概念;掌握添加和編輯各類對象如文字、圖像、表格、表單、音頻和視頻的基本方法;掌握創建超級鏈接的方法;掌握表格、層、框架的使用方法;掌握表單、行為的使用方法。
這門課程具有較強的可操作性和實踐性,教師需要尋找既與實際工作情境密切相關、又能將教學內容緊密結合的教學方法組織教學。項目案例教學法非常適用于該課程的教學需求,經過近年來備課組的實踐與探索,發現這一教學法能夠為全面提高學生的信息素養提供保障性支持。
三、高職“網頁設計與制作”課程中的項目案例設計
項目案例的設計是保證順利開展項目案例教學的基本
1.項目案例的設計要立足于實際工作情境?!熬W頁設計與制作”課程的目標之一就是培養能夠勝任實際工作任務的人才,所以案例的設計要從實際工作任務出發。學生在完成學習的過程中熟悉了相關的工作崗位流程,今后從事類似工作時能夠更加游刃有余。
2.項目案例的設計要將知識點與實際需求相結合。項目案例的選取既要考慮到具體知識點,又要根據實際需求將知識點融合入案例中。“網頁設計與制作”課程的知識點多且散,比如網頁對象的應用中包含文字對象、圖片對象、音頻和視頻對象等知識點,所以在設計案例時要考慮到所有知識點。
3.項目案例的設計要生活化、社會化。在設計教學項目案例時,既要考慮到學生的就業方向,也要面向全社會的相關崗位,所設計的項目案例既要來源于學生自身專業,又要做到生活化、社會化。
根據濟南幼兒師范高等專科學校初等教育學院小學教育專業的人才培養目標,以及“網頁設計與制作”課程的目標和教學實施方案,課題組設計出了8個綜合項目案例,綜合項目案例設計流程見表1。
四、高職“網頁設計與制作”課程中的項目案例教學設計
1.創設情境、展示效果。教師創設具體的工作情境,展示項目案例的完成效果,學生在此過程中明確接下來要完成的項目任務。
2.分組討論、分解任務。各組長引領組員討論項目案例中的目標要求并分析涉及的知識點,分解任務后根據組員的特點將任務布置給小組成員。
3.自主探究、小組合作。
此階段為關鍵階段,每個小組任務后,由組長負責將所有組員完成的部分進行整合。
4.交流討論、三方評價。教師引導全班學生進行交流,并對作品進行三方評價,分別為個人自評、組內互評、教師評價。從評價中教師可以把握學生的學習狀況,學生也可以了解到自身的優勢和薄弱部分。
5.歸納總結、擴展提升。根據評價結果,學生歸納總結在完成本次項目案例過程中的收獲與不足,并在今后的項目案例學習中加以改進。
五、出現的問題
1.優質學習資源欠缺。項目案例教學法成功實施的關鍵是項目案例的設計和組織。但是目前各高職院校的“網頁設計與制作”課程尚沒有建立項目案例資源庫,優質學習資源欠缺。所以,建立一個內容豐富、可共享的項目案例資源庫勢在必行。
2.加強教師業務進修。項目案例教學法的實施對教師的專業素質要求很高。在應用項目案例教學法時還需加強教師的專業進修。
一、課程情況
《網站設計與制作》也是計算機各專業學生學習后續課程的基礎,比如學習基于網絡編程的動態網頁設計技術,學生畢業后可從事網絡軟件的設計與開發,進行商務網站的設計與制作,同時也可以考取網頁設計師、網絡軟件工程師等相關國家職業資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養目標的需求的,通過該課程的教學,可以培養出一批優秀的、能夠在一線工作崗位上從事網頁設計與制作、網站規劃、管理與維護工作的專業人才?;谠撜n程的主要工作崗位有:網站管理與維護人員、網頁設計與編輯人員、網站策劃人員及網頁美工人員等。
二、課程教學思路與教學方法改進
學生如果要很好得完成網站制作,所需的的知識體系非常龐雜,其中包括網絡基礎知識,網頁制作技術,平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件,圖像處理軟件,動畫軟件,數據庫知識,腳本語言動態服務器編程技術等。教學內容比較多,知識點比較分散,而學時僅為48個學時,學習內容多而課時少。經過多年的教學活動的開展和經驗總結后,我們總結出一套適合高職學生教學方法,那就是使用任務驅動式的教學方法。我們以前的教學設計思路是:講授知識點———設計任務———監督學生完成———驗收,現在的教學設計思路是這樣的:實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色:給學生布置一項工作(實際工作任務導向)———將工作轉變為一個任務(任務驅動)———通過任務引出知識點(知識學習)。學生在此教學思路中的角色:通過老師的引導,理解相關任務要求,繼而產生強烈的學習相關知識的興趣,在下一步的知識學習中就能很好地學習,掌握了相關知識后,馬上運用于實踐,完成老師布置的任務。通過該課程的教學,使學生最終能夠自主開發一個完整的網站,畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。
三、課程體系內容重構
本課程性質是計算機系的基礎必修課,教學對象是全系各專業的大一學生,因此教學內容定位于靜態網頁的制作,以Dreamweaver軟件為主線,介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash,然而當前課時條件和時間條件下,根本做不到三個軟件都講到位,事實上每個軟件分開都可成為一門課程,而網頁設計課程只能以網頁制作軟件Dreamweaver為主,其他軟件為輔,并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾,有利于教學的開展和培養學生的動手能力,為此我們對教學內容重新進行了重構,圍繞Dreamweaver軟件講解網頁制作的方法和技巧,只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候,才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎;模塊二、頁面的基本操作;模塊三、簡單網頁的制作;模塊四、網頁的樣式設計;模塊五、實用HTML布局頁面;模塊六、實用DIV+CSS布局頁面;模塊七、制作多媒體頁面;模塊八、網頁交互設計;模塊九、網站的測試與管理。
四、總結
高職學生思維活躍,好動手,但是其學習基礎較差,沒有良好的學習習慣和學習方法,教師在實際的教學活動中應當充分發揮其優點,改變其缺點。在本課程的教學活動中,我們的教學思路和課程內容體系的重構都是圍繞這點來設置的,在實際的教學活動中取得了較好的教學效果。
作者:鐘永全 唐琴 單位:桂林電子科技大學職業技術學院
關鍵詞:網頁設計 審美 美感
一、網頁設計的審美需求
1、網頁的審美
談到美,網頁這種特殊環境下的美與傳統的藝術上的審美有著明顯的區別,一般的藝術上只要能夠在欣賞者的心里產生共鳴就是美的;而網頁的布局上的審美卻要受到很多的限制,網頁設計面對的是大量用戶,由于更新速度的快捷,隨時都會反饋回來對網頁的批評建議等,可以根據實際情況進行修改,這個過程可以在很短的時間里完成。同時網頁能融合文字、圖片、聲音、動畫于一身。這是傳統藝術所達不到的。當然最根本的在使用方面就限制了它不能夠隨意的揮灑自如,任設計師自由的發揮。
2、網頁的功能
網頁,最初就是在功能性的基礎之上發展起來的。使用者如何從網頁中更好得到功能,這就需要站在使用者的角度來看待網頁設計。作為設計師引導潮流沒有錯,但是更要貼近自己的使用對象,想他們所想,急他們所急,適時的將自己的設計風格融入到作品中去,接受他們的檢驗,只有經得起考驗的設計才是好的設計。
二、網頁設計的幾點原則
1、要考慮上網者的環境。
在網絡世界里,涉及到各方面的內容,使用者通常是打開很多的窗口,在一種紛繁復雜的情況下接受信息。假如他們瀏覽的網頁是設計特別花哨,文字、動畫等堆砌的極為雜亂,加劇了心理上的厭煩感,這種網頁能算得上美嗎?所以從使用環境里的功能的因素來考慮美才是最根本的。
2、考慮網頁的使用對象
考慮網頁的使用對象本身也是網頁審美的一個重要方面,網頁設計都是為每個具體的網站做宣傳,那么不考慮對象就如同閉門造車,這樣會造成其根本的功能的損失。例如一個兒童網站,設計得如同新聞專題的網頁一樣,純粹是文字。那么使自己的使用對象 ――兒童在瀏覽該網站的時候毫無興趣,阻礙了網站的基本的目的,從這個功能層面上來理解,設計的美是同使用對象分不開的。
3、考慮網頁的使用功能
網頁設計的美其實是一個滿足使用者需求的過程,使用起來方便快捷,排除使用中的問題,這就是美的,這就是純粹從功能上的要求出發的。假如我想上一個體育的網站了解當天的足球戰報,那么我上網的目的性就是非常的明確,直接看足球的結果。我的上網過程就是先敲入網址,盡快的找到足球的欄目,再找到比分的鏈接,設計師如果考慮到上這個網站的很多人都想知道足球的比分,那么在主頁上放一個流動的臨時更新的框,就可以使上網站的使用者直接在主頁上看到想要看的東西,這樣快速而又方便的結果,其實質上是一個網頁設計的成功的地方,這種網頁就是美的。反之假如把網頁設計得非常的“漂亮”(這里指的是純粹的從藝術審美上的漂亮,滿足一般的形式美的要求的,而不考慮使用環境的情況),但過程復雜,增加了使用者的不便,沒有為使用對象考慮,就是失敗。
4、網站的自身形象設計
還有一個美的因素也不能不考慮,就是網站本身,通過自己的設計使網站的形象得到提升,使網站的形象在每個使用者的心目中扎根。這是現在網頁設計中普遍不受重視的,例如網站的名稱或者是網址沒有得到強化,盡管使用了之后覺得好,但是第二次使用時卻記不起是什么網站,收藏夾里太多也找起來不方便。因此假如網頁設計時注意了網站的名稱和網址的因素,加強網站自身形象設計,從這個功能上來說是設計成功之處,也是網頁設計美的一個觀念的異化。
三、網頁美的基本標準
1、簡潔實用
網絡特殊環境下,以最高效率的方式將用戶所要想得到的信息傳送出去,使用方便,越滿足使用者的要求,就越顯示出其功能美。
2、整體性好
一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的。
3、網站形象突出
一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。
4、頁面用色協調,布局符合形式美的要求
布局有條理,充分利用美的形式,使網頁富有可欣賞性,提高檔次。
一個網站單一顏色,讓人感覺單調乏味;顏色過多讓人感覺輕浮花俏。必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調,乏味。
5、交互式強
發揮網絡的優勢,使每個使用者都參與到其中來,這樣的設計才能算成功的設計。
四、設計界面的應用方法
設計界面所包含的因素運用中必須有側重、有強調的把握。設計因素雖多,但它仍是一個不可分割的整體。它的結果是物化的形,但這個形卻是代表了時代、民族等方面的意識,并最終反映出人的“美”的心理活動。
設計界面的運用,核心是設計分析。在一些大公司都有許多的成功案例可為借鑒。如柯尼卡公司設計相機,首先不是繪制“美”的形和考慮技術的進步,而是進行對象人的日常行為分析,作出故事版(STORY)。它先假定對象人的年齡為35歲,名:Xxxx,從而分析他的家庭、喜好與憎惡,分析他的日常行為,進而考察其人在什么場合需要僚機,從而為設計提供概念(CONCEPT)與目標(TARGET),進行設計。經過分析,設計師有了明確的概念與目標,并隨信息的交互產生了創造力。
另一方面,設計師自身對社會環境也要進行深入的認識與考察,對設計的作品取向有明晰的認識。日本設計師佐野邦雄先生曾作一圖――生活的變遷與設計師的課題,將日本及世界上某些非常有影響性的事件進行了歸納,進而對設計有了深入的認識與感悟。所以,要運用好設計的界面,理性的認識是首要的,其次就是創造性的,而且是有實效性的分析、處理信息。設計不是一成不變的,分析方法也不是一成不變的,設計的界面同樣是在人一物的信息交流中變化發展的。
以上談了幾個涉及到網頁設計的美的相關的功能的影響,綜合以上的概述,下面總結以下網頁美的基本標準。
五、設計界面的運用原則
1、合理性原則
即保證在系統設計基礎上的合理與明確。任何的設計都既要有定性也要有定量的分析,是理性與感性思維相結合。努力減少非理性因素,而以定量優化、提高為基礎。設計不應人云亦云,一定要在正確、系統的事實和數據的基礎上,進行嚴密地理論分析,能以理服人、以情感人。
2、動態性原則
即要有四維空間或五維空間的運作觀念。一件作品不僅是二維的平面或三絕的立體,也要有時間與空間的變換,情感與思維認識的演變等多維因素。
3、多樣化原則
即設計因素多樣化考慮。當前越來越多的專業調查人員與公司出現,為設計帶來豐富的資料和依據。但是,如何獲取有效信息,如何分析設計信息實際上是一個要有創造性思維與方法的過程體系。
4、交互性原則
即界面設計強調交互過程。一方面是物的信息傳達,另一方面是人的接受與反饋,對任何物的信息都能動地認識與把握。
關鍵詞 網頁 視覺要素 情感
一、視覺中認知心理要素
人們對事物的認知源于對生活的接觸和積累。即使沒看過,沒碰過,也能判斷它的冷熱,輕重,大小,肥瘦……盡管每個人的家庭生活背景,學習背景各不相同,但經過源于生活的歸納和秩序化的本能,大多數人的心底所不自覺自行積累的感官經驗幾乎是完全相似的。就現實生活而言,家庭寵物本身的外在并沒有任何情緒,但由于人們的認知和經驗的積累,才會讓人感受到大寵物笨拙、小寵物靈敏、血統純正的高貴、雜交的甚至會不受人喜歡,那么不同的顏色也會有不同的情緒象征意義。這說明,受眾并不是對外界信息表示被動與消極,相反,他們是處理的主體,可以對自己的喜好和對更多信息主動的進行加工和選擇。當人們面對某種事物時,心理和情感的訴求變得極為重要。如何正確的把握并利用這一要素成為了網頁設計撼動受眾的根本。
人們在瀏覽多種網頁的同時會產生不同的視覺和心理感受,而這種直觀的第一感受大部分來源于網頁界面的視覺效果。為了使網頁獲得最大的視覺傳達效果,使網絡真正成為可讀性強的媒體,設計師在進行網頁設計時必須考慮到人們視覺流向的心理和生理特點,由此確定各種視覺構成元素之間的關系和秩序。視覺規律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質的網站和肩負不同的閱讀任務時候都表現出基本恒定的習慣。首先是水平掃描,常常是掃過網頁內容的最上半部分,因此,上部和中上部被稱為“最佳視域”,也就是最優選的地方;然后,向下移,瀏覽下面區域;最后,從網頁左邊的部分進行垂直掃描。
二、視覺中造型要素
網頁設計就是指把造型、圖形、視覺、色彩、信息等要素集于一體,在網頁中表現出來。
(一)視知覺。
心理學的觀點認為視覺是一種空間的感覺,我們通常把空間的感覺稱為視空間,視空間又分為生理的第一次印象和經驗的第二次印象。人們在觀察物體時,視線有著一系列的跳動和注視,并不是沿著直線平穩的運動的,一般來說,物體的棱角處,或者輪廓發生變化的地方,或者細節很特殊的地方是我們視線最集中的地方,例如矩形的四個角是我們視線停留最多的地方。視線是有一定規律的,從上到下,或從左到右。所以,在進行網頁設計時,強調其特點,以增強網頁對大眾的吸引。
(二)文字與圖形。
在現實生活中,人們看到的任何物體都是相互依存的,文字是最初網頁設計的基本構成要素,隨后逐漸加入了圖形,打破初期的單純文字界面,也帶來了新的直觀表現形式。圖形能引起人們的注意,并激發閱讀興趣,給人的視覺印象高于文字。
(三)形式感。
任何一件藝術品,離開了形式魔法就會失去魅力,就不會起到感染人的作用。在網頁設計中,多種多樣的視覺元素的不同排列組合,可以達到不同的效果,主要原因就在意它通過一定的形式激發了人的幻想,使人產生情趣,因而富有吸引力。經過人們長期大量經驗的積累和總結,將美的表現形式總結歸納為:有秩序的美:這是被大眾所接受,同時也是最主要的一種表現形式。從其構成方式來看,有對稱,平衡,重復等;而另一類則是打破常規的美:諸如對比,特異,夸張,變形等,都具有顛覆的性質。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,才能體現出網頁設計獨具的分量和特有的價值。
三、視覺中色彩要素
色彩是視覺中的靈魂要素,沒有確切的文字定義便可潛移默化的將要表達的情緒注入人們的內心。完美的色彩搭配,為客戶提供了舒適的觀賞體驗,從而增加對企業、商品和服務的好感度。用戶瀏覽網頁時,顏色幫助轉移用戶的視線,指引用戶怎么去瀏覽一個頁面,增加信息的獲取效率。同時,色彩也具有強大的記憶性。當人們看到某一顏色時便會在大腦中搜尋過去的經歷進而產生共鳴。人們對事物的色彩認知和設計者賦予的二次色彩認知,經過多次重復后可轉化為用戶視覺的記憶流程,從而加大用戶對網頁所傳達信息的記憶度。
四、結語
網頁是時展的衍生品,是一個復雜的系統,既要考慮內容信息的準確傳遞,又要了解知識信息的有效作用,因此平衡各種不確定因素,最大限度提供信息的有效傳輸,是網頁設計的關鍵所在。網頁設計是在力求傳達功能的基礎上結合視覺要素加以創新,使其更具有特色,更具人性化從而更好的為人們服務。
參考文獻:
[1]魯道夫·阿恩海姆.藝術與視知覺(新編)[M].長沙:湖南美術出版社,2008.