文化創(chuàng)意類網(wǎng)站UI設(shè)計(jì)與實(shí)現(xiàn)

楊若朦

隨著時代的不斷發(fā)展，科技在不斷進(jìn)步，在信息技術(shù)不斷發(fā)展的今天，我們的網(wǎng)站也開始迅猛發(fā)展。在今天，我們的網(wǎng)站已經(jīng)不僅僅為人們提供相應(yīng)的信息，他已經(jīng)是一個極多種功能于一身的必備用品。網(wǎng)站不僅在我們的學(xué)習(xí)和生活中起著重要的作用。在我們平時的資料查詢和娛樂中也起著至關(guān)重要的作用。在一些文化創(chuàng)意類網(wǎng)站。人們需要依托一些相關(guān)的設(shè)計(jì)來進(jìn)行網(wǎng)站的工作，而UI設(shè)計(jì)就作為我們當(dāng)前高科技發(fā)展下的一個產(chǎn)物，那么今天，我們也是就文化創(chuàng)意類網(wǎng)站UI設(shè)計(jì)與實(shí)現(xiàn)進(jìn)行探討。

在當(dāng)前的信息社會中，網(wǎng)站也分許多種類。有些網(wǎng)站是娛樂性的網(wǎng)站，有些網(wǎng)站是學(xué)習(xí)的網(wǎng)站還有一些，就是我們今天要說的文化創(chuàng)意的網(wǎng)站。每個網(wǎng)站由于自身的定位而導(dǎo)致他們的功能有所差異，這也使得他們每個網(wǎng)站提供的服務(wù)有所不同那么對于文化創(chuàng)意的網(wǎng)站說，我們需要的就是文化的創(chuàng)意以及與時俱進(jìn)的能力，那么，在當(dāng)前我國，信息技術(shù)的迅猛發(fā)展，也帶來了各種高科技手段的出現(xiàn)。例如，UI設(shè)計(jì)就已經(jīng)廣泛應(yīng)用于各類網(wǎng)站的設(shè)計(jì)之中，那么下面，我就自己一些相關(guān)的經(jīng)驗(yàn)，談一談文化創(chuàng)意類網(wǎng)站中，UI設(shè)計(jì)與實(shí)現(xiàn)。

1 認(rèn)識UI

1.1 用戶研究

用戶研究包含兩個方面：一是可用性研究，研究如何提高產(chǎn)品的可用性，使得網(wǎng)站界面的設(shè)計(jì)更容易被人接受、使用和記憶;二是通過可用性的研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。

1.2 交互設(shè)計(jì)

這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計(jì)也由程序員來做，其實(shí)程序員擅長編碼，而不善于與最終用戶交互。在使用網(wǎng)站的過程中最能給瀏覽者留下深刻印象的一定是網(wǎng)站的視覺因素，也就是我們所談?wù)摰木W(wǎng)站界面。

1.3 界面設(shè)計(jì)

在漫長的軟件發(fā)展中，界面設(shè)計(jì)工作一直沒有被重視起來。做界面設(shè)計(jì)的人也被貶義的稱為“美工”。其實(shí)網(wǎng)站界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要買點(diǎn)。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為網(wǎng)站創(chuàng)造賣點(diǎn)。檢驗(yàn)一個界面的標(biāo)準(zhǔn)即不是某個項(xiàng)目開發(fā)組領(lǐng)導(dǎo)的意見也不是項(xiàng)目成員投票的結(jié)果，而是最終用戶的感受。

2 UI界面設(shè)計(jì)的構(gòu)成元素

2.1 文字

不論是在過去還是今天，網(wǎng)站都是由文字元素為主體而構(gòu)成的。由于人們的習(xí)慣，文字閱讀符合人們一貫的閱讀習(xí)慣，所以說文字在我們網(wǎng)眼中起著舉足輕重的作用。其他任何元素都無法去代替他。對于文字來說，人們在進(jìn)行閱讀時可以節(jié)省大量時間，并且可以最快速準(zhǔn)確地捕捉到他們需要的信息，并且文字作為信息一個重要的載體，在網(wǎng)頁設(shè)計(jì)中也起著不可替代的作用。

2.2 圖形

