軟件界面設(shè)計與欣賞教學(xué)課件第二講1

1、User Interface Design and Appreciation 2009.03主講：馬 帥軟件界面設(shè)計與賞析信 息 沒有信息就沒有網(wǎng)站。 信息的形式不只是文字和圖片，網(wǎng)站的視覺設(shè)計也是信息內(nèi)容的一部分。信息 當(dāng)我們確立了網(wǎng)站建設(shè)的目的之后，就要圍繞這個目的對信息進(jìn)行篩選與編整，并按照重要程度有秩序地排放在頁面上。 瀏覽者可以通過信息的編排，辨析內(nèi)容的重要程度，接收到來自界面?zhèn)鬟_(dá)的視覺信息。這樣，建設(shè)方的目的就達(dá)到了。http:/exhibitions/2004/tallbuildings/index_f.html信息與信息空間 網(wǎng)站即是信息的容器，也是信息的載體。 它就像一個放置

2、信息的立體空間，有著很多的單元格，將信息分門別類的放置其中。 從信息的分類、分層、列表、更新可以衍生出網(wǎng)站的欄目、子欄目、文章列表及其它信息功能類別等多種信息屬性。 做為信息的載體，網(wǎng)站的立意、設(shè)計、宣傳、發(fā)展都和信息內(nèi)容息息相關(guān)。信息與信息空間 信息量少，網(wǎng)站就簡單。但是設(shè)計師可以運(yùn)用圖形、文字、多媒體、版式等手段，巧妙地緩解信息過少給瀏覽者帶來的不信任、不確定感。 網(wǎng)站的大小體現(xiàn)出信息量的多少，信息內(nèi)容也是建立網(wǎng)站的參考。/信息與信息空間 信息量多，網(wǎng)站就豐富，但是其信息結(jié)構(gòu)就越復(fù)雜，建設(shè)工程就越浩大。 也許會因?yàn)樾畔⒘窟^于龐大，而無法把幾個門類的信息放在同一個網(wǎng)站中。 于是，韓國率先推出

3、了以多個垂直門戶并列，形成的家族系列，將多個網(wǎng)站通過同一個品牌形象進(jìn)行門戶墻似的商業(yè)推廣方案。http:/ga_menu/EN/home.html信息的形式 常見的信息形式主要有：文字、圖形圖像、動畫、音樂等。 作為傳播信息的載體，文字和圖像承載了90%以上的信息內(nèi)容。 在網(wǎng)站界面上，處理信息形式之間的協(xié)調(diào)性和空間感，使它們呈現(xiàn)出一種可讀性高、易被瀏覽者接受的狀態(tài)，是設(shè)計師最主要的工作。信息之文字 網(wǎng)站的絕大部分信息是使用文字形式進(jìn)行傳達(dá)的。 對于信息量較小的網(wǎng)站，頁面格局創(chuàng)意和文字段落排版設(shè)計可以使界面突破平庸。 把文字設(shè)計與FLASH動畫結(jié)合起來，使文字作為視覺元素活用在創(chuàng)意設(shè)計中，很多精

4、彩的網(wǎng)站就這樣誕生了。 除了正文，網(wǎng)站的導(dǎo)航、標(biāo)題等重要元素，主要是由文字組成的。/v1/http:/#/HOME/文字設(shè)計的補(bǔ)充 字體設(shè)計在商業(yè)美術(shù)設(shè)計領(lǐng)域，屬于較難的課題，它是圖形設(shè)計的一支。 在界面設(shè)計中，不需要設(shè)計者擅長字體設(shè)計，但是其應(yīng)該掌握字體的使用原則。標(biāo)志及口號性標(biāo)語http:/www./vegas/文字設(shè)計的補(bǔ)充 如：以方正字體為例，欄目標(biāo)題是大黑體、文章標(biāo)題是超粗黑體、正文是平黑體。 一般情況下，頁面中的字體不要超過三種，如果希望有更多變化，應(yīng)盡量采用字體相同的字族。文字設(shè)計的補(bǔ)充 除此以外，還可以通過色彩對比、大小對比、疏密對比等方法，加強(qiáng)文字排版的審美效果。 單一頁面上的文字要相互協(xié)調(diào)、強(qiáng)弱有致，使其產(chǎn)生和諧的美感。 圖片是比文字更為直觀的信息類型，也是界面設(shè)計核心要素，多數(shù)視覺作品多是通過優(yōu)秀的圖形設(shè)計和圖片取得成功的。信息之圖片 通過運(yùn)用好的圖形或圖片，可以在第一時間抓住瀏覽者的眼球。/ 但是如果只有重視視覺美感，只有精美的