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

?

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

［3］金穎.《新編網(wǎng)頁(yè)制作三合一教程》， 中國(guó)鐵道出版社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

中圖分類號(hào)：G218

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1671-864X（2016）05-0281-01

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