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

可(ke)視(shi)界面(mian)(mian)設計(ji)就是(shi)(shi)讓用戶(hu)能夠在他們(men)的(de)(de)(de)(de)電(dian)子設備屏幕上看到你的(de)(de)(de)(de)界面(mian)(mian)的(de)(de)(de)(de)物(wu)理表(biao)現的(de)(de)(de)(de)過(guo)程(cheng)。可(ke)視(shi)界面(mian)(mian)設計(ji)的(de)(de)(de)(de)主要(yao)目(mu)的(de)(de)(de)(de)是(shi)(shi)通過(guo)精心制作合適的(de)(de)(de)(de)可(ke)視(shi)界面(mian)(mian)，讓用戶(hu)理解應用程(cheng)序的(de)(de)(de)(de)用途(tu)以及如(ru)何操(cao)作應用程(cheng)序。

可(ke)(ke)視(shi)界(jie)面(mian)(mian)設計由一(yi)系列過程組(zu)成。選擇合(he)適的(de)類型、對齊每個元(yuan)素(su)、將(jiang)不同元(yuan)素(su)以一(yi)種有意義的(de)方式組(zu)合(he)起來，用(yong)戶界(jie)面(mian)(mian)中不同的(de)功(gong)能和特(te)性借此傳遞給了用(yong)戶。下(xia)面(mian)(mian)就是可(ke)(ke)視(shi)界(jie)面(mian)(mian)設計中的(de)一(yi)些(xie)主(zhu)要元(yuan)素(su)。

1.2.1 布局和(he)定位

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

1.2.2 形(xing)狀(zhuang)和尺寸(cun)

形狀通常用(yong)(yong)來(lai)區(qu)(qu)分元(yuan)素(su)。例如，通過(guo)改變圖(tu)標(biao)的(de)(de)外形，能(neng)夠讓它們被更快(kuai)、更容易地辨認出來(lai)。尺(chi)寸經(jing)常用(yong)(yong)來(lai)表示(shi)重要性，越(yue)大的(de)(de)元(yuan)素(su)就越(yue)重要。尺(chi)寸也可(ke)(ke)(ke)以改變可(ke)(ke)(ke)點(dian)擊(ji)(ji)控(kong)件的(de)(de)可(ke)(ke)(ke)用(yong)(yong)性。費茨定律告訴我(wo)們，一個可(ke)(ke)(ke)點(dian)擊(ji)(ji)區(qu)(qu)域(yu)(yu)越(yue)大，用(yong)(yong)戶將鼠標(biao)移動到該區(qu)(qu)域(yu)(yu)就更快(kuai)。把經(jing)常使用(yong)(yong)的(de)(de)按鈕做大，不(bu)僅(jin)讓用(yong)(yong)戶的(de)(de)點(dian)擊(ji)(ji)變得更容易，同時提升(sheng)了點(dian)擊(ji)(ji)率。

1.2.3 顏(yan)色

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

創(chuang)造一個(ge)產品(pin)的(de)(de)(de)外觀(guan)和感(gan)覺并不(bu)是可(ke)視(shi)界面設(she)計的(de)(de)(de)主(zhu)要目的(de)(de)(de)，而(er)僅僅是一個(ge)部分(fen)。最主(zhu)要的(de)(de)(de)目的(de)(de)(de)還(huan)是溝通(tong)：通(tong)過溝通(tong)的(de)(de)(de)行為幫助用戶(hu)理(li)解應(ying)用程序。

在(zai)使(shi)(shi)用(yong)顏(yan)(yan)色(se)(se)的(de)時(shi)候要(yao)記住兩件事(shi)。首先，不(bu)同(tong)文化(hua)中(zhong)顏(yan)(yan)色(se)(se)代表(biao)的(de)含(han)(han)義有所不(bu)同(tong)，所以確保(bao)你(ni)的(de)目標用(yong)戶(hu)能夠(gou)識解你(ni)所選顏(yan)(yan)色(se)(se)的(de)含(han)(han)義。其次，不(bu)要(yao)忘(wang)記色(se)(se)盲用(yong)戶(hu)，在(zai)區(qu)分不(bu)同(tong)元(yuan)素(su)時(shi)，多(duo)花一(yi)些心思，使(shi)(shi)用(yong)一(yi)些顏(yan)(yan)色(se)(se)以外的(de)技巧，例(li)如(ru)一(yi)個圖(tu)表(biao)中(zhong)的(de)長(chang)條。如(ru)果用(yong)戶(hu)是(shi)色(se)(se)盲，他(ta)們就不(bu)能區(qu)分特定的(de)顏(yan)(yan)色(se)(se)，多(duo)數色(se)(se)盲患者(zhe)都(dou)是(shi)紅綠(lv)色(se)(se)盲，所以你(ni)需要(yao)使(shi)(shi)用(yong)其他(ta)的(de)方法，例(li)如(ru)形(xing)狀、材質等。

1.2.4 對比(bi)

一個(ge)元(yuan)(yuan)素(su)周圍(wei)的(de)黑(hei)暗或者(zhe)明亮(liang)將會(hui)對(dui)元(yuan)(yuan)素(su)在界面上(shang)的(de)可(ke)用性(xing)產生影響，這其實(shi)就是(shi)對(dui)比(bi)度(du)在起作用。白色背(bei)景中(zhong)的(de)黑(hei)色文(wen)本具有(you)高對(dui)比(bi)度(du)，比(bi)起白色背(bei)景中(zhong)的(de)灰色文(wen)字，更容(rong)易辨認和閱(yue)讀(du)。調低(di)一些元(yuan)(yuan)素(su)的(de)對(dui)比(bi)度(du)，將它們(men)融入到背(bei)景當中(zhong)，用戶就能夠(gou)區分出(chu)重要(yao)元(yuan)(yuan)素(su)和次要(yao)元(yuan)(yuan)素(su)。

1.2.5 材質

在(zai)交(jiao)互設計中有一(yi)(yi)個概(gai)念叫(jiao)做Affordance。Affordance 是(shi)(shi)一(yi)(yi)種能(neng)夠讓(rang)用戶明白如(ru)何使(shi)用一(yi)(yi)種東(dong)西的(de)特質。以(yi)把(ba)手(shou)為例，做一(yi)(yi)個單向門(men)(men)的(de)最好(hao)辦法就(jiu)是(shi)(shi)在(zai)拉(la)的(de)這(zhe)一(yi)(yi)面安裝一(yi)(yi)個把(ba)手(shou)，在(zai)推的(de)那(nei)一(yi)(yi)面裝一(yi)(yi)個平坦(tan)的(de)手(shou)柄擋板(ban)。看(kan)到門(men)(men)，人(ren)們(men)自然就(jiu)知道什么時(shi)(shi)候拉(la)、什么時(shi)(shi)候推，因為門(men)(men)把(ba)手(shou)已經告訴(su)了人(ren)們(men)如(ru)何去使(shi)用。也(ye)就(jiu)是(shi)(shi)

說，提供了(le)最(zui)好的互動方式，來讓用戶集(ji)中精力于正確的一(yi)個上面。

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