 |
 |
時(shí)間：2013-04-27 來(lái)源：合肥網(wǎng)hfw.cc 作者：hfw.cc 我要糾錯(cuò)
《頁(yè)面表達(dá)常用方法》是全部“web交互設(shè)計(jì)方式”中的一局部：
設(shè)計(jì)師在設(shè)計(jì)頁(yè)面時(shí),，應(yīng)當(dāng)在頁(yè)面上樹(shù)立很多視覺(jué)檔次，領(lǐng)導(dǎo)用戶的視覺(jué)焦點(diǎn)。把用戶的留神力吸引到最重要的元素上,，而后才把視線引誘到其余重要水平次要的信息上。這樣便于用戶快捷敏捷地找到本人所需,，更好的實(shí)現(xiàn)瀏覽,、瀏覽義務(wù)。這里先容多少種頁(yè)面抒發(fā)的常用方法,。
二,、大字更凸起
文字的重要功效是在視覺(jué)傳達(dá)中向民眾轉(zhuǎn)達(dá)作者的用意和各種信息，要到達(dá)這一目標(biāo)必需斟酌文字的整體訴求,，給人以清楚的視覺(jué)印象,。因而，設(shè)計(jì)中的文字應(yīng)防止復(fù)雜零亂,，使人易認(rèn),，易懂,網(wǎng)站制作，切忌為了設(shè)計(jì)而設(shè)計(jì),，忘卻了文字設(shè)計(jì)的基本目標(biāo)是為了更好,、更有效的轉(zhuǎn)達(dá)作者的用意，表白設(shè)計(jì)的主題和構(gòu)想意念,。
在頁(yè)面文字的處置上,，檔次關(guān)聯(lián)很主要。咱們的眼睛經(jīng)常被吸引到厚重而又對(duì)照強(qiáng)烈的圖形上面,，同時(shí)大的,、加粗的字體表示了它的重要性和主題思維。字體對(duì)照中，字體越大越粗,，就表現(xiàn)該局部?jī)?nèi)容越主要,。對(duì)題目來(lái)說(shuō)，個(gè)別都應(yīng)用一種凸起的字體跟其余內(nèi)容差別開(kāi)來(lái)——加粗,、加寬,、加大字號(hào)、強(qiáng)烈的色彩等（白紙黑字,，玄色字體與白色頁(yè)面比較是最強(qiáng)烈,，反之亦然）。其次是一般字體,，這些字體是對(duì)主題進(jìn)前進(jìn)一步的闡明,。而唆使跟解釋部門(mén)的小字重要性更次之，告知了咱們：你興許想瀏覽這些內(nèi)容,，然而不看到也不要緊,。同時(shí)要留神，所有圖片中的文本都應(yīng)當(dāng)清楚易讀,。
一,、頁(yè)面的瀏覽次序
對(duì)用戶掃描頁(yè)面的時(shí)候進(jìn)行視線跟蹤，這叫做“視覺(jué)流”,。好的設(shè)計(jì)可能讓人們依照順暢的順序沿著它向前流動(dòng),。人們普通的習(xí)慣是從左到右、從上到下,。
從左至右,，從上到下：長(zhǎng)期以來(lái)，用戶已經(jīng)習(xí)慣了從左至右,、從上到下的閱讀習(xí)慣,，所以頁(yè)面設(shè)計(jì)的時(shí)候我們須要讓瀏覽者從一個(gè)方向上看文字，用戶的視線從左至右,、從上到下的,，這樣做會(huì)更快更有效。不要讓文字排列成這樣：
這樣的排列也能夠,，還是從左至右,、從上到下：
按鈕要放在右邊：
左上角優(yōu)先：下圖中，亮度越高,、越集中的處所,，解釋被關(guān)注的越多：
從上到下,，從左到右是默認(rèn)的視覺(jué)流方向,。強(qiáng)烈的焦點(diǎn)會(huì)首先吸引眼球，而后才是次要信息的。
所以,北京網(wǎng)站制作,，在閱讀次序上靠前,、靠上的地位，即先被看到的地位,，是輕易被關(guān)注和記憶的處所,，即“左上角優(yōu)先”。由于日常中人們往往不充分的時(shí)光閱讀網(wǎng)頁(yè),，或在很快地獲取須要的資訊后即結(jié)束瀏覽或轉(zhuǎn)連到其它網(wǎng)頁(yè),，所以左上角經(jīng)常成為視覺(jué)焦點(diǎn)。
對(duì)齊
在內(nèi)容排版的設(shè)計(jì)中,，把內(nèi)容右對(duì)齊,，會(huì)構(gòu)成一種良好的雙重邊界，該邊界沿著這一組對(duì)象的旁邊向下延長(zhǎng)（應(yīng)用了格局塔準(zhǔn)則——持續(xù)性準(zhǔn)則）,，這樣帶來(lái)的利益是增強(qiáng)了邊界領(lǐng)導(dǎo)讀者的目光平滑向下延長(zhǎng),，有助于造成良好的視覺(jué)流。如下圖：
在表單設(shè)計(jì)中,，也是如斯,。可以使操作區(qū)域?qū)R,，將大大晉升用戶的實(shí)現(xiàn)義務(wù)的效力,。然而對(duì)齊是以左對(duì)齊仍是右對(duì)齊也要引起注意。據(jù)研討表明,，標(biāo)簽和輸入框之間的空缺區(qū)域加重了用戶的認(rèn)知累贅（cognitive loading）,，用戶必須花相稱多的時(shí)光以便在標(biāo)簽和輸入框之間挪動(dòng)視線：
操作進(jìn)程中，用戶更關(guān)注輸入框自身,網(wǎng)站建設(shè),，而不是標(biāo)簽,。用戶眼睛關(guān)注點(diǎn)的轉(zhuǎn)移速度是十分快的，并且即便不從頭閱讀標(biāo)簽也能清楚它的意思,。但人們習(xí)慣于從左至右的書(shū)寫(xiě),，所以這種右對(duì)齊的布局給用戶造成了輕微的閱讀阻礙：
而以下這種擺放情勢(shì)的利益就是，用戶能夠一眼就看到標(biāo)簽和它對(duì)應(yīng)的輸入框,，而且不必?fù)?dān)憂用戶閱讀標(biāo)簽帶來(lái)的額定累贅：
文章來(lái)源：http://www.haidanet.cn
|
|
|
|
|
|
|
|
 |
上海廠房出租 短信驗(yàn)證碼 酒店vi設(shè)計(jì)
