網(wǎng)站設(shè)計(jì)中有哪些注意事項(xiàng)

在相對過去的日子里，只有一個(gè)簡單的問題：頁面轉(zhuǎn)換與否？

今天，我們可以更深入地評估頁面的每個(gè)元素：哪些組件轉(zhuǎn)換哪些組件不轉(zhuǎn)換？副本應(yīng)放在哪里？為什么？頁面上有哪些熱點(diǎn)？

可以理解，這種細(xì)致的審查為設(shè)計(jì)師帶來了新的挑戰(zhàn)。當(dāng)評估每個(gè)像素和代碼行對整體轉(zhuǎn)換的貢獻(xiàn)時(shí)，需要對設(shè)計(jì)規(guī)劃進(jìn)行大量努力以確保實(shí)現(xiàn)期望的結(jié)果。

由于強(qiáng)烈且必要地強(qiáng)調(diào)用戶交互，可用性，實(shí)用性和美學(xué)的標(biāo)準(zhǔn)從未如此高。

1、不要讓用戶思考，等待或閱讀

這是一個(gè)冷酷而艱難的事實(shí)：大多數(shù)訪客都有一個(gè)兩歲小孩的注意力。

互聯(lián)網(wǎng)上有太多的信息和選擇，你有一個(gè)非常短的窗口，以獲得用戶的興趣，然后你的頁面被放棄到下一個(gè)最有趣的鏈接。

解決此問題的最佳方法是讓用戶更輕松。將您自己介紹在一兩行中，不需要大量閱讀或思考，然后讓用戶立即開始使用。

2、引導(dǎo)焦點(diǎn)和流動(dòng)

用戶不會(huì)以線性方式掃描網(wǎng)站，也不會(huì)花時(shí)間仔細(xì)閱讀和查看頁面上的所有內(nèi)容。這就是為什么由您來分配給您的短時(shí)間內(nèi)吸引他們的注意力并將其引導(dǎo)到您的產(chǎn)品最重要或最具吸引力的原因。

實(shí)際上，用于特征曝光或過程描述的經(jīng)典1-2-3步驟方法非常適合在整個(gè)頁面上擴(kuò)展用戶的注意力并使其直接向下傳遞到號召性用語按鈕。

保持其背景和圖形引人注目但簡單，并確保整個(gè)頁面使中心矩形成為焦點(diǎn)。

3、簡單，明確，清晰，明顯地做到這一點(diǎn)

當(dāng)一個(gè)網(wǎng)站可以夸耀上述標(biāo)題中的四個(gè)形容詞時(shí)，這是一項(xiàng)出色的工作。畢竟，使網(wǎng)站設(shè)計(jì)難以導(dǎo)航或意圖混淆，幾乎無法獲得。

4、利用高質(zhì)量的內(nèi)容

內(nèi)容為王。如果您提供的內(nèi)容實(shí)際上對您的用戶有益，并且您設(shè)法與之相關(guān)，則內(nèi)容應(yīng)該占據(jù)中心位置。在這種情況下，設(shè)計(jì)師的工作是確保設(shè)計(jì)有助于和補(bǔ)充內(nèi)容，而不是壓倒它。

您的訪問者將欣賞高質(zhì)量，可靠的內(nèi)容，即使設(shè)計(jì)不是很出色并且有大量廣告，它也會(huì)讓他們回歸更多。畢竟，混亂增加了很多風(fēng)格、但它們絕不是物質(zhì)的替代品。

5、不要忽視慣例的力量

設(shè)計(jì)師堅(jiān)信創(chuàng)造力和獨(dú)特性的重要性，雖然它們無可否認(rèn)是值得追求的，但它們并不總能取代傳統(tǒng)的力量。

這是因?yàn)槟?a href="http://m.ww520ww.com" target="_self" title="北京網(wǎng)站建設(shè)" _href="http://m.ww520ww.com">網(wǎng)站設(shè)計(jì)在組織和布局方面越獨(dú)特，它對訪問者的學(xué)習(xí)曲線就越多。

如上所述，用戶不希望在查看網(wǎng)站時(shí)被迫使用他們的思維或解決問題的技能。

常規(guī)網(wǎng)站為他們提供了良好的實(shí)踐，如何圍繞網(wǎng)站上的元素工作以及在哪里查找特定信息，如果您遵守這些約定，他們就可以將相同的流程應(yīng)用于您的頁面。這樣，用戶試圖弄清楚您的網(wǎng)站是什么，以及他們必須在何處點(diǎn)擊以獲取更多信息，就不會(huì)浪費(fèi)時(shí)間。

6、明智地使用排版

排版是設(shè)計(jì)師武器庫中最強(qiáng)大的工具之一。它可以決定你的設(shè)計(jì)是否成功，并導(dǎo)致它成功或失敗。

雖然選擇合適的字體是值得廣泛思考的選擇，但經(jīng)驗(yàn)法則是避免在設(shè)計(jì)中使用兩個(gè)或三個(gè)以上的字體。字體類型或顏色的太多變化可能會(huì)分散注意力，使人感到困惑和邊緣化。

如果你不確定你的排版能力，只需堅(jiān)持使用不同重量的網(wǎng)絡(luò)友好字體。這樣你就可以對標(biāo)題和正文進(jìn)行必要的變化，同時(shí)保持一致的外觀。

有時(shí)，可以以非常引人注目和有效的方式創(chuàng)造性地一起使用許多不同的字體。

7、讓白色空間進(jìn)入

過量的顏色，丑陋的圖形和糟糕的排版都會(huì)造成混亂，而不是永遠(yuǎn)不會(huì)給人留下好印象。然而，這種混亂的解決方案很簡單：白色空間。

Web 2.0非常注重“干凈”和“簡約”設(shè)計(jì)，這是有充分理由的。用戶希望有足夠的空間來呼吸并完全響應(yīng)“少即是多”的策略。他們不希望被信息，圖形，彈出窗口和一系列迷失方向的視覺效果所淹沒。他們想要的是一個(gè)簡單，清晰和精心設(shè)計(jì)的頁面，為他們提供準(zhǔn)確而重要的信息，讓他們知道他們可以做些什么來了解更多信息。除此之外的任何東西最好用一大塊白色像素代替。

8、試一試，測試它

在網(wǎng)站設(shè)計(jì)時(shí)，我們對它非常熟悉，以至于我們不再是其有效性的最佳評判者。你永遠(yuǎn)無法知道你的網(wǎng)站是否做了它應(yīng)該做的事情，除非你把它拿出去測試。即使您可以讓一個(gè)用戶查看和瀏覽您的網(wǎng)站（并與您分享他們的想法），它也會(huì)為您提供一些您不會(huì)有的有用的見解。