推薦：怎么樣來(lái)策劃好一次好的淘寶網(wǎng)店促銷活動(dòng)
在如今淘寶的世界中，“無(wú)促銷不成宴”，一年365天，幾乎每天都會(huì)有各種各樣大大小小的促銷活動(dòng)，不管是大店還是小店，都需要通過(guò)促銷活動(dòng)來(lái)帶動(dòng)銷量，積攢人氣。各種價(jià)格戰(zhàn)充斥著買(mǎi)家的眼球，在面對(duì)性價(jià)比高的商品面前，很多買(mǎi)家不得不乖乖的“繳械投降”。因此，一次

　　在上一篇文章中我們著重對(duì)網(wǎng)站的布局結(jié)構(gòu)進(jìn)行了一些視覺(jué)上的探討，但是因?yàn)槠�幅的關(guān)系，我們并沒(méi)有將布局上的問(wèn)題講完整，如果您還沒(méi)有閱讀上一篇文章，我們建議您去閱讀上一篇文章《幾步讓你的網(wǎng)站精美亮瞎眼：布局篇》，在那篇文章中我們主要講了布局的橫向視覺(jué)，今天我們將就布局視覺(jué)的問(wèn)題繼續(xù)探討下去，今天我們主要從網(wǎng)頁(yè)布局的縱向來(lái)進(jìn)行講解。

　　網(wǎng)頁(yè)的縱向布局在設(shè)計(jì)時(shí)一般都是自適應(yīng)高度的，但即使是這樣，我們最好還是能精確的計(jì)算每個(gè)模塊的高度及整個(gè)頁(yè)面的高度。

　　因?yàn)檫@么做有以下幾點(diǎn)好處：

　　1.首先限制住了高度可以很好的兼容ie6，大家都常常為ie6不兼容css而大傷腦筋，在其他瀏覽器下觀看挺正常的一個(gè)網(wǎng)站，但在ie6下就很有可能嚴(yán)重錯(cuò)位了，這是一件很郁悶的事情，但我們其實(shí)有一個(gè)比較笨但很有效的方法去解決，這就是將每個(gè)模塊的高度和寬度固定死，特別是當(dāng)我們使用了float屬性時(shí)，限制高度和寬度往往是最快也最有效的方法，而且限制高度及寬度后，雙倍行距和間距的問(wèn)題也會(huì)消失了;

　　2.限制高度可以使我們的頁(yè)面看起來(lái)更整潔，頁(yè)面的布局視覺(jué)可以牢牢的掌控在我們自己的手中，但為了限制固定高度，我們不得將字體考慮在內(nèi)，大家都應(yīng)該知道宋體、微軟雅黑以及楷體在網(wǎng)頁(yè)上所占的行高是差別很大的，如果我們以微軟雅黑作為標(biāo)準(zhǔn)來(lái)進(jìn)行設(shè)計(jì)，那么最后如果瀏覽者的顯示器上顯示的是宋體或楷體的話，我們?cè)�有的固定高度就很有可能空出一大塊出來(lái)或者被撐破，由此限制高度非但沒(méi)有使頁(yè)面變得整潔，反而使頁(yè)面看起來(lái)很不專業(yè)、很凌亂了;

　　3.限制行高，更方便我們進(jìn)行視覺(jué)布局，因?yàn)橛辛诵懈叩墓潭ㄏ拗疲�那么我們�(cè)谠O(shè)計(jì)頁(yè)面時(shí)完全可以很精確的設(shè)計(jì)出psd模板，然后根據(jù)這個(gè)模板將各個(gè)模塊切出來(lái)，在排版布局的時(shí)候也要嚴(yán)格按照每個(gè)模塊的大小進(jìn)行限制，這樣我們?cè)O(shè)計(jì)出來(lái)的東西才能更精確的與我們的初始設(shè)計(jì)完全吻合，而且也不易出現(xiàn)錯(cuò)位的現(xiàn)象;

　　好了，我們上面講的這個(gè)細(xì)節(jié)問(wèn)題僅僅是給大家一點(diǎn)小經(jīng)驗(yàn)，下面我們才會(huì)從視覺(jué)的角度出發(fā)去探討一下布局的秘密。

　　一、縱向布局太長(zhǎng)的話會(huì)讓瀏覽者萌生膽怯心理

