如何設(shè)計(jì)高轉(zhuǎn)換的手機(jī)網(wǎng)站詳情頁(yè)?眾所周知,手機(jī)網(wǎng)站不同于PC網(wǎng)站它的屏幕比較小,而且智能設(shè)備端的屏幕千姿百態(tài)。而對(duì)于手機(jī)端的詳情頁(yè)重要性也就不言而喻,只有合理的排版才能讓用戶(hù)更好的讀,了解產(chǎn)品的詳細(xì)內(nèi)容。那么,對(duì)于手機(jī)端網(wǎng)站設(shè)計(jì)詳情頁(yè)就提出了難度,如何才能設(shè)計(jì)出具有高轉(zhuǎn)換的手機(jī)詳情頁(yè)呢?下面為深圳網(wǎng)站設(shè)計(jì)公司跟大家分享手機(jī)網(wǎng)站詳情頁(yè)的版式四原則:
1、對(duì)齊
對(duì)齊很好理解,就是將內(nèi)容用某種對(duì)齊規(guī)則進(jìn)行排列,使它們產(chǎn)生視覺(jué)聯(lián)系,這樣畫(huà)面會(huì)顯得規(guī)整和嚴(yán)謹(jǐn)。如圖所示,盡管只是簡(jiǎn)單的文字對(duì)齊,但畫(huà)面卻有明顯差異:沒(méi)對(duì)齊的左圖文字非常混亂,讓人不適;而對(duì)齊的右圖文字井然有序,便于閱讀。對(duì)齊又可以分為:左對(duì)齊、居中對(duì)齊、左右對(duì)齊、右對(duì)齊、頂對(duì)齊、絕對(duì)對(duì)齊、視覺(jué)對(duì)齊等。
2、保持一定的親密性
親密性是指文字間的關(guān)聯(lián)性,簡(jiǎn)單說(shuō),就是內(nèi)容的間距越小則關(guān)系越近;而間距越大則關(guān)系越疏,這和“格式塔原理”中的“接近性”相一致,一般我們會(huì)將相互靠近的內(nèi)容當(dāng)成一個(gè)組合,而把彼此遠(yuǎn)離的內(nèi)容當(dāng)成獨(dú)立模塊。那么我們可以通過(guò)網(wǎng)頁(yè)間的字間距、行間距、 段間距、模塊間距等方面進(jìn)行調(diào)整。
3、采用對(duì)比方式
采用對(duì)比方式是網(wǎng)站設(shè)計(jì)中處處可用的方式,而這里所以的對(duì)比則是“版式對(duì)比”,其本質(zhì)是讓內(nèi)容之間差異化,形成視覺(jué)反差。如果說(shuō)“親密性”是讓信息的層次更清晰,那“對(duì)比”就是讓信息的主次更分明。例如:利用文字的大小形成差異化、精細(xì)對(duì)比、字體對(duì)比、色彩對(duì)比來(lái)進(jìn)行設(shè)計(jì)。
4、重復(fù)
重復(fù)是讓某些規(guī)則或元素在排版時(shí)反復(fù)使用,核心為了版式更加統(tǒng)一、整體、有序。例如下圖中,共有兩個(gè)版塊,單看任何一個(gè),文字排版都無(wú)太大問(wèn)題,但兩個(gè)銜接一起時(shí),就會(huì)發(fā)現(xiàn)標(biāo)題、內(nèi)文的大小并不一致,對(duì)齊方式也有兩種,這樣排版就不統(tǒng)一,缺少整體性和必要關(guān)聯(lián)性。
在手機(jī)端網(wǎng)站設(shè)計(jì)詳情頁(yè)時(shí),我們可以合理利用以上這些原則讓版式變的條理清晰、視覺(jué)均衡、便于閱讀。若再回看每條原則所展示的案例,會(huì)發(fā)現(xiàn)所有案例其實(shí)都是幾條原則的綜合使用,它們無(wú)法獨(dú)立存在,排版時(shí)要同時(shí)考慮、綜合使用,總之忽視任何一條原則都可能讓版式出現(xiàn)明顯問(wèn)題。好了,深圳網(wǎng)站設(shè)計(jì)公司博納網(wǎng)絡(luò)本文關(guān)于“如何設(shè)計(jì)高轉(zhuǎn)換的手機(jī)網(wǎng)站詳情頁(yè)?”的相關(guān)知識(shí),就分享到這里,謝謝關(guān)注!