網頁設計出現的問題

鏈接通常會呈現成特定的色彩，帶有下劃線，如果你的內容文本中有這么一段文字擁有這樣的特征，用戶通常會認為它是一個鏈接。下面介紹網頁設計出現的問題，希望可以為您帶來幫助。

1、確保元素的視覺和功能表里如一

許多元素的外觀特征會呈現出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設計。鏈接通常會呈現成特定的色彩，帶有下劃線，如果你的內容文本中有這么一段文字擁有這樣的特征，用戶通常會認為它是一個鏈接。

如果點擊的時候發現它無法跳轉，會讓人有“被欺騙”的感覺。用戶需要知道哪些內容是可點擊的，而哪些只是強調，設計要表里如一。

2、不要讓你的用戶長時間等待加載

不論是面對APP還是網頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的加載時間，只會讓絕大多數的用戶關閉頁面，再精美的加載動畫都安撫不了用戶的煩躁。

所以，不要讓你的用戶等待加載，尤其是這個加載時間很長的時候。相關的應對策略很多，比如你可以采用占位符先顯示布局，逐步加載內容，至少讓用戶知道，這個過程正在推進。

3、不要讓促銷廣告蓋住內容

現實生活中廣告已經讓人難以忍受了，如果你的網頁中廣告居然擋住了主要內容，這幾乎是逼著你的用戶生氣關閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。

另外一方面，長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略：當他們看到廣告的時候會主動忽略它。這對于廣告的轉化率同樣是毀滅性的打擊，不是么?

4、避免滾動劫持

滾動劫持通常指的是開發者或者設計師為了實現新的布局、動畫或者排版，而修改了滾動的固定點甚至滾動條和體驗本身，帶來的非常規的滾動體驗。滾動劫持是最惱人的狀況之一，所以，通常而言，除非極個別的原因，盡量不要過度調整和修改用戶滾動瀏覽的體驗設計。

5、不要讓視頻和音頻自動播放并出聲

視頻和音頻自動播放對于用戶而言是一種失控的體驗，對于用戶也是一種刺激。這樣的設計應該謹慎使用，除非用戶對此已經有所預期。

6、不要為了漂亮而犧牲可用性

網站和APP的界面設計的外觀不應該影響它本身的可用性。避免繁瑣的設計，為了美觀而犧牲內容的可讀性和對比性都是不能讓人接受的體驗。

網頁設計需要注意的問題

一、用不同的顏色標注已訪問的鏈接

每個網站中的鏈接都不少。為了防止和文本區混淆，鏈接的色彩都會區分于文本設計，如果用戶瀏覽之后，再點擊返回，鏈接色彩不作區分的話，用戶很可能會無意中重復訪問相同的頁面。所以，為了避免這些問題， 一定要用不同的顏色標注已訪問的鏈接。

二、讓用戶更容易掃視頁面

優秀的站點，能在短暫的0.2秒就可以決定一個客戶瀏覽網站的印象，面對如此倉促的判斷，您的網站是否過關?研究數據表明，用戶會在2.6秒鐘掃視網站，然后會集中查看特定的區域，訪問者平均會使用180毫秒來瀏覽。當用戶想要快速判斷出他們想要的內容在哪里的時候，就需要快速掃視、定位。作為設計師，讓頁面的層次結構足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內容按照重要性、有層次地呈現出來，還是很考驗網頁設計師的權衡能力的。設計師需要將屏幕標題、登錄表單、導航類目和其他的關鍵內容設置為視覺焦點，便于用戶發現。

三、確保所有鏈接都能直接打開

不論是面對APP還是網頁，用戶的耐心都非常有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的加載時間，只會讓絕大多數的用戶直接關閉頁面，所以不要讓用戶長時間等待加載。，當加載時間很長的時候。相關的應對策略很多，比如你可以采用占位符先顯示布局，逐步加載內容，至少讓用戶知道，這個過程正在推進。

還有一種情況就是，當鏈接所指向的頁面不存在的時候，用戶打開的頁面就會變為404，這種情況可能會讓用戶產生沮喪情緒。所以務必確保每個鏈接都指向正確的頁面。

四、不要讓促銷廣告遮住內容