　　很多設(shè)計(jì)師中都流行著這么一種說(shuō)法，說(shuō)是頁(yè)面的縱向長(zhǎng)度最好是保持在7個(gè)拉屏以內(nèi)，也就是說(shuō)我們用鼠標(biāo)的中鍵每滾一下，屏幕所下拉的高度就算是一屏，七屏就是我們用鼠標(biāo)中間滾七下。這種說(shuō)法雖然有失偏頗，但不得不說(shuō)還是有一定的道理的。

　　縱向布局太長(zhǎng)的話很容易讓人產(chǎn)生煩悶的心理，而人的忍耐性似乎也只有滾動(dòng)鼠標(biāo)中鍵7下所用的時(shí)間，倘若超出了這個(gè)時(shí)間，哪怕是多滾動(dòng)了一下都會(huì)瞬間讓人失去繼續(xù)瀏覽的興趣，雖然說(shuō)很多頁(yè)面并沒(méi)有7屏的高度，但瀏覽者會(huì)產(chǎn)生每個(gè)頁(yè)面都是那么長(zhǎng)的錯(cuò)覺(jué)，從而產(chǎn)生了膽怯的心理，因此我們也就失去了讀者的粘度，對(duì)一個(gè)網(wǎng)站的長(zhǎng)期發(fā)展絕對(duì)會(huì)造成很不好的影響。

　　二、越是想表達(dá)產(chǎn)品豐富越容易墮入低檔之列

　　特別是一些購(gòu)物網(wǎng)站和一些做淘寶客的網(wǎng)站，總想將布局排的滿滿的長(zhǎng)長(zhǎng)的，總想在一個(gè)頁(yè)面上盡量的放很多的東西，以向?yàn)g覽者炫耀自己的網(wǎng)站是多么的豐富，自己的產(chǎn)品是多么的豐富……

　　但事實(shí)上真的是這樣嗎?我可以說(shuō)這僅僅是設(shè)計(jì)者和經(jīng)營(yíng)者在自己YY自己，他們并沒(méi)有站在客戶的角度上去看待問(wèn)題。

　　大家對(duì)雜貨鋪的印象應(yīng)該都不是太好，因?yàn)槟抢锾珦頂D，太狹隘，從而使我們留下了這樣一個(gè)印象：那就是一個(gè)賣(mài)便宜貨的地方!

　　三、明白“愛(ài)屋及烏”是人之共性

　　很多國(guó)外的購(gòu)物網(wǎng)站的經(jīng)營(yíng)理念和設(shè)計(jì)理念卻與我們大不相同，他們總將自己最為滿意的東西放在了最顯眼的位置，可能僅僅是一個(gè)一件衣服就要占據(jù)了一整個(gè)屏幕的大小。其他的商品也僅僅是挑選很少一部分放在下面，每個(gè)都給留出足夠大的展示空間。雖然在一個(gè)頁(yè)面上展示的東西少了，但那種大面積留白的寬松布局很容易讓人心情舒暢，讓人感覺(jué)到一種寬松、大方的氣場(chǎng)，由此瀏覽者能將更多的精力放在那幾個(gè)不多但很精致的產(chǎn)品上面。大家還不明白么?只要顧客對(duì)你的一件產(chǎn)品產(chǎn)生興趣、對(duì)你的一件產(chǎn)品產(chǎn)生好感的話，那么他就會(huì)愛(ài)屋及烏的喜歡上你這個(gè)品牌，他的心理就會(huì)產(chǎn)生一種近似獵奇的心理，他甚至?xí)�迫不及待的去瀏覽你的其他產(chǎn)品……這就是一個(gè)良性循環(huán)，在做品牌形象的同時(shí)也賺足了瀏覽者的眼球!

　　四、于細(xì)節(jié)處求突破

　　在縱向上，我們要做到錯(cuò)落有致。這種錯(cuò)落都是經(jīng)過(guò)我們細(xì)細(xì)的推敲而確定的，在大的方向上，我們還是要保持整齊的。也就是說(shuō)我們要給瀏覽者這樣一個(gè)印象：整個(gè)頁(yè)面第一眼看上去十分整潔、干凈，但仔細(xì)去看時(shí)，每個(gè)地方的細(xì)節(jié)又會(huì)有所區(qū)別，這就會(huì)讓瀏覽者感覺(jué)到你的認(rèn)真、你的真誠(chéng)、你的文化、你的內(nèi)涵，因?yàn)槟銜?huì)帶給他一些視覺(jué)上的小驚喜，那么也就相當(dāng)于給他一個(gè)產(chǎn)品也會(huì)給他帶來(lái)小驚喜的期盼。

