龐雨芳（山東女子學(xué)院，山東 濟南 250300）

?

“曼珠”私人婚禮官方網(wǎng)站的界面設(shè)計

龐雨芳
（山東女子學(xué)院，山東 濟南 250300）

摘要：作為互聯(lián)網(wǎng)的網(wǎng)頁界面，在網(wǎng)絡(luò)的不斷發(fā)展中，與視覺藝術(shù)互相影響，又通過強有力的商業(yè)動作滲透到整個社會生活中，形成了獨特的網(wǎng)頁界面的視覺文化。本文從美學(xué)的角度，對網(wǎng)頁界面的視覺設(shè)計進行比較全面的研究。

關(guān)鍵詞：網(wǎng)頁設(shè)計；形式美法則；私人定制

不同時代有不同的設(shè)計審美理念，也有不同的美學(xué)特征。在信息特別發(fā)達的今天，競爭日趨激烈，給人們帶來了新的審美需求。對于網(wǎng)頁設(shè)計，客觀上將其推向了更高層的表現(xiàn)境界。這是網(wǎng)頁設(shè)計的必然趨勢，我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計具體問題相結(jié)合，那么加入美的元素，也要遵循一定的形式美法則。

形式美法則主要包括：統(tǒng)一與變化、對比與調(diào)和、對稱與平衡、節(jié)奏與韻律、條理與反復(fù)、動感與靜感、主從和重點、聯(lián)想與意境、比例與尺度。研究、探索形式美的法則，能夠培養(yǎng)人們對形式美的敏感，指導(dǎo)人們更好地去創(chuàng)造美的事物。掌握形式美的法則，能夠使人們更自覺地運用形式美的法則表現(xiàn)美的內(nèi)容，達到美的形式與美的內(nèi)容高度統(tǒng)一，而網(wǎng)頁設(shè)計上常用的形式美法則主要是：統(tǒng)一與變化，主從和重點，對秤與均衡。

統(tǒng)一與變化：統(tǒng)一與變化是形式美法則的最高級形式，我們在對網(wǎng)頁進行排版時應(yīng)注意處理好統(tǒng)一與變化的比重關(guān)系。統(tǒng)一是主導(dǎo)，變化是從屬。統(tǒng)一強化了版式的整體感，多樣變化突破了版式的單調(diào)、死板。但過分的追求變化，則可能雜亂無章，失去整體感。

主從和重點：在設(shè)計中，主從關(guān)系非常密切，沒有重點，則顯得平淡；都是重點，也就無重點可言了。視覺中心設(shè)置的好壞可直接影響到設(shè)計的藝術(shù)感染力。一般來說，一個造型，一幅圖畫或一個鏡頭，視覺中心往往不止一個，但必須有主次之分。主要的視覺中心必須最突出 ，最有吸引力，而且只能有一個，其余為輔助的次要的。

對稱與均衡：對稱指以中軸線為中心分成相等兩部分的對應(yīng)關(guān)系，它給人穩(wěn)定、沉靜、端莊、大方的感覺，產(chǎn)生秩序、理性的美。對稱的概念是很廣泛的，從視覺上來講，他是均齊之美；從心理上來講，他是協(xié)調(diào)之美。對稱與平衡產(chǎn)生的視覺效果是不同的，前者端莊靜穆，有統(tǒng)一感、格律感，但如過分均等就易顯單板。后者生動活潑，有運動感和奇險感，但有時因變化過強而易失衡。因此，要注意把對稱、平衡兩種形式有機的結(jié)合起來靈活運用。

“曼珠“私人婚禮定制官方網(wǎng)站的界面設(shè)計遵循了形式美法則，前期網(wǎng)站定位及框架的搭建，通過對網(wǎng)站分析得出適合色調(diào)以及合理的本行業(yè)網(wǎng)站布局。通過在各大素材網(wǎng)站以欣賞網(wǎng)站找尋素材，完成界面框架的細節(jié)完善。利用Photoshop、Dreamever、JavaScript、php等技術(shù)完成一整套私人婚禮定制的官方網(wǎng)站設(shè)計，該網(wǎng)站包括網(wǎng)站首頁、作品展示、服務(wù)內(nèi)容、關(guān)于定制、品牌介紹、婚禮貼士六個界面。通過對網(wǎng)站整體的制作，來熟悉網(wǎng)站整體制作流程。對將來網(wǎng)站上線各個環(huán)節(jié)有所了解。

