推薦：新手開網(wǎng)店必看的教程
不知不覺，進入電商行業(yè)已經(jīng)將近一年的時間，這個過程有不少以前的同事和朋友在和我聊天中都會有這樣的問題，這個是你開的店嗎？我直接就否定了。因為我們公司現(xiàn)在是做天貓旗艦店的，并非一個夫妻店，不是小打小鬧就可以做到的。從資金儲備，人員架構(gòu)等方面而言，如果沒

　　原本僅僅是為了寫出一篇有關(guān)網(wǎng)站制作視覺方面的東西，誰知道一旦寫出來回就罷不了手了。目前來子寒互動視覺的朋友主要還是為了找wordpress教程或者是主題的，因此像這樣有關(guān)設(shè)計理念及技巧的東西暫時并不討喜。但我可以這么說，從事或想從事設(shè)計行業(yè)的朋友或許真的可以從中得到某些啟示，可能其中很多東西對于您來說已經(jīng)是老生常談了，但總有些東西是你一直沒有注意到的。

　　像設(shè)計這一行業(yè)，我認為最怕的就是那些所謂的幾大技巧、幾大經(jīng)驗之類大而虛的文章，可以說那些文章純粹就是官話體，毫無任何意義可言。我們所要面對的case瞬息萬變，怎么可能只通過幾句話就可以成為真理妙藥呢?也正因為此，為了給一些想從事這個行業(yè)的朋友一個真摯的東西，所以在本系列文章中模糊了具體步驟的實現(xiàn)，我想大家也能明白我的用心所在吧!

　　還是那句話，這永遠都不是一篇填鴨式的、條框式的設(shè)計教程，也不會是一篇自謂真知灼見的炫耀文，而是一篇旨在拋磚引玉、能夠吸引大家來針對設(shè)計的種種理念進行探討的文章。

　　廢話一說起來就止不住!上面一個章節(jié)中，我們主要就網(wǎng)站的縱向布局展開了探討，感興趣的朋友可以去那篇文章進行閱讀《幾步讓你的網(wǎng)站精美亮瞎眼(3)》，在本篇文章中我們將對網(wǎng)站互動視覺的另外一個特別重要而特別容易被忽視的元素：字體排版來展開一些深入的討論。

　　一、作為“內(nèi)容為王”的主體元素，我們應(yīng)該給予足夠的重視

　　不管一個網(wǎng)站是針對何種行業(yè)及目的而建立的，文字永遠都是網(wǎng)站內(nèi)容最為重要的組成部分。因為只有通過文字，我們才能獲知此網(wǎng)站所要表達的意思。

　　關(guān)于文字存在對于一個網(wǎng)站的必要性，這一點是毋庸置疑的，但是針對視覺方面怎么去處理這些文字的顯示，恐怕就是大多數(shù)人并不太注重的細節(jié)問題了。

　　二、中文字體：在貧乏中求突破

　　在開始探討之前，我們應(yīng)該先就安全字體方面來進行一些簡單的探討，其實我們早在另一篇文章已經(jīng)就這個問題著重討論過了，有興趣的朋友可以去看一下：《web頁面如何設(shè)置安全美觀的字體》。在那篇文章中，我們得到了一個很令人沮喪的現(xiàn)實，為了確保我們所設(shè)置的字體在大多數(shù)終端上可以完美顯示，似乎我們只剩下了一種宋體可供選擇，這也是為啥一些較大的網(wǎng)站如百度、新浪、騰訊等均將字體設(shè)置為宋體的原因了。當然由于windows xp用戶逐漸將自己的系統(tǒng)變?yōu)榱藇ista、win7等以上版本的系統(tǒng)，微軟雅黑作為安全字體的可能性也越來越大了，因此像百度這樣的站點也會在字體的設(shè)置上稍微做出了一個調(diào)整，在很多百度的新功能頁面里，第一字體被選擇成了微軟雅黑，而宋體僅僅是作為第二字體來存在。

　　微軟雅黑在顯示方面的確要比宋體漂亮的多，無論是字形還平滑度都要美觀的多，但微軟雅黑的12px以下的顯示并不是很好，另外它在不同尺寸的顯示器終端上的顯示并不相同，甚至?xí)�產(chǎn)生較大的視覺波動。我在家中的1600*900分辨率下，頁面的微軟雅黑字體明顯呈扁方狀，而在公司的1920*1080的分辨率下則會顯示成長方狀，在這種視覺的穩(wěn)定性方面，宋體要比微軟雅黑好那么一點。

