聯(lián)系我們
        15608181518??? 18683438262
        歡迎進(jìn)入德天信科技(服務(wù)區(qū)域:貴陽、成都、重慶)
        網(wǎng)站/微信/小程序/APP
        1500+客戶一致的選擇
        網(wǎng)站界面設(shè)計應(yīng)遵循的幾個原則
        日期:2019-03-19 10:09:38

        1.用戶導(dǎo)向(User oriented)原則
        設(shè)計網(wǎng)頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設(shè)計網(wǎng)站。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標(biāo)、期望和偏好等。網(wǎng)頁的設(shè)計者要清楚,用戶之間差別很大,他們的能力各有不同。比如有的用戶可能會在視覺方面有欠缺(如色盲),對很多的顏色分辨不清;有的用戶的聽覺也會有障礙,對于網(wǎng)站的語音提示反映遲鈍;而且相當(dāng)一部分用戶的計算機(jī)使用經(jīng)驗很初級,對于復(fù)雜一點的操作會感覺到很費力。另外,用戶使用的計算機(jī)機(jī)器配置也是千差萬別,包括顯卡、聲卡、內(nèi)存、網(wǎng)速、操作系統(tǒng)以及瀏覽器等都會有不同。設(shè)計者如果忽視了這些差別,設(shè)計出的網(wǎng)頁在不同的機(jī)器上顯示就會造成混亂。


        2.KISS(Keep It Simple And Stupid)原則
        KISS原則就是"Keep It Sample And Stupid"的縮寫,簡潔和易于操作是網(wǎng)頁設(shè)計的最重要的原則。畢竟,網(wǎng)站建設(shè)出來是用于普通網(wǎng)民來查閱信息和使用網(wǎng)絡(luò)服務(wù)。沒有必要在網(wǎng)頁上設(shè)置過多的操作,堆集上很多復(fù)雜和花哨的圖片。該原則一般的要求,網(wǎng)頁的下載不要超過10秒鐘(普通的撥號用戶56 Kbps網(wǎng)速);盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設(shè)計盡量簡單,并且有明確的操作提示;網(wǎng)站所有的內(nèi)容和服務(wù)都在顯眼處向用戶予以說明等。


        3.布局控制
        關(guān)于網(wǎng)頁排版布局方面,很多網(wǎng)頁設(shè)計者重視不夠,網(wǎng)頁排版設(shè)計的過于死板,甚至照抄他人。如果網(wǎng)頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網(wǎng)頁設(shè)計上所要遵循的原理有:
        (1)Miller公式。根據(jù)心理學(xué)家George A.Miller的研究表明,人一次性接受的信息量在7個比特左右為宜。總結(jié)一個公式為:一個人一次所接受的信息量為 7±2 比特。這一原理被廣泛應(yīng)用于網(wǎng)站建設(shè)中,一般網(wǎng)頁上面的欄目最佳選擇在5~9個之間,如果網(wǎng)站所提供給瀏覽者選擇的內(nèi)容鏈接超過這個區(qū)間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累,然而很多國內(nèi)的網(wǎng)站在欄目的設(shè)置遠(yuǎn)遠(yuǎn)超出這個區(qū)間。
        (2)分組處理。上面提到,對于信息的分類,不能超過9個欄目。但如果你的內(nèi)容實在是多,超出了9個,需要進(jìn)行分組處理。如果,你的網(wǎng)頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。


        4.視覺平衡
        網(wǎng)頁設(shè)計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據(jù)視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達(dá)到視覺平衡,在設(shè)計網(wǎng)頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習(xí)慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。例如,你的很多的文字是采用左對齊〈align=left〉,需要在網(wǎng)頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網(wǎng)頁都會設(shè)置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或?qū)Ш綏l,而頁腳部分通常放置聯(lián)系方式和版權(quán)信息等,頁眉和頁腳在設(shè)計上也要注重視覺平衡。同時,也決不能低估空白的價值。如果你的網(wǎng)頁上所顯示的信息非常密集,這樣不但不利于讀者閱讀,甚至?xí)鹱x者反感,破壞該網(wǎng)站的形象。在網(wǎng)頁設(shè)計上,適當(dāng)增加一些空白,精煉你的網(wǎng)頁,使得頁面變的簡潔。


        5.色彩的搭配和文字的可閱讀性
        顏色是影響網(wǎng)頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮并使得心跳加速;黃色使人聯(lián)想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產(chǎn)生什么影響,為網(wǎng)頁設(shè)計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節(jié)顏色等)。


        6.和諧與一致性
        通過對網(wǎng)站的各種元素(顏色、字體、圖形、空白等)使用一定的規(guī)格,使得設(shè)計良好的網(wǎng)頁看起來應(yīng)該是和諧的。或者說,網(wǎng)站的眾多單獨網(wǎng)頁應(yīng)該看起來像一個整體。網(wǎng)站設(shè)計上要保持一致性,這又是很重要的一點。一致的結(jié)構(gòu)設(shè)計,可以讓瀏覽者對網(wǎng)站的形象有深刻的記憶;一致的導(dǎo)航設(shè)計,可以讓瀏覽者迅速而又有效的進(jìn)入在網(wǎng)站中自己所需要的部分;一致的操作設(shè)計,可以讓瀏覽者快速學(xué)會在整個網(wǎng)站的各種功能操作。破壞這一原則,會誤導(dǎo)瀏覽者,并且讓整個網(wǎng)站顯的雜亂無章,給人留下不良的印象。當(dāng)然,網(wǎng)站設(shè)計的一致性并不意味著刻板和一成不變,有的網(wǎng)站在不同欄目使用不同的風(fēng)格,或者隨著時間的推移不斷的改版網(wǎng)站,會給瀏覽者帶來新鮮的感覺。


        7.個性化
        (1)符合網(wǎng)絡(luò)文化
        (2)塑造網(wǎng)站個性

        微信圖片_20190319100859.png

        ?