99久久精品免费观看国产_久久无码人妻一区二区三区_50岁熟妇的呻吟声对白_毛很浓密超多黑毛的少妇

可視界面設計就是(shi)讓(rang)用(yong)(yong)戶能夠在他(ta)們(men)的(de)電子設備(bei)屏幕上看到你的(de)界面的(de)物理表現的(de)過(guo)(guo)程(cheng)。可視界面設計的(de)主(zhu)要(yao)目的(de)是(shi)通過(guo)(guo)精心(xin)制作(zuo)合適的(de)可視界面，讓(rang)用(yong)(yong)戶理解應(ying)用(yong)(yong)程(cheng)序的(de)用(yong)(yong)途以(yi)及如何操作(zuo)應(ying)用(yong)(yong)程(cheng)序。

可視(shi)界(jie)面設(she)計由一系列過程組(zu)成。選(xuan)擇合適的類型、對齊每個(ge)元素(su)、將不同元素(su)以一種有意(yi)義的方式組(zu)合起來，用戶(hu)界(jie)面中不同的功能和特性(xing)借(jie)此(ci)傳遞(di)給了(le)用戶(hu)。下面就是可視(shi)界(jie)面設(she)計中的一些主要元素(su)。

1.2.1 布局(ju)和(he)定(ding)位

布局規定了界面(mian)中所有可視元素的(de)(de)結構。通過(guo)元素之間(jian)的(de)(de)距離(li)，還確(que)定了元素之間(jian)的(de)(de)層級和相互關(guan)系(xi)。元素距離(li)比較近表(biao)明它們之間(jian)存(cun)在相互關(guan)聯(lian)，例(li)如圖(tu)標下面(mian)的(de)(de)標簽(qian)。定位也能改變整個界面(mian)的(de)(de)流(liu)暢性。例(li)如將標簽(qian)放在文(wen)本輸(shu)入(ru)框的(de)(de)上面(mian)，而不是左邊，這(zhe)樣我們就可以方便地從(cong)上往下掃描所有元素，而不需要先(xian)看左邊，然后再找右(you)邊哪個輸(shu)入(ru)框與其對應(ying)。

1.2.2 形狀和尺寸

形(xing)狀(zhuang)通常(chang)(chang)用(yong)來區分元素。例如，通過改(gai)變(bian)圖標的(de)外形(xing)，能夠讓它(ta)們被更(geng)快(kuai)、更(geng)容(rong)易地辨(bian)認出(chu)來。尺寸經常(chang)(chang)用(yong)來表示重要(yao)性，越大(da)的(de)元素就越重要(yao)。尺寸也可(ke)以改(gai)變(bian)可(ke)點擊(ji)(ji)控件的(de)可(ke)用(yong)性。費茨定律告訴我們，一個可(ke)點擊(ji)(ji)區域(yu)(yu)越大(da)，用(yong)戶將鼠標移(yi)動到該區域(yu)(yu)就更(geng)快(kuai)。把經常(chang)(chang)使用(yong)的(de)按鈕做大(da)，不僅讓用(yong)戶的(de)點擊(ji)(ji)變(bian)得(de)更(geng)容(rong)易，同(tong)時提升(sheng)了(le)點擊(ji)(ji)率。

1.2.3 顏色(se)

很多地方都用到顏色(se)(se)(se)(se)。一種顏色(se)(se)(se)(se)在與它反差強烈(lie)的(de)(de)背景色(se)(se)(se)(se)下是能夠吸引人的(de)(de)注意（比如(ru)，在白(bai)色(se)(se)(se)(se)背景中的(de)(de)一個亮黃色(se)(se)(se)(se)警示箱）。不同的(de)(de)顏色(se)(se)(se)(se)可(ke)以(yi)(yi)表(biao)(biao)示不同的(de)(de)意義。例如(ru)，紅色(se)(se)(se)(se)經常用來(lai)(lai)表(biao)(biao)示危險或(huo)停(ting)止（交(jiao)通燈里的(de)(de)紅燈），所以(yi)(yi)最好用紅色(se)(se)(se)(se)來(lai)(lai)表(biao)(biao)示錯誤信(xin)息。而綠色(se)(se)(se)(se)一般用來(lai)(lai)表(biao)(biao)示成(cheng)功或(huo)者繼續進行的(de)(de)信(xin)號，所以(yi)(yi)應當用在表(biao)(biao)示這類信(xin)息的(de)(de)內容上(shang)。顏色(se)(se)(se)(se)也可(ke)以(yi)(yi)用來(lai)(lai)突出顯(xian)示一些(xie)關系(xi)，例如(ru)在編輯的(de)(de)時候，根據按鈕的(de)(de)關系(xi)，以(yi)(yi)不同顏色(se)(se)(se)(se)高亮顯(xian)示，來(lai)(lai)幫(bang)助用戶識別(bie)。

