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