深圳市天誠鑫網(wǎng)絡(luò )有限公司

天誠鑫財務(wù) | 天誠鑫廣告 | 天誠鑫網(wǎng)絡(luò ) | 網(wǎng)站地圖

合作共贏(yíng)、快速高效、優(yōu)質(zhì)的網(wǎng)站建設提供商

深圳網(wǎng)站建設 服務(wù)熱線(xiàn):4000-168-752

天誠鑫網(wǎng)絡(luò ): 天誠鑫網(wǎng)絡(luò )是一家專(zhuān)業(yè)深圳網(wǎng)站建設公司,五年的設計經(jīng)驗及各行業(yè)千余成功案例值得您的信賴(lài),我們的理念是用實(shí)惠的價(jià)格、高效的建站速度完成質(zhì)優(yōu)的網(wǎng)站建設!

行業(yè)新聞

高端網(wǎng)站建設優(yōu)秀視覺(jué)與交互設計的三要素

日期:2013-10-14

我們僅從高端網(wǎng)站建設基礎層面來(lái)看,在我看來(lái)優(yōu)秀的視覺(jué)交互設計有三個(gè)部分組成,或者說(shuō)需要滿(mǎn)足三個(gè)要素。每個(gè)部分的滿(mǎn)足程度將直接影響整體作品的質(zhì)量。如果都滿(mǎn)足了,作品就達到了最好的境界;如果只是一兩個(gè)滿(mǎn)足了,作品質(zhì)量也就馬馬虎虎;如果沒(méi)有一個(gè)滿(mǎn)足,那東西肯定稀爛。深圳網(wǎng)站建設分析為這三個(gè)部分便是: 
•清晰的界面元素 
•元素間的關(guān)聯(lián) 
•作品各部分的組成效果 
清晰的界面元素指的是每個(gè)元素都清楚的表達了自己的功能和可交互性(或者affordances,譯注:可以理解為”可供性”,在此推薦ID公社的一篇文章)。這些元素是否容易看到,其中文本是否易于辨別?按鈕是否看起來(lái)就像按鈕,并且用戶(hù)是否知道它可以點(diǎn)擊(可以交互)?列表看起來(lái)是不是像列表,且用戶(hù)是否明白這些項的類(lèi)型?控件喊的圖標(icon)是否有辨讀性?每一個(gè)交互元素,都以不同的清晰度呈現給用戶(hù)它們各自能夠做什么以及如何使用。 
元素間的關(guān)聯(lián)是指類(lèi)似于元素組合起來(lái)將內容組織成一個(gè)有一定含義的單元,或者元素將對比、尺寸的變化來(lái)構建一種視覺(jué)層級,以此來(lái)引導用戶(hù)的注意。文本中有標題,或者列表緊靠這標題,就是為了讓其意有所指;按鈕中一定會(huì )有的文本是將其作為標注從而讓按鈕易于理解;一組有關(guān)聯(lián)的項必須很明確的和其他無(wú)關(guān)聯(lián)的項隔開(kāi),就是為了讓其能夠理解為它們是一組;最重要的控件和內容一定要讓它們作為首要元素脫穎于頁(yè)面,等等。設計師通過(guò)使用顏色、對比和空間來(lái)組織界面,以此讓用戶(hù)很容易地交互與理解。 
最后,我們將各部分有機地結合起來(lái)。將界面作為一個(gè)有機的整體而不是獨立部分呈現會(huì )給用戶(hù)美感的印象。因為單個(gè)元素在扮演各自的角色的同時(shí)以某種有意義的方式和其他元素連接,所有元素結合起來(lái)可以作為一個(gè)單元,一個(gè)統一的界面。建筑師裝飾單獨的窗戶(hù)、門(mén)廊、墻壁以及屋頂并這些有機組合為一間房間,而訪(fǎng)客則會(huì )將這些部分作為整體參觀(guān)和體驗,并會(huì )對這些效果做出評價(jià)。統一的界面將前面的兩個(gè)部分以一種巧妙地有特定目的方式結合,這樣也就達到美感的效果1。 
上面的解釋?zhuān),為什么許多網(wǎng)站的可用性很好,界面卻很丑陋。設計師只關(guān)心可用性而不管美感,或許是確保了每個(gè)元素能夠清楚的表達其功能;或許是沒(méi)有使用icon,取而代之的是清晰的文本標簽;或許是為理解力低的用戶(hù)增加了引導的描述;或許使用了明顯的對比巨大的字體;或許將頁(yè)面根據不同意義分組依次來(lái)吸引眼球到重要的內容,也就導致了整體界面完全缺乏美感,使整個(gè)界面看起來(lái)像一個(gè)造型丑陋功能完備的聯(lián)合收割機而不是一個(gè)有著(zhù)優(yōu)雅的流線(xiàn)型外殼的小轎車(chē)。明晰的元素并不能確保整體界面的美觀(guān)。要做到美觀(guān),頁(yè)面上所有不同的元素需要和諧連接在一起,這樣才能使之變成一個(gè)有機的整體性的界面。 
于此相反的是,許多好的看的站點(diǎn)的易用性很差。當你只想要建立一個(gè)整體美觀(guān)的效果,讓元素協(xié)調而統一就不難實(shí)現,F今的許多設計師喜歡使用蒙著(zhù)的,淺灰色的字體,但這些字體通?勺x性很差。他們這樣做的原因是,他們將文本僅僅是作為構建整體頁(yè)面的基礎材料而不是需要著(zhù)重處理的關(guān)鍵元素。他們使用漂亮的大字標題,有趣的大圖(hero image),新穎的菜單作為站點(diǎn)的全部組合,然后才順便處理下文字,為了不影響他們美麗的設計,又讓字體變得又小又淺,最后為了美觀(guān)犧牲了可用性。 
另一個(gè)形式大于功能的例子是,使用意思不明確的icon。icon比文本標簽更小也更優(yōu)雅,單從可用性考慮,它們卻不是一個(gè)很好的考慮。人們通常不是很清楚icon代表了什么,還需要花時(shí)間去鼠標移到按鈕來(lái)閱讀工具提示(tooltip),除非這些icon非常普遍。icon大都被設計成有著(zhù)相同長(cháng)寬的方形圖案,對視覺(jué)設計師來(lái)說(shuō)它們是構建作品的理想選擇。設計師玩玩會(huì )沉迷于icon所帶來(lái)的視覺(jué)效果,因為文本標簽尺寸不可控轉而擁抱簡(jiǎn)介的優(yōu)雅的icon,同樣為了美觀(guān)犧牲了可用性。 
這三點(diǎn)的順序也非常重要。一個(gè)華而不實(shí)的作品比不上一個(gè)丑陋卻好用的作品(除非,它的功能就是變得美觀(guān))。因此我們首先得保證所有界面元素都是明晰的,然后確保元素之間的有著(zhù)良好的關(guān)聯(lián),最后再確保作品是一個(gè)美觀(guān)的整體。所有這些過(guò)程都是同時(shí)發(fā)生——例如,你在裝飾單個(gè)元素的同時(shí)你會(huì )創(chuàng )建它們之間的關(guān)聯(lián),同時(shí)一開(kāi)始你便確定了你最后想要的達到的視覺(jué)效果——但是,這三個(gè)點(diǎn)的完成順序卻影響了最終作品的是否表現的恰如其分。 
最終,當所有的三點(diǎn)都很好的實(shí)現,所有的元素都很清晰,元素間定義了良好的關(guān)聯(lián),整體構造成一種栩栩如生的審美形象,我們便完成了一個(gè)好看而又好用的界面2;一個(gè)能夠表達自己功能同時(shí)有著(zhù)統一的樣式和視覺(jué)印象的界面。 
有時(shí)候或許會(huì )這樣,當我們完成第二點(diǎn)的時(shí)候第三點(diǎn)恰好也滿(mǎn)足了——例如,一旦你解決了元素將的關(guān)聯(lián),和諧的整體自然而然的形成了。是的,一種協(xié)調的感覺(jué)達到了,但是我們想要的不僅僅是這些。我們在最后一步需要達到的是一種美感的效果,是一種設計師想要達到的視覺(jué)樣式。舉個(gè)例子,許多的新聞網(wǎng)站,它們都有著(zhù)十分相同的內容單元(最新標題列表,鏈接部分,等等),并且各自都有著(zhù)明晰的定義,但是每一個(gè)網(wǎng)站最終都需要與其他的區別開(kāi)來(lái)——你有機會(huì )組合你的作品讓人欲罷不能。 
我的意思是美麗優(yōu)雅和諧的感覺(jué),而這些感覺(jué)來(lái)自于良好組織的設計,設計中的每個(gè)元素服務(wù)于其他的一切卻并不出格。有些設計可以通過(guò)增加樣式和裝飾來(lái)錦上添花,有些就不行,就需要保持其簡(jiǎn)介的形式。
優(yōu)秀網(wǎng)站建設是需要建立在細節、需求、溝通的基礎至上的,完善每一個(gè)元素, 才能真正打造成功的深圳網(wǎng)站建設盈利型網(wǎng)站,才會(huì )真正的體現出網(wǎng)站的互動(dòng)設計價(jià)值出來(lái)。

瀏覽:

關(guān)于我們|注冊域名|虛擬主機|企業(yè)郵箱|400電話(huà)|付款方式|網(wǎng)站備案|網(wǎng)站地圖

本司專(zhuān)業(yè)提供深圳網(wǎng)站建設,深圳網(wǎng)站制作,深圳網(wǎng)站設計,深圳SEO優(yōu)化服務(wù) 電話(huà):0755-61901500 傳真:0755-27876716

版權所有 © 深圳市天誠鑫網(wǎng)絡(luò )有限公司 地址:深圳市寶安區西鄉街道新安五路麒景龍基大廈404室粵ICP備13066084號