• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 頁(yè)面表達(dá)常用方式	共有1013人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級(jí)：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2020/4/2 12:55:00 樓　主 頁(yè)面表達(dá)常用方式 　　《頁(yè)面表達(dá)常用方式》是整個(gè)“web交互設(shè)計(jì)方法”中的一部分： 　　設(shè)計(jì)師在設(shè)計(jì)頁(yè)面時(shí)，應(yīng)該在頁(yè)面上建立許多視覺層次，引導(dǎo)用戶的視覺焦點(diǎn)。把用戶的注意力吸引到最重要的元素上，然后才把視線引導(dǎo)到其他重要程度次要的信息上。這樣便于用戶快捷迅速地找到自己所需，更好的完成閱讀、瀏覽任務(wù)。這里介紹幾種頁(yè)面表達(dá)的常用方式。 　　一、頁(yè)面的瀏覽順序 　　對(duì)用戶掃描頁(yè)面的時(shí)候進(jìn)行視線跟蹤，這叫做“視覺流”。好的設(shè)計(jì)能夠讓人們按照順暢的次序沿著它向前流動(dòng)。人們一般的習(xí)慣是從左到右、從上到下。 　　從左至右，從上到下：長(zhǎng)期以來，用戶已經(jīng)習(xí)慣了從左至右、從上到下的閱讀習(xí)慣，所以頁(yè)面設(shè)計(jì)的時(shí)候我們需要讓瀏覽者從一個(gè)方向上看文字，用戶的視線從左至右、從上到下的，這樣做會(huì)更快更有效。不要讓文字排列成這樣： 　　這樣的排列也可以，仍是從左至右、從上到下： 　　按鈕要放在右邊： 　　左上角優(yōu)先：下圖中，亮度越高、越集中的地方，說明被關(guān)注的越多： 　　從上到下，從左到右是默認(rèn)的視覺流方向。強(qiáng)烈的焦點(diǎn)會(huì)首先吸引眼球，然后才是次要信息的。 　　所以，在瀏覽順序上靠前、靠上的位置，即先被看到的位置，是容易被關(guān)注和記憶的地方，即“左上角優(yōu)先”。因?yàn)槿粘Ｖ腥藗兺鶝]有充足的時(shí)間瀏覽網(wǎng)頁(yè)，或在很快地獲取需要的資訊后即停止瀏覽或轉(zhuǎn)連到其它網(wǎng)頁(yè)，所以左上角常常成為視覺焦點(diǎn)。 　　對(duì)齊 　　在內(nèi)容排版的設(shè)計(jì)中，把內(nèi)容右對(duì)齊，會(huì)形成一種良好的雙重邊界，該邊界沿著這一組對(duì)象的中間向下延伸（利用了格式塔原則——連續(xù)性原則），這樣帶來的好處是加強(qiáng)了邊界引導(dǎo)讀者的眼光平滑向下延伸，有助于形成良好的視覺流。如下圖： 　　在表單設(shè)計(jì)中，也是如此。能夠使操作區(qū)域?qū)R，將大大提升用戶的完成任務(wù)的效率。但是對(duì)齊是以左對(duì)齊還是右對(duì)齊也要引起注意。據(jù)研究表明，標(biāo)簽和輸入框之間的空白區(qū)域加重了用戶的認(rèn)知負(fù)擔(dān)（cognitiveloading），用戶必須花相當(dāng)多的時(shí)間以便在標(biāo)簽和輸入框之間移動(dòng)視線： 　　操作過程中，用戶更關(guān)注輸入框本身，而不是標(biāo)簽。用戶眼睛關(guān)注點(diǎn)的轉(zhuǎn)移速度是非常快的，并且即使不從頭閱讀標(biāo)簽也能明白它的意思。但人們習(xí)慣于從左至右的書寫，所以這種右對(duì)齊的布局給用戶造成了細(xì)微的閱讀障礙： 　　而以下這種擺放形式的好處就是，用戶可以一眼就看到標(biāo)簽和它對(duì)應(yīng)的輸入框，而且不用擔(dān)心用戶閱讀標(biāo)簽帶來的額外負(fù)擔(dān)： 　　二、大字更突出 　　文字的主要功能是在視覺傳達(dá)中向大眾傳達(dá)作者的意圖和各種信息，要達(dá)到這一目的必須考慮文字的整體訴求，給人以清晰的視覺印象。因此，設(shè)計(jì)中的文字應(yīng)避免繁雜零亂，使人易認(rèn)，易懂，切忌為了設(shè)計(jì)而設(shè)計(jì)，忘記了文字設(shè)計(jì)的根本目的是為了更好、更有效的傳達(dá)作者的意圖，表達(dá)設(shè)計(jì)的主題和構(gòu)想意念。 　　在頁(yè)面文字的處理上，層次關(guān)系很重要。我們的眼睛常常被吸引到厚重而又對(duì)比強(qiáng)烈的圖形上面，同時(shí)大的、加粗的字體表現(xiàn)了它的重要性和主題思想。字體對(duì)比中，字體越大越粗，就表示該部分內(nèi)容越重要。對(duì)標(biāo)題來說，一般都使用一種突出的字體和其他內(nèi)容區(qū)別開來——加粗、加寬、加大字號(hào)、強(qiáng)烈的顏色等（白紙黑字，黑色字體與白色頁(yè)面對(duì)比是最強(qiáng)烈，反之亦然）。其次是普通字體，這些字體是對(duì)主題進(jìn)行進(jìn)一步的說明。而指示和注釋部分的小字重要性更次之，告訴了我們：你也許想閱讀這些內(nèi)容，但是沒有看到也沒關(guān)系。同時(shí)要注意，所有圖片中的文本都應(yīng)該清晰易讀。 奈薇建站網(wǎng)致力于，讓每個(gè)中國(guó)人、每個(gè)中國(guó)企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁(yè)

上一頁(yè) / 下一頁(yè)   當(dāng)前第頁(yè)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