網(wǎng)站依據(jù)婚紗行業(yè)特點，主要色調(diào)采用飽和度較低的粉色，突顯愛情給人的感覺唯美、純真、浪漫，配合其他色彩，使人感受到婚禮的美妙，同時將修飾元素的顏色調(diào)整和整體相搭，使整體色彩具有統(tǒng)一性，更契合行業(yè)特點。整體設(shè)計采用當(dāng)下最流行的扁平化設(shè)計，整體簡單而不簡約，提高網(wǎng)站加載速度，剔除繁雜元素，在細節(jié)方面采用一些修飾性的元素，讓整個頁面你看起來更加豐富。突顯主題，提高用戶體驗。內(nèi)頁采用留白的設(shè)計方式，以給瀏覽者呼吸想象的空間，讓用戶更能快速識別主題內(nèi)容。

本課題的總體設(shè)計目標是對企業(yè)網(wǎng)站的用色以及整體結(jié)構(gòu)搭建有更深理解。本網(wǎng)站整體實現(xiàn)網(wǎng)站圖片的上傳及內(nèi)容的更新，以及后臺留言系統(tǒng)和數(shù)據(jù)庫的搭建，使網(wǎng)站可以隨時更新圖片文字內(nèi)容。在符合w3c標準之下，將結(jié)構(gòu)更加符合于網(wǎng)站后期推廣與優(yōu)化，通過互聯(lián)網(wǎng)帶來效益，為客戶提高網(wǎng)站轉(zhuǎn)換率。

通過最新的html5+css3技術(shù)將網(wǎng)站制作為可以被瀏覽器解析的文件，完成靜態(tài)頁面的制作。對同行業(yè)網(wǎng)站進行分析，給項目案例網(wǎng)站添加合適的js特效，讓用戶在瀏覽起來可以有比較舒服的人機交互感。之后加入php后臺程序，完善相應(yīng)功能。可以讓網(wǎng)站編輯者隨時更新網(wǎng)站內(nèi)容以及瀏覽者可以使用網(wǎng)站快速聯(lián)系到公司，以便提高網(wǎng)站轉(zhuǎn)換率。分析網(wǎng)站對推廣與優(yōu)化方面的利弊，以便網(wǎng)站能快速以及合理的被各個搜索引擎收錄。后期各瀏覽器兼容測試，以便在各瀏覽器可以完美的運行，讓瀏覽者在瀏覽起來有比較好的用戶體驗。

參考文獻：

［1］張鑫. 《外行學(xué)網(wǎng)頁制作從入門到精通》， 中國青年出版社 2006

［2］（英）加文·安布羅斯.保羅·哈里斯.《文字設(shè)計基礎(chǔ)教程》中國青年出版社

［3］金穎.《新編網(wǎng)頁制作三合一教程》， 中國鐵道出版社2006

［4］http：//blog.sina.com.cn/s/blog_4c528fb0010007fe.html

［5］http：//www.cnki.com.cn/Article/CJFDTotal-JMSJ201103358.htm

Abstract：as the web interface of the Internet， in the continuous development of network， and visual art influence each other， and by the movements of the powerful business permeates the entire social life， formed the unique web interface’s visual culture. This article from the perspective of aesthetics， to the web interface of a comprehensive study of the visual design.

Keywords：web design， aesthetic principles， personal customization

中圖分類號：G218

文獻標識碼：A

文章編號：1671-864X（2016）05-0281-01

作者簡介：龐雨芳（1994—），女，漢族，山東省濟寧市人，本科，單位：山東女子學(xué)院，研究方向：藝術(shù)設(shè)計（數(shù)字媒體方向）。