創造一個產品(pin)的(de)外觀和(he)感覺并不是(shi)可視界面(mian)設計(ji)的(de)主(zhu)要(yao)目(mu)的(de)，而僅僅是(shi)一個部分(fen)。最主(zhu)要(yao)的(de)目(mu)的(de)還是(shi)溝通：通過溝通的(de)行(xing)為(wei)幫助用戶理解應用程序。

在使(shi)(shi)用顏色(se)(se)(se)的(de)時(shi)(shi)候要(yao)記(ji)住兩件(jian)事。首(shou)先，不(bu)同文(wen)化中顏色(se)(se)(se)代表的(de)含(han)義(yi)有所(suo)(suo)不(bu)同，所(suo)(suo)以(yi)(yi)確保你(ni)的(de)目(mu)標用戶(hu)能(neng)夠識解你(ni)所(suo)(suo)選顏色(se)(se)(se)的(de)含(han)義(yi)。其(qi)次，不(bu)要(yao)忘記(ji)色(se)(se)(se)盲(mang)用戶(hu)，在區分不(bu)同元素時(shi)(shi)，多(duo)花一些心(xin)思(si)，使(shi)(shi)用一些顏色(se)(se)(se)以(yi)(yi)外的(de)技巧，例如一個圖表中的(de)長條。如果(guo)用戶(hu)是色(se)(se)(se)盲(mang)，他們就不(bu)能(neng)區分特(te)定的(de)顏色(se)(se)(se)，多(duo)數色(se)(se)(se)盲(mang)患者(zhe)都是紅綠色(se)(se)(se)盲(mang)，所(suo)(suo)以(yi)(yi)你(ni)需要(yao)使(shi)(shi)用其(qi)他的(de)方法，例如形(xing)狀(zhuang)、材質等。

1.2.4 對比

一個元素周圍的(de)(de)黑暗或(huo)者明(ming)亮將會對元素在界面(mian)上的(de)(de)可(ke)用(yong)(yong)性產生影響，這其實就(jiu)是對比度(du)在起作(zuo)用(yong)(yong)。白色(se)背景(jing)中的(de)(de)黑色(se)文(wen)本具有高(gao)對比度(du)，比起白色(se)背景(jing)中的(de)(de)灰色(se)文(wen)字，更(geng)容易辨認和(he)閱讀。調低一些元素的(de)(de)對比度(du)，將它們融入(ru)到背景(jing)當中，用(yong)(yong)戶就(jiu)能(neng)夠區分(fen)出重要元素和(he)次要元素。

1.2.5 材質

在交互設計中有一(yi)個(ge)概念叫做(zuo)(zuo)Affordance。Affordance 是一(yi)種(zhong)能夠(gou)讓用(yong)戶明白(bai)如何使用(yong)一(yi)種(zhong)東西(xi)的特(te)質。以把手(shou)(shou)為(wei)(wei)例(li)，做(zuo)(zuo)一(yi)個(ge)單向門(men)的最好辦法就是在拉的這(zhe)一(yi)面(mian)安裝一(yi)個(ge)把手(shou)(shou)，在推的那一(yi)面(mian)裝一(yi)個(ge)平坦(tan)的手(shou)(shou)柄擋(dang)板。看到門(men)，人們自然就知道什(shen)么時候拉、什(shen)么時候推，因為(wei)(wei)門(men)把手(shou)(shou)已經告訴了人們如何去使用(yong)。也(ye)就是

說，提供了最好的(de)互(hu)動(dong)方式，來讓用戶集中(zhong)精(jing)力于(yu)正確(que)的(de)一個上面。

我們可(ke)(ke)以(yi)(yi)把這(zhe)(zhe)個主意應用(yong)(yong)(yong)(yong)到用(yong)(yong)(yong)(yong)戶(hu)界面設計中(zhong)，在屏(ping)幕(mu)上(shang)使用(yong)(yong)(yong)(yong)材質。例(li)如，在可(ke)(ke)視(shi)界面中(zhong)一些(xie)元(yuan)素(su)是可(ke)(ke)以(yi)(yi)拖拽的，就像在一個窗(chuang)口的四角，我們可(ke)(ke)以(yi)(yi)對這(zhe)(zhe)個窗(chuang)口進行縮放(fang)。為(wei)了讓用(yong)(yong)(yong)(yong)戶(hu)知道可(ke)(ke)以(yi)(yi)點擊、拖拽它，通常會使用(yong)(yong)(yong)(yong)一些(xie)粗糙(cao)介質的突(tu)起。現(xian)實生活中(zhong)，那些(xie)可(ke)(ke)以(yi)(yi)用(yong)(yong)(yong)(yong)手(shou)拉的物品通常會具有比(bi)較粗糙(cao)的材質。這(zhe)(zhe)個主意被轉移到了屏(ping)幕(mu)上(shang)，不同(tong)的是我們不再用(yong)(yong)(yong)(yong)手(shou)指，而是用(yong)(yong)(yong)(yong)鼠標來進行拖拽。