　　我們最好還是將頁(yè)面的高度控制在4屏以內(nèi)，你可以將你的整個(gè)頁(yè)面截圖下來(lái)并縮小，如果整個(gè)頁(yè)面的截圖顯得太長(zhǎng)了，那么你就該調(diào)整一下了，這也是最簡(jiǎn)單的辦法。一般來(lái)說(shuō)頁(yè)面的長(zhǎng)度不要高于寬度的2.5倍，否則就給人一種視覺(jué)失衡的感覺(jué)了。

　　當(dāng)然了，很多人還是很偏愛(ài)那種單屏的頁(yè)面，但隨著瀏覽終端尺寸越來(lái)越復(fù)雜，我們很難保證你所要展示的頁(yè)面在其他頁(yè)面上也能正好以滿屏來(lái)顯示，因此這樣的處理方式也顯得落伍了。

　　五、具體實(shí)例解析

　　那么我們?cè)趺茨芴幚淼母�好�?方法其實(shí)是有的，我以前碰到過(guò)一個(gè)國(guó)外的網(wǎng)站，顯然那個(gè)網(wǎng)站很細(xì)心的注意到了每一個(gè)細(xì)節(jié)，并且很完美了將不同顯示下的矛盾都通過(guò)靈巧的心思和布局給化解了。他們肯定是先統(tǒng)計(jì)了目前市場(chǎng)上大多數(shù)流行顯示終端的顯示尺寸，然后在設(shè)計(jì)時(shí)將這些尺寸全部用線框拉起來(lái)標(biāo)明界限，然后在這種大框套小框的布局中進(jìn)行設(shè)計(jì)。因?yàn)橛辛诉@些大小不一的線框限制，他們很容易就知道在不同屏幕上顯示他們的頁(yè)面究竟是什么樣子。

　　比如說(shuō)，如果我們?cè)?600*900的顯示屏上來(lái)進(jìn)行創(chuàng)作的話，我們肯定至少要考慮更小一點(diǎn)的尺寸，比如說(shuō)傳統(tǒng)的1024*768的顯示屏。那么我們先要獲知大多數(shù)的瀏覽器的實(shí)際顯示高度是多少，也就是說(shuō)我們將這個(gè)頁(yè)面做到多高才不會(huì)出現(xiàn)縱向的滾動(dòng)條，像是1024*768的顯示屏不會(huì)出現(xiàn)縱向滾動(dòng)條的尺寸大概在560至600之間(這主要是針對(duì)ie瀏覽器來(lái)說(shuō)的，很可能有些人會(huì)在地址欄下添加很多插件，這樣屏幕顯示的高度就少了許多)。哦，為了方便我們的講解，我們就暫且將1024*768的有效網(wǎng)頁(yè)顯示高度定為600吧，而1600*900的顯示屏的顯示高度為720,22寸顯示屏的有效顯示高度是900(這些并不是標(biāo)準(zhǔn)尺寸，為了說(shuō)明問(wèn)題，我們暫時(shí)就使用這幾個(gè)尺寸吧!)，那我們現(xiàn)在就來(lái)看一下，怎么來(lái)針對(duì)這三個(gè)尺寸來(lái)做網(wǎng)站的第一個(gè)屏(也就是一打開(kāi)頁(yè)面完整顯示在瀏覽者面前的部分)，為了能讓大家看的更明白，我們做了一個(gè)示例圖出來(lái)供大家參考：

分享：做網(wǎng)站推廣其實(shí)心態(tài)比方法更重要
互聯(lián)網(wǎng)發(fā)展到今天，各行各業(yè)的企業(yè)幾乎都擁有了自己的網(wǎng)站，用以推廣自身品牌及企業(yè)產(chǎn)品，不過(guò)很多企業(yè)在建立了自己的推廣網(wǎng)站之后，并沒(méi)有帶來(lái)理想的效果，難道是方法不對(duì)？企業(yè)們不斷的審視自己在網(wǎng)站推廣上的問(wèn)題，或者是你沒(méi)有得到搜索引擎的眷顧，或者是你的頁(yè)面設(shè)