【正文】 ，也許當(dāng)初某些人定規(guī)范的時候，完全沒有考慮非羅馬文字國家的感受。字號，英文大部分字體從8px到22px都有不錯的美感。本來很好的英文界面，翻譯為中文后就成了二流貨色，難道真是“中文”有表現(xiàn)上的天生缺陷？難道我們老祖宗千百年總結(jié)而成的書法藝術(shù)到了數(shù)字時代完全行不通？參考Angela在2006年9月小論中英文網(wǎng)站的設(shè)計差異所總結(jié)的觀點：1. 中文的行間距太小； 2. 中文缺乏一種起伏的節(jié)奏； 3. 中文的自動回行有重大缺陷。如果拋開視覺表現(xiàn)，確實排版模式都差不多，技巧無非就那么幾種，如對齊、留白、黃金分割之類。有著明顯特征的韓式風(fēng)格網(wǎng)站，好像也沒見在頁面上企圖用“紫菜包飯、大長今”來表現(xiàn)，對吧？Web Design is 95% Typography 提到的觀點認(rèn)為“網(wǎng)頁設(shè)計95%都是排版。以前翻過不少帖子推薦的“中式網(wǎng)站”，總結(jié)起來有兩個特點：動畫扎眼，元素堆砌。元素不等于風(fēng)格聊到本來 Smashing Magazine 準(zhǔn)備寫一篇亞洲設(shè)計，結(jié)果發(fā)現(xiàn)話題扯的太大，沒法深入下去，于是才決定把中國、韓國、日本等幾個國家獨立出來。同時，也說明目前的現(xiàn)狀不成熟，沒什么值得稱道的東西。而且在這次改版中也發(fā)現(xiàn)了問題，這次的統(tǒng)一性規(guī)范性基本做到了位，但是一些頻道的頻道個性味道并不突出。如圖：這些延伸的布局樣式基本涵蓋了所有網(wǎng)易二級頁面的需求，二級頁面可以比比首頁靈活一點，如排行頁、列表頁等都可以根本不同的情況需求，在使用這些延伸的布局。大頭圖尺寸只保留4種，除旅游、探索、讀書使用特殊尺寸以外，其他頻道首頁只有2種頭圖尺寸(橫圖300X225，豎圖300X400)——且頭圖統(tǒng)一放在頁面的左欄。首先，銷售提出需要修改的廣告尺寸初稿。這種設(shè)計可以提高編輯對頻道二三級頁面的規(guī)劃歸類要求。有主次2級導(dǎo)航，次級導(dǎo)航可以根據(jù)頻道內(nèi)容需求取消或使用。增加了頂部導(dǎo)航條上的頻道入口數(shù)量。三欄從上至下通欄整齊，方便閱讀，在閱讀中欄的同時可以兼顧左右邊欄的內(nèi)容。網(wǎng)頁頻道頁面的改版過程20100329 作者: 來源:網(wǎng)易UED 【大 中 小】 評論:0 軟件:導(dǎo)讀：網(wǎng)頁頻道頁面進(jìn)行了改版，布局仍然是傳統(tǒng)三欄目模式，但是這次改版把中欄調(diào)整為主題內(nèi)容欄，比較符合國內(nèi)網(wǎng)絡(luò)用戶的中欄瀏覽、閱讀習(xí)慣。調(diào)整過后如下圖:4)關(guān)于陰影與質(zhì)感：在設(shè)計點綴版面時需要有深度和3D質(zhì)感的時候，可能就會用到投影、陰影、光線感等效果。如下圖：3)關(guān)于邊距與對齊設(shè)計師尋找靈感時，偶爾會隨意、自由的拖拉擺放區(qū)塊、填色、繪制等，直到滿意才會停下，在這個過程中會出現(xiàn)有與“經(jīng)驗”掛鉤的細(xì)小漏洞，例如：下圖表面看上去沒問題,細(xì)看之下有點小別扭,放大后就可以看清楚了,導(dǎo)航文字偏高,搜索框與導(dǎo)航?jīng)]有對齊,搜索框中Button圖標(biāo)距離也有問題。白色背景下，背景不要比邊框太深，再努力的調(diào)整區(qū)塊內(nèi)容的顏色能與背景融合也于事無補，邊框成了毛邊。很多時候，標(biāo)題的設(shè)計更多的應(yīng)該是一個面，其實標(biāo)題的這些特性在我們身邊隨便都能參考到，雜志的封面，正版游戲的封面，標(biāo)題設(shè)計的邏輯性，整體性和引導(dǎo)性都是非常棒的，建議大家多看多想，一個設(shè)計者如果走在大街上把所看到的都能結(jié)合心中的構(gòu)圖，那么很容易就會把那種所以延續(xù)成你的個人風(fēng)格。例如美國運用籃球巨星腳穿”耐克鞋”在球場上騰空飛躍，以”誰說我不能飛！”的感嘆語句，標(biāo)題與照片融為一體，形象的夸耀了鞋子的質(zhì)量，讓人感到生動活潑，形成了自己的個性。更多的時候，標(biāo)題其實最好是一個面。 所以請注意提煉重點文字邏輯和提煉停頓的技巧，直接影響到信息效果。不僅要爭取消費者的注意，還要爭取到消費者的心理。線上廣告主要是 以banner為主，道理是一樣的，能讓行走的人留住視線，能讓在鄰羅滿目咨訊中瀏覽網(wǎng)頁用戶停住視線的廣告，必須的就是充足的視覺沖擊力和捕捉力的平面主體，另外就是凸顯敏感的標(biāo)題和重點字眼。在講標(biāo)題設(shè)計之前，先說說這四部曲的基本前提：序目標(biāo)我們做設(shè)計究竟是為了什么？公司請視覺設(shè)計師做包裝廣告究竟是為了什么？賺錢！宗旨我們公司是上市運營公司，公司存在是為了盈利為了賺錢，我們視覺設(shè)計師是包裝，我們目的是把公司產(chǎn)品包裝做好，讓用戶有視覺享受，更好的引導(dǎo)去花費，賺用戶的錢，因此，我們做的是商業(yè)設(shè)計。用戶認(rèn)同我們，能讓設(shè)計引導(dǎo)他們?nèi)ジ_心的去瀏覽，去消費我們的產(chǎn)品就是我們的成功。（引用網(wǎng)文）標(biāo)題的最基本要求：清晰，明了上圖不被設(shè)計者解釋一下，我以為33626是電話號碼，什么叫套出租房？原來是33626套房，所以設(shè)計的時候是不能分開。展現(xiàn)幾個正面不同風(fēng)格的范例：字體數(shù)最好統(tǒng)一在12種，以英文作為線的組合主副標(biāo)題的結(jié)合娛樂性比較強的標(biāo)題設(shè)計，在清楚的前提下，無論背景多么復(fù)雜，都能凸顯整體的標(biāo)題，這時其中一種簡單的技法:看幾個值得注意的例子：修改前做設(shè)計總應(yīng)該把眼光放遠(yuǎn)，不然會把自己拘束在小空間里，好像畫石膏，整體定位，分立明暗，然后才是細(xì)節(jié)，其過程眼睛和構(gòu)思總是不停在調(diào)動整體性。（引用網(wǎng)文）又例如，畫面是一個人在大聲地用揚聲桶說出標(biāo)題，那么標(biāo)題就應(yīng)該自揚聲桶開始由細(xì)到大，透視上由斜到直地表現(xiàn)更為生動，如果只在旁邊加以文字，會平淡很多，在引導(dǎo)上就沒有前者有活力引導(dǎo)性的標(biāo)題需要和圖片的互動比較大，也比較生動造字的效果在一個平面或廣告上文字始終是文字，但是，我們利用自身設(shè)計者的知識，把文字變化成圖形，將會出現(xiàn)畫龍點睛的效果，散字是點，排版好就是線，加上把重點字提煉出來，變化一下讓他成為圖，那么點線面不用我講都知道是永恒不變的結(jié)合，自己造字其實蠻有樂趣與挑戰(zhàn)，也有成就感，在造字的時候，首先先了解主體所變現(xiàn)的內(nèi)容，根據(jù)內(nèi)容來變化，例如以下例子（這個作品是初稿，整體上還是不完整的，因為前面的標(biāo)題字和造字之間沒有關(guān)聯(lián)，這里表達(dá)的是造字的作用）亞運會火炬叫潮流，但是設(shè)計這個主體的時候火炬兩個字體與變化成火苗的形象對比，無疑是后者表現(xiàn)的比較生動貼切。網(wǎng)頁設(shè)計中的點滴細(xì)節(jié)把握[推薦]20100830 來源: 【大 中 小】 評論:0導(dǎo)讀：本文主要講網(wǎng)頁設(shè)計中一些細(xì)節(jié)把握，包括圖片處理與背景處理等，都十分微小的地方，對于追求細(xì)節(jié)完美的設(shè)計師很有幫助，通過放大數(shù)倍可以看到雖然看上去相似，但細(xì)節(jié)上卻有差別的設(shè)計處理這篇文章說實際問題的，所以不多強調(diào)，下面是我總結(jié)的一些比較突出的細(xì)節(jié)問題，而且我一直認(rèn)為這些問題比較嚴(yán)重，正因為這些都是基本問題，很容易解決的，但把這種忽略養(yǎng)成一種習(xí)慣性的“經(jīng)驗”那就“杯具”了，然而這些細(xì)節(jié)問題也不同程度的代表了你的工作態(tài)度。在深色背景下，才使用加亮邊框。 調(diào)整之后如下圖：在看下面的例子：上圖中區(qū)塊上下間距與左右間距不勻稱，和前幾的列子一樣，文字與區(qū)塊上下垂直間距不協(xié)調(diào)，下圖是修正后的結(jié)果。但web設(shè)計和平面廣告不同，太強、太硬的質(zhì)感只會讓頁面顯得粗糙，web頁面是個很細(xì)致的活，還是那句話，這里只說細(xì)節(jié)，先看圖：陰影要小一點、顏色要淺一點,另外這里面其實還有一個問題，和前面講的邊框一樣，如果圖片是的投影顏色與圖片顏色（或背景顏色）相同，效果會很尷尬，所以要邊框一樣給圖片加一個間隔距離：理論上講，將一個沒有質(zhì)感的元素進(jìn)行投影或加陰影是不現(xiàn)實的！前面講的一些陰影效果，元素本身沒有任何質(zhì)感。三欄從上至下通欄整齊，方便閱讀，在閱讀中欄的同時可以兼顧左右邊欄的內(nèi)容。，對頻道首頁的廣告尺寸做了優(yōu)化統(tǒng)一。而改版前的左欄為主題內(nèi)容欄，用戶閱讀時最多只能延伸到中欄，右欄的閱讀點擊非常低。 調(diào)整了頭部通欄廣告的尺寸和高度，廣告尺寸具體再下面內(nèi)容介紹。將新聞日歷等功能與搜索功能放在一起。頂部導(dǎo)航上通訊證登陸22頁尾導(dǎo)航頁面底部導(dǎo)航取消了搜索，之前保留此搜索時，使用率極低。然后，設(shè)計中心根據(jù)頁面的布局，美觀，合理性方面進(jìn)行建議調(diào)整這些尺寸。如下圖所示：二級頻道在整體大規(guī)范上的改版與首頁基本一致，頻道導(dǎo)航上采用滑動的標(biāo)簽設(shè)計，點擊進(jìn)入不同的二級頻道，滑動到相應(yīng)的標(biāo)簽上。這些也可以嚴(yán)格控制編輯胡亂編排布局。這也許應(yīng)該就是下次改版我們需要思考和注意的地方，在保持統(tǒng)一性規(guī)范性的同時，怎么來加強頻道之間的個性化。這個問題可以拉回到2005年11月，臭魚總結(jié)的“長、閃、擠、花”四字特點一時傳為佳話，得到各界人士的點頭認(rèn)可。確實，雖然都屬于整個東方文化的體系，但中文、韓文、日文三種網(wǎng)站卻風(fēng)格迥異，尤其日韓網(wǎng)站都有很鮮明的特征。所謂動畫扎眼，幾乎所有作品都是Flash完成，我看以“秀”目地居多而不是傳達(dá)信息?！蔽依斫庠挠袃蓪右馑迹湟慌虐媸琼撁嫘Ч臎Q定性因素，其二幾乎完全否定了視覺設(shè)計的重要性。但是，各頁面最終呈現(xiàn)的效果，卻是“視覺設(shè)計”在主導(dǎo)，如同前文所述日文、韓文網(wǎng)站給我的印象。 除此之外，因為適用的字體、字號、字形太少，相互組合搭配的效果較單一，所以很容易造成web頁面的層次感不夠，表現(xiàn)力欠缺。中文為了保證“方正”的造型，通常僅使用雙數(shù)字號，比如最常用的12px和14px（用不用px單位的問題這里不討論，少數(shù)字體的13px效果還行），因為這兩種字號看起來最自然、協(xié)調(diào)。比如學(xué)術(shù)論文的參考條目，好像國際規(guī)定必須用斜體。說了這么多問題和不是，有沒有沒辦法解決？答案是有辦法。每個公司都一樣，但為什么選擇這款產(chǎn)品而不是其他的？先看一個反面案例，網(wǎng)易的通行證注冊界面：搞這么長的驗證碼，輸入錯誤，也不提示哪個字錯了，全部重新輸一遍。我們看一個正面案例，這是郵箱對我一次錯誤操作給出的提示：這種特殊情況下的響應(yīng)方式越友好、越人性化，用戶體驗就會越好。廣泛的講是一種純主觀的在用戶使用一個產(chǎn)品或者某種服務(wù)的過程中建立起來的切身感受。站在網(wǎng)站的角度來講則是是指用戶訪問一個網(wǎng)站或者使用一個系統(tǒng)時的全部體驗感受。針對小型服務(wù)型行業(yè)的網(wǎng)站有時瀏覽者僅僅為最快速的找到聯(lián)系方式、或者準(zhǔn)確的找到自己需求的產(chǎn)品資料、圖片等等，這點僅僅需要網(wǎng)站的層次鮮明、樣式美觀大氣、體現(xiàn)得當(dāng)即可達(dá)到。國內(nèi)SEO熱潮已過 網(wǎng)站發(fā)展還需綜合能力20090521 作者：卓學(xué)課堂 來源：卓學(xué)課堂 【大 中 小】 評論：0注意：全北美一年的SEO支出只有14億美元。針對這一數(shù)據(jù)，管理科學(xué)家朱則榮表示：第一：中國國內(nèi)對SEO過度追捧的時機(jī)已過，SEO只是網(wǎng)站營銷的方法之一，并非其全部，應(yīng)該理性看待這一問題，除非做為一種求職或升遷的職業(yè)或個人興趣來專業(yè)發(fā)展SEO，不建議網(wǎng)站經(jīng)營者過度沉溺于此。討論群：60873541網(wǎng)頁標(biāo)題Title優(yōu)化 比什么都重要！20090518 作者：安之成 來源：安之成 【大 中 小】 評論：0著名博客Steve Pavlina在“如何通過博客掙錢” 一文中說：只有1%的人具備通過寫博客盈利的潛力，而這種潛力就體現(xiàn)在撰寫文章的標(biāo)題上面。這些規(guī)律的確為我們在實際操作中提供了一些思路，并且能夠取得不錯的效果。也許短期能取得效果，但是從長遠(yuǎn)來看，你的排名終將被那些為訪客進(jìn)行了合理優(yōu)化的網(wǎng)站所取代。當(dāng)你的排名進(jìn)入了前幾頁之后，用戶的點擊行為直接決定你接下來的排名——就跟投票一樣。這其實是在內(nèi)容制作之前就應(yīng)該確定的，也是最難把握的，需要換位思考，甚至進(jìn)行深入的市場調(diào)研。在跟競爭對手的網(wǎng)站內(nèi)容相似時，我們要考慮用戶的注意力集中在哪里——就是用戶會對哪些詞比較敏感。標(biāo)題的語義/可讀性。千萬不要明張旗鼓地欺騙用戶!一般情況下，最好能保證標(biāo)題與內(nèi)容的符合。其實這也就是說，網(wǎng)絡(luò)營銷也是市場營銷的一個組成部分。這里所謂的企業(yè)管理，是指經(jīng)營與處理的意思，也就是說企業(yè)管理者所要做的工作就是充分利用企業(yè)資源來經(jīng)營和處理企業(yè)內(nèi)部之間、企業(yè)與企業(yè)外部之間的大小事宜?！　〖记梢唬阂粋€與企業(yè)名稱和形象相符的域名，是企業(yè)進(jìn)行網(wǎng)絡(luò)營銷的前提。另外，企業(yè)應(yīng)該掌握尋找客戶的技巧，,那么你可以在百度通過搜索“ ”來找到客戶的郵箱，然后通過郵箱聯(lián)系到客戶。可以委托服務(wù)器托管甚至是租用虛擬主機(jī)。不過在這里有必要給租用虛擬主機(jī)的企業(yè)一個忠告：租用虛擬主機(jī)時一定要選擇可靠的虛擬主機(jī)供應(yīng)商，考慮虛擬主機(jī)空間的性價比，實際上不少租用虛擬主機(jī)的企業(yè)曾經(jīng)發(fā)生這樣的情況：某些不夠規(guī)范的虛擬主機(jī)供應(yīng)商在管理和維護(hù)中出現(xiàn)缺陷，導(dǎo)致網(wǎng)絡(luò)的傳輸速度慢的出奇，甚至正常運行中斷，或者當(dāng)你要重新更新資料時，發(fā)現(xiàn)主機(jī)空間根本就不夠大?！　〖记伤模壕W(wǎng)頁設(shè)計要權(quán)衡視覺沖擊力與速度的關(guān)系?！　〖记晌澹阂欢ㄒ紤]因特網(wǎng)的國際性。此外，合理利用網(wǎng)站空間表現(xiàn)為根據(jù)實際的需求提供網(wǎng)站的服務(wù)功能?！　〖记砂耍憾ㄆ诟戮W(wǎng)頁內(nèi)容。最有效的途徑是在搜索引擎上登錄你的網(wǎng)站，此外，你還可以通過行業(yè)協(xié)會的網(wǎng)站、相關(guān)的BBS、新聞討論組，或者傳統(tǒng)的媒體廣告、名片來宣傳。網(wǎng)絡(luò)社區(qū)對純粹的廣告行為相當(dāng)反感，如果不想引起眾怒的話，最好不要在毫不相干的論壇和討論組發(fā)帖子，也不要用購買的郵件列表發(fā)垃圾郵件。記住，如果客戶在提問后的下一次打開郵箱沒有得到滿意的答復(fù)，那么可見你的服務(wù)是多么的糟糕透頂。對于入門者，以下是我遇到的最常見的5個典型錯誤?！　∫粋€搜索專家可以通過進(jìn)行關(guān)鍵詞研究來決定哪些詞和短語可以作為站點信息構(gòu)架來使用。即使訪客到達(dá)了這個站點，他們也可能很難找到他們搜索的產(chǎn)品和服務(wù)。一個主頁不應(yīng)是一個站點索引（站點地圖的功能）或一個巨幅廣告。形象頁面不包含可視正文文本，如果可能，也只是在“跳過介紹”中包含。　　形象頁面經(jīng)常有重定向。而一個形象頁面卻沒有。現(xiàn)在，有兩個途徑可以判定一個頁面是否具有焦點：使用者的測試和關(guān)鍵字密度分析器。在成功的網(wǎng)頁上，關(guān)鍵詞短語通常顯示在HTML標(biāo)題標(biāo)簽、標(biāo)題、面包屑鏈接、產(chǎn)品名稱、產(chǎn)品說明和交叉鏈接之中?！　∷阉饕娲硪话銜f38%的關(guān)鍵詞密度是可以被接受的。平衡HTML格式的文件和圖片　　一個有效的網(wǎng)站設(shè)計會在HTML格式文件和圖片之間找到一個平衡點。一個極端是Flash站點，使整個站點都是Flash電影的格式。　　一定要誠實。至少，無法將訪客轉(zhuǎn)化成顧客。同樣地，我們也很欣賞向程序商業(yè)和出版商站點