　　無論怎么樣，我們的可選中文字體是極為貧乏的，這也就是字體在視覺方面并不被受重視的原因之一，很多人都有一個慣性的思維：反正可選的中文字體也就那幾種，無論怎么樣也弄不出啥花樣出來，干脆就隨它去吧!

　　這個慣性思維顯然會害了我們，即使我們的頁面UI做的再細致，只要你在字體的選擇及排版上不加注意的話，你的頁面仍然是一個“山寨貨”，甚至?xí)�因為字體的未加斟酌而極度破壞了我們原有頁面設(shè)計。

　　三、細節(jié)的表現(xiàn)將會使站點看起來很專業(yè)或者很山寨

　　其實，不管是針對于一個品牌還是一個站點，其帶給人的專業(yè)程度還是取決于細節(jié)方面的處理。千萬不要小瞧了這些細節(jié)問題，很有可能就是因為這個小小的細節(jié)便會使你的整個頁面立刻飛升或是墮入“山寨”之流。再回到字體使用的探討上去，既然可供我們自由選擇的安全中文字體已經(jīng)到了無比匱乏的地步，但這并不意味著我們在字體的編排細節(jié)上就無可作為了。

　　下面先讓我們來看一下例子：

　　

 

　　在上圖中，我們使用了百度音樂的邊欄分類編排與一家家裝類網(wǎng)站的邊欄分類編排做比較，孰勝孰劣一目了然。其實像這種情況并不少見，而在很多時候裝大牌的網(wǎng)站都會在細節(jié)的處理上露出馬腳出來。一般一個較為有實力的站點肯定是不缺各種人才的，即使他們是委托其他公司來對站點進行制作和設(shè)計，在細節(jié)的要求上也是很苛刻的。山寨與正規(guī)之間的最大區(qū)別不還是細節(jié)么?很多裝大牌的網(wǎng)站并不具備這種人才優(yōu)勢，甚至很可能是一兩個人在處理各方面的事情(大多數(shù)站點還都是屬于個人經(jīng)營的)，因此在保證文章內(nèi)容更新以及推廣優(yōu)化之外，他們根本就沒有精力去顧及這些事情。如果說僅僅是沒有精力去顧及倒是不太嚴重，可能一旦找到合適的人才或是自己空出時間來會這些細節(jié)做一步步的調(diào)整。但遺憾的是，很多人并沒有注意到這一點，這使他們永遠都不會想到這個細節(jié)，這也就使得他們的網(wǎng)站永遠只能徘徊在二、三流的行列，拋棄其他方面不說，但說視覺而帶來的可信任度方面，正規(guī)的真正的大牌已經(jīng)甩他們幾條街了。

　　放在生活中來舉例，我們也應(yīng)該能明白這個道理，假使你去買衣服，有個品牌的服裝外觀上與他們宣傳的東西幾乎無差，但實物的做工卻很差，這時候你會懷疑什么?你一定不會懷疑到這個品牌的，你只是會懷疑這家店里賣的可能使山寨貨。

　　同理，在網(wǎng)頁設(shè)計上也是這樣，哪怕你的設(shè)計與大牌再怎么相似、再怎么功能強大，但在做工上卻粗糙不堪，最終反而暴露了自己的“山寨本質(zhì)”。因為時間的關(guān)系，我們今天先說這里，關(guān)于文字排版處理方面的探討我們將在下一章節(jié)中繼續(xù)進行，敬請關(guān)注!

　　原創(chuàng)作者：子寒互動視覺

　　原文地址：http://www.xmlas.com/web-visual-talk-hallowly-4.html(原創(chuàng)文章，轉(zhuǎn)載請保留)

分享：通過百度經(jīng)驗來增加網(wǎng)站流量
很多站長都會關(guān)注網(wǎng)站流量的百度搜索排名，力爭提高名次。有百度賬號的人，幾乎都熟悉百度百科、知道、貼吧，但是卻鮮有人知道百度經(jīng)驗。很多人都不知道百度經(jīng)驗是干嘛用的。其實，別忽視了小小的經(jīng)驗，百度不可能無緣無故創(chuàng)造一個東西出來占用空間的。今天，小編就來