在新媒體不斷更新的，今天，我們的網(wǎng)頁中也開始涌入了大量的圖形和圖片傳統(tǒng)的純文字模式的網(wǎng)頁迎新無法在新人們的注意，如果我們可以在網(wǎng)頁中適當(dāng)?shù)募尤胍恍﹫D形，就能使網(wǎng)頁更加的合理生動，并且非常的形象。合理的運(yùn)用相關(guān)的圖形，可以激發(fā)人們的瀏覽興趣，并且有些圖形可以更加直觀，準(zhǔn)確地表達(dá)出我們網(wǎng)站的主題，從而使我們的網(wǎng)站實(shí)現(xiàn)了文字與圖形的相結(jié)合，增強(qiáng)了我們的網(wǎng)站吸引力。

2.3 色彩

對于一個網(wǎng)站來說，他的色彩也是非常重要的，在當(dāng)前我們的網(wǎng)站中很少說有一個網(wǎng)站，他只使用了一種顏色顏色太少會讓人感覺十分的單調(diào)乏味也讓人沒有繼續(xù)閱讀下去的興趣。我們既然作為文化創(chuàng)意的網(wǎng)站，就要大膽地運(yùn)用色彩時，色彩更加鮮明，但也不能將大量的色彩融入到一個網(wǎng)站之中，這會讓人感覺到太過浮夸和花哨。人們在閱讀的過程中，可能會覺得視力疲勞，從而沒有閱讀下去的興趣。

3 利用UI設(shè)計(jì)進(jìn)行網(wǎng)站界面的功能介紹

3.1 網(wǎng)站的結(jié)構(gòu)布局與視覺感受

對于一個網(wǎng)站來說，它的結(jié)構(gòu)布局與視覺感受是影響這個網(wǎng)站瀏覽量的直接因素，也是這個網(wǎng)站能否被別人關(guān)注的重要點(diǎn)。試想一下如果一個網(wǎng)站的結(jié)構(gòu)布局十分的凌亂，那么人們在閱讀時就會感覺到視覺疲勞和視覺上的厭煩，也就使人們沒有閱讀下去的欲望。所以說，對于網(wǎng)上來說，它的結(jié)構(gòu)布局與視覺感受，是非常重要的。我們作為網(wǎng)站工作者必須要對其給予重視，可以利用相關(guān)的UI設(shè)計(jì)來完善我們的結(jié)構(gòu)布局，使我們的視覺感受呈現(xiàn)出一種令人愉悅的感覺，這也能使我們的網(wǎng)站更具有吸引力。

3.2 網(wǎng)站的logo

網(wǎng)站的logo是網(wǎng)站的標(biāo)志，這好比說，一個學(xué)校的校徽一樣，它代表著這個學(xué)校的精神和風(fēng)貌。那么我們網(wǎng)站，如果設(shè)計(jì)也要符合我們網(wǎng)站主題的要求他代表著我們這個網(wǎng)站的形象，也透露著一些我們該網(wǎng)站的主要信息。那么我們就需要利用相關(guān)的UI設(shè)計(jì)，來實(shí)現(xiàn)我們網(wǎng)站Logo的設(shè)計(jì)，使我們的logo能夠有好的精神風(fēng)貌，從而更好地吸引讀者來進(jìn)行閱讀。

3.3廣告

每個網(wǎng)站的頁面都會呈現(xiàn)企業(yè)或公司的宣傳廣告或是公司理念，特別是商業(yè)性質(zhì)的網(wǎng)站會有關(guān)于產(chǎn)品或服務(wù)的廣告，這些廣告給人以一種直觀、易懂的畫面，從整體上網(wǎng)站頁面的動感，從而吸引瀏覽者對網(wǎng)站的關(guān)注;網(wǎng)站內(nèi)部的圖文信息也起著非常重要的作用。

以上，就是我對文化創(chuàng)意類網(wǎng)站UI設(shè)計(jì)與實(shí)現(xiàn)提出的幾點(diǎn)我自己的建議。作為網(wǎng)站的工作者，要與時俱進(jìn)，不斷提升網(wǎng)站的競爭力，同時作為網(wǎng)站工作者，也要根據(jù)自身網(wǎng)站的主題來選擇合適的UI設(shè)計(jì)。好的UI設(shè)計(jì)，也可以提高網(wǎng)站的競爭力，吸引人們的閱讀興趣。

（作者單位：西安文理學(xué)院）