現實生活中廣告已經讓人比較反感了，如果你的網頁中廣告居然擋住了主要內容，這幾乎是逼著你的用戶生氣關閉頁面，這樣換來的廣告營收從某種意義上也是飲鴆止渴。

另外一方面，長時間的互聯網瀏覽經驗會培養出用戶的另外一種廣告應對策略，當他們看到廣告的時候會主動忽略它。這對于廣告的轉化率同樣是毀滅性的打擊。

五、不要適得其反

不要為了漂亮而犧牲網站的可用性。比較晃眼的文本和廣告本身體驗不佳，它們會讓人分心，在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。網頁設計的外觀不應該影響它本身的可用性。不能為了美觀而犧牲內容的可讀性和對比性。

界面設計應該注意的問題

1. 使用單欄布局代替多欄布局

單欄布局能夠讓用戶對全局有更好的掌控，對內容一目了然。而多欄布局可能會分散用戶注意力。最好的做法是用一個有邏輯的敘述來引導用戶并在末尾放上你的行動按鈕。

2. 使用禮品誘惑代替生硬的推銷

例如可以給用戶提供禮物來表達你的友善姿態。更深層的講，送禮是一種基于互惠原則的有效說服策略。顯而易見的好處是讓你在往后的活動進展中更加順利。

3. 合并重復的功能避免分散

隨著時間的推移，不可避免的你增加了很多模塊、元素，而且功能相同。碎片化的界面會增加用戶的學習曲線，所以需要合并重復的功能，重構你的界面。

4. 用戶的評價好過自賣自夸

用戶好評是另一個可以提高轉化率的說服策略。當潛在客戶看到其他人對你的服務給予好評時，項目機會會大增。所以試著提供一些含金量高的證據證明這些好評是真實可信的。

5. 重復你的主行動按鈕

多次重復主行動按鈕的方法適用于界面很長或者分頁的情況。

6. 區分開可點擊和已選擇的樣式

視覺風格，如顏色、深度和對比度都可以當做可靠的線索以幫助人們了解你的導航界面：我在哪里，我能去哪里。為了讓用戶清晰，可點擊元素(鏈接，按鈕)、已選擇元素(選擇的菜單)、以及純文本的樣式應該是彼此明顯不同，而且在界面上要保持一致性原則。在視覺上，我們一般認為藍色表示可被點擊，黑色表示已被選擇或是什么。

7. 給出推薦而不是讓用戶來選擇

當列出許多選項時，給出一個重點推薦項是個不錯的做法，盡管推薦的設置無法滿足所有用戶，但這么做是有理論依據的：當面臨的選擇越多時，用戶就越難做出決定(決策癱瘓)。所以你可以高亮某個選項來幫助用戶做出選擇。

8. 使用恢復功能代替彈出對話框

假設你剛點擊了一個鏈接或者按鈕，撤銷操作可以讓操作流暢自然，也更符合人類的本能。而每次操作都彈一個確定框則好像是在質問用戶你明白不明白這個操作會產生什么后果。其實只有極少數情況下才會發生誤操作。所以，為了防止誤操作而設計的確認窗口其實是不人性化的，用戶每次操作都需要進行毫無意義的確定。所以請考慮在你的產品里實現撤銷操作來提升用戶的操作友好度吧。

9. 明確產品適用人群而不是面向所有人

你是想把產品做成大眾化的還是有精確的適用人群呢?答案是：在產品定位上你需要更精確些。把產品定位得精確的風險就是可能縮小了目標潛在用戶的范圍，但這種更專業的精神卻反過來會贏得信任、權威。

10. 直接果斷而不是猶猶豫豫

你可以通過不確定而顫抖的聲音來表達傳遞自己的意思，也可以通過很自信的方式表達。如果你在界面中的表述多以問號結束，比如”也許”，”可能”，”感興趣?” 或者”想要試試么?”，那么你完全可以把語氣變得更堅定一些。不過萬事無絕對，適當放松措詞讓用戶有自行思考的余地也是可以的。

傳統文化網頁設計編排重點是什么

當今網絡世界對人們生活的沖擊不亞于現實社會，人們通過網絡閱讀、購物、交友甚至工作等，各種各樣的網頁則是人們進入網絡的平臺。隨著網絡的發展，網站設計師們越來越注重網頁設計，網頁的風格可謂千差萬別，而充分體現中國傳統精神的中國風網站，則向全世界展示了它強大的文化魅力。

