最新談網(wǎng)站界面設(shè)計(jì)ui設(shè)計(jì)好資料免費(fèi)分享(編輯修改稿)
2025-07-27 04:16 本頁面
【文章內(nèi)容簡介】 76(+148)783(+17)417(+183)1007(+17)585(+183)1263(+17)841(+183)781(+19)461(+139)1005(+19)629(+139)1261(+19)885(+139)一般情況下寬度是一定的但頁面的寬度則可以根據(jù)內(nèi)容的多少而進(jìn)行調(diào)整，但設(shè)計(jì)寬度始終要比顯示器的實(shí)際大小窄20像素，這為的是給右側(cè)的滾動(dòng)條留有一定的空間（見圖1）（圖例1）1.最保守而最有兼容性的一屏大小是：7794322.最廣泛的一屏大小是：10036003.適合目前國內(nèi)的情況，一屏大小是779600（二）視覺順序網(wǎng)頁是通過視覺元素的引人注目而實(shí)現(xiàn)信息內(nèi)容的傳達(dá)，為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能，使網(wǎng)絡(luò)真正成為可讀強(qiáng)性而且新穎的媒體，網(wǎng)頁的設(shè)計(jì)必須適應(yīng)人們視覺流向的心理和生理的特點(diǎn)，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計(jì)時(shí)應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜劬w結(jié)構(gòu)的生理構(gòu)造，只能產(chǎn)生一個(gè)焦點(diǎn)，而不能同時(shí)把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。視覺流程往往會(huì)體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個(gè)版面的運(yùn)動(dòng)趨勢有一個(gè)主旋律。心理學(xué)的研究表明，在一個(gè)平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁設(shè)計(jì)中一些突出的信息，如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個(gè)位置。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識(shí)過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運(yùn)用。在網(wǎng)頁設(shè)計(jì)中，靈活而合理地運(yùn)用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。所以在網(wǎng)頁的編輯設(shè)計(jì)中，視覺導(dǎo)向是一個(gè)要點(diǎn)，網(wǎng)頁的設(shè)計(jì)是一種創(chuàng)造，首先要立足信息的傳達(dá)，但又要符合人們較為普遍的思維習(xí)慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。（圖例2視覺順序）在布局設(shè)計(jì)中多使用平面的設(shè)計(jì)規(guī)律如“九分法”等（見圖2）（三）布局步驟1.草圖這時(shí)設(shè)計(jì)師面對的是一張白紙，要做的就是簡單的用畫筆在紙上將創(chuàng)意的大致輪廓畫在紙上，以便給以后的設(shè)計(jì)做大致的指導(dǎo)。2.粗略布局將紙上的輪廓在電腦上體現(xiàn)出來，對畫面進(jìn)行分割，也可以用色塊進(jìn)行填充，確定好在什么地方布置什么欄目，他們的大小等。（見圖例4）（圖例4）3.將布局細(xì)化將粗略的布局進(jìn)行細(xì)化，使色彩，LOGO，導(dǎo)航條等實(shí)現(xiàn)，一般用的工具多為PHOTOSHOP和FIREWORKS（見圖例5）（圖例5）4.點(diǎn)、線、面的運(yùn)用在網(wǎng)頁設(shè)計(jì)中同樣離不開平面設(shè)計(jì)中最基本的點(diǎn)、線、面的運(yùn)用在內(nèi)容繁雜的網(wǎng)頁上為了可以讓瀏覽者更輕松的找到自己想要的信息，點(diǎn)的引導(dǎo)作用必不可少（見圖5）（見圖6）線不但起到了頁面的分割作用，很好的運(yùn)用線條還使網(wǎng)頁
語文相關(guān)推薦
鄂ICP備17016276號(hào)-1