網頁設計技巧之麵包屑設計

網頁設計基礎:版面佈局的平衡性原理

本教程主要就網頁設計中頁面佈局的平衡性方面作了介紹,從而為,Web Design師朋友在設計靈感的實現、風格的確定、發展策略等方面提供一點建議,希望能對大家有用。

網頁寄存心得:把導航系統做薄

在網站建設過程中,所有網頁設計框架層設計中,最核心的是導航設計。國外的網站從業者提出“80%的可用性是導航!”,因為良好的導航可以保證用戶找到任何信息。也就是說,提供到達的可能,遠比如何到達的可用重要。 我習慣把導航分為一維、二維、多維來簡單理解,一維對應線性結構,二維對應分層結構,多維對應無序結構。這麼說Web Design可能比較抽像,其實都已經是耳熟能詳的應用,分別舉例闡述設計意圖: 最原始僅限於一二三級的,單對多樹狀應用就是“分層導航”,基本屬於必要元素。 跟蹤用戶行為,記錄的用戶在網站的活動足跡就是“線性導航”,俗稱麵包屑。 管理系統的後台,在首頁增加的類似跨分層結構的鏈接就是“無序導航”,俗稱快捷方式。 二維結構複雜到一定程度,必然造成導航縱深過度,用戶到達的難度增加。此時就需要考慮其他方案綜合實施,具體設計可以概括如下: 從無到有的堆積過程,把當前所有能夠調度的資源全部拿出來。 由多到少的序化過程,分解任務找出主次任務線索並重組。 回憶起Flickr改版,前幾次重要的導航改動,都會更換版本代號,可見Flickr把導航系統看的相當重要。同時,Beta和Gamma兩個版本的升級也對應了我的想法,參考頭部導航片段: Beta的特點是想要什麼就能看到什麼,從Alpha起就在不斷的加功能,雖然期間也在做任務分解的調整。但顯然,量太大怎麼調整也會感覺複雜。Gamma的特點是想要什麼就有什麼,只不過把要不要的權利還給了用戶。 如果從用戶體驗的角度來闡述,Beta已經滿足了用戶的認知體驗,好玩夠用;Gamma提升了用戶的操作體驗,耐玩易用。大家仔細對比,還能找到 豆瓣改版 與之相似的痕跡。 有了網站設計運營數據,問題很容易暴露。比如北京的交通,最理想的狀況是把北京市劃分成N個小區域,各區域之間使用地鐵/城鐵等高速交通工具,各區域之內則使用公交等低速交通工具,同時地鐵/城鐵和公交站上下一體化,如此可以盡量避免公交路線的大範圍交叉(扁平結構),主動預防而不是被動減壓。

網頁寄存的處理技巧

製作網頁離不開大量的圖像處理操作。網頁圖像處理與用於打印、視頻的圖像處理有著很大的差異,Web設計者應該有針對性地掌握網頁圖像處理方法和技巧。通常情況下,應考慮以下幾個要素。
1. 格式

如何利用百度知道做SEO推廣

做百度優化推廣的朋友們都知道現在很多關鍵詞排名一般情況是是百度自己的東西都排在前面。比如說百科,知道,詞典等,現在在網上看到很多朋友們都說是百度重視自己的產品。

如何防止醫院網站被SEO K掉

最近在負責幾個醫院網站優化業務, 個別顧主可能對SEO也有所瞭解,在優化過程中,有顧主就提出質疑,為什麼不在<title>多放置關鍵詞、為什麼頁面關鍵詞不加粗處理、為 什麼不增加一些關鍵詞密度等等問題,顧主認為我的手法過於保守,有意拖延優化進度;經過與顧主的一翻溝通,醫療網站優化與普通網站優化是有所區別,要結合 行業自身情況對網站實施不同優化方法,下面先說說醫院網站優化與普通網站優化有什麼不同。

Web Design廣告字體設計技巧

Web Design風格是不是越簡單越好?

我使用“ Web 2.0設計”來形容目前占主導優勢的網站設計風格, 很多人用這個詞來形容:

Web Design佈局中CSS佈局調試的有效方法

網頁設計中CSS佈局是很重要的部分,下面介紹幾種檢查調試CSS佈局的有效方法。

Web Design佈局之九宮格基本佈局

九宮格是一種比較古老的設計,它最基本的表現其實就像是一個三行三列的表格。其實它最初是在window的c/s結構中用得比較多,比如我們經常看到軟件中的一個窗體,其實就是一個九宮格的典型應用,因為窗體需要在八個方向拉伸,所以在C/S軟件中大量採用這種技術來佈局設計。在B/S系統大行其道的當今社會,這種佈局逐漸被一些網頁設計師運用在網頁中去,用得最多的就是在圓角框佈局中應用。