中國風是中國傳統文化的體現，是歷史文明積淀和傳承的產物，也是具有中國性格的標簽。中國風網頁多用于中國歷史古跡、民族文化等方面的網站，有著典雅而不失時尚、悠久而不乏現代氣息特點，其風格的形成依賴于設計元素的選取、編排和布局。這個設計過程不僅需要設計者有嚴謹的專業水平和畫面調度能力，還要具有一定的藝術修養，因此對網頁設計來說，這是融匯了藝術與技術的創造性活動。

一、中國元素的穿插

中國傳統的吉祥紋樣、民俗裝飾圖案、剪紙藝術、印章、水墨等藝術形式，都是被廣泛認同的中國元素，是中國傳統文化和藝術情感的深切體現。在網頁編排中，創意性地運用中國元素，更易表現地域文化的特色，這也是網頁風格定位的重要手段。如在“中國?烏鎮”的網站設計中(圖1)，網站的首頁以水墨透疊的方式體現出一個江南古鎮的風貌，書法體的網站名稱、縱向書寫的古文字式襯底、左下角的印章，使得整個頁面猶如一幅古典的風景畫，飽含東方意味。在點擊鏈接的各個頁面里，雕花的廊檐、黛瓦粉墻、石板小巷、小橋流水以及那導航欄上的傳統紋樣，無一不透著濃郁的歷史和文化氣息。

二、標準色的運用

色彩是形成網站氣氛、特色的重要元素，是網站視覺形象的體現和延伸。將網站的LOGO、主菜單、底色等用整體統一的標準色，其他顏色只作為襯托點綴，形成主色調。這樣既利于網站主題的突出，又便于瀏覽者識別記憶。紅色是中國傳統吉祥、喜慶的民族色彩，素有“中國紅”一說，而泛黃的紙色則具有歷史悠久感和文化的書卷味。此外，青色、暗紅色等也都多用于中國風的網頁中。“漁”女裝網站(圖2)，運用大面積的紅色作為網頁底色，這種濃郁的東方色彩，樹立了“漁”的與眾不同的品牌特色，網頁中左右側邊的裝飾圖案，體現了時尚與經典結合的文化內涵。主菜單和鏈接的自由又另類的編排方式，隨意、時尚、現代感極強。傳統色彩與現代元素相互交融，強調了傳統與現代的碰撞，使品牌更具個性和滲透力。

三、對稱的構圖方式

對稱美在中國傳統美學中占有重要地位，中國古代的建筑格局、家居擺設、裝飾圖形等都廣泛的運用此設計理念。中國風網頁設計在圖文編排上整體也多為左右對稱結構，局部較為自由，視覺上莊重平衡，排列有序。打開“故宮博物院”網站(圖3)，整個頁面就像一幅懸掛的卷軸，鼠標的滾動如同使卷軸緩緩打開，世界上最大的歷史文化藝術博物館由此展現。網頁的布局左右對稱，莊重整齊。金色、淺黃、暗紅的色調有著皇家的氣派和悠久的歷史氣息。

四、留白的手法

網頁中編排的內容部分是實體，而實體之外的空間就是留白，它既可以是未放置任何圖形文字的空間，也可以是實體背后的一種顏色或圖形。在中國畫中，留白是一種十分重要的繪畫技巧，講求“密不透風，疏可跑馬”。留白能更好地襯托主題，使人產生豐富的遐想。網頁設計中的留白使頁面有透氣的空間，其設計風格清新流暢、主次分明。相比較信息量很大的網頁，留白會讓瀏覽者的閱讀舒適、放松，能達到更好的傳播效果。“漁”女裝網站的各個頁面都大量留白，視覺空間自由、靈動，疏密對比強烈、主題突出，整體風格高雅精致、形式感強。

如今，文化作為設計靈感的來源，越來越顯示出其強大的生命力和獨特的藝術價值。中國風網頁就是將其獨有的傳統美學精神融入到現代設計的理念中去，引導網站整體風格和文化氛圍，使瀏覽者充分感受到中國傳統文化的藝術魅力。