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