關(guān)于網(wǎng)站建設(shè)的一些重要原則總結(jié)(二)
連續(xù)
視覺(jué)對(duì)齊與格式塔原則中的連續(xù)一起緊密運(yùn)用在工作。我們將更深入地研究如何在本文中介紹網(wǎng)格時(shí)如何使用連續(xù)。遵循一個(gè)共同的方向的對(duì)象,例如相互對(duì)齊的對(duì)象,會(huì)產(chǎn)生比缺少該準(zhǔn)則的元素更相關(guān)的印象。遵循這些有組織的內(nèi)容,在布局中創(chuàng)建順序和流程。
(LOL色彩系列)
LOL色彩系列是對(duì)齊和延續(xù)的一個(gè)很好的例子。并不使用可視隔離的邊界,就可以清楚地看到網(wǎng)格在工作,而顏色的下降意味著方向在頁(yè)面上繼續(xù)向下。在宏觀層面上,你應(yīng)該致力于對(duì)齊那些彼此相關(guān)的事物,并把它們放在一個(gè)共同的邊緣上。這樣,元素在整個(gè)組合中更容易流動(dòng),讓用戶(hù)輕松地導(dǎo)航。這種視覺(jué)連接可以幫助形成小的和大的元素之間的整體統(tǒng)一。它就像一個(gè)看不見(jiàn)的邊緣把你的設(shè)計(jì)中的主要部分放在一起,讓你的眼睛沒(méi)有理由停止視覺(jué)上的停留。
對(duì)象可以沿著一條邊對(duì)齊,但同樣沿著一個(gè)通常不太清晰的中央軸。當(dāng)你為網(wǎng)頁(yè)設(shè)計(jì)時(shí),通過(guò)邊對(duì)齊內(nèi)容絕對(duì)是你的謀生之道。中心對(duì)齊可以用來(lái)強(qiáng)調(diào)特定的元素或動(dòng)作的調(diào)用。
強(qiáng)調(diào)
網(wǎng)站建設(shè)的重點(diǎn)是焦點(diǎn)。你擁有的越少,他們的強(qiáng)調(diào)就越強(qiáng)。這里的關(guān)鍵是不要讓每件事都顯得重要,如果所有事情都被強(qiáng)調(diào)了,沒(méi)有什么東西是突出的,最后你只能得到噪音。我敢肯定你見(jiàn)過(guò)一些網(wǎng)站,它們忽略了這個(gè)原則,并且到處都是彩色的彩色按鈕。這是一種討厭的味道,不是嗎?這就是缺乏重點(diǎn)可能留下的結(jié)果。更重要的是,濫用強(qiáng)調(diào)會(huì)混淆等級(jí)。你可以通過(guò)大小和顏色屬性強(qiáng)調(diào)對(duì)象重點(diǎn)。
(Dropbox登錄框界面)
Dropbox登錄框在強(qiáng)調(diào)用戶(hù)應(yīng)該使用強(qiáng)調(diào)的動(dòng)作方面做得很好。從視覺(jué)上看,沒(méi)有什么妨礙用戶(hù)將注意力集中在注冊(cè)上。最突出的是藍(lán)色按鈕,這些按鈕在視圖中明顯突出顯示出來(lái)。這個(gè)設(shè)計(jì)有很好的視覺(jué)平衡,如果只使用一個(gè)藍(lán)色按鈕,效果會(huì)更好。
(Craft by Invision 界面)
Craft by Invision有一個(gè)引人注目的登陸頁(yè)面,在這個(gè)頁(yè)面中,電子郵件地址的輸入欄被很好地強(qiáng)調(diào)了。在這一頁(yè)上很難迷路。產(chǎn)品的名稱(chēng)也很顯眼。背景和前景之間的區(qū)別明顯并且有技巧、生動(dòng)的。
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: