網(wǎng)頁設(shè)計(jì)布局中成功的三個(gè)基本元素

超卓的網(wǎng)頁規(guī)劃既便利用戶又靈敏，即便面對(duì)不斷改變的趨勢(shì)和技能也是如此。幸運(yùn)的是，在現(xiàn)代網(wǎng)頁規(guī)劃世界中，網(wǎng)站布局不僅在藝術(shù)領(lǐng)域獲得進(jìn)步，而且在辦法和邏輯上都加深了他們的利益。這使得一個(gè)偉大的網(wǎng)頁規(guī)劃布局的藝術(shù)和科學(xué)很容易仿制，咱們?cè)谶@里解說這一切。

易于識(shí)別的品牌

好吧，咱們知道那是一口，但它非常重要。

在營(yíng)銷中聽到“沖突”這個(gè)詞簡(jiǎn)直就像在隨機(jī)對(duì)話中聽到“伏地魔”這個(gè)姓名一樣。它會(huì)讓您脊背發(fā)涼，并立即讓您置疑您的網(wǎng)站是否正走向?yàn)?zāi)禍。

可是，有一種超級(jí)簡(jiǎn)略的辦法可以避免網(wǎng)站規(guī)劃中的沖突，使您的品牌易于識(shí)別：顯而易見。

不，這不是技巧問題的技巧答案。

雖然您的聽眾很聰明是顯而易見的，但當(dāng)咱們讓他們比必要的更努力考慮時(shí)就會(huì)發(fā)生沖突。

因而，當(dāng)您開端開端安置您的網(wǎng)站時(shí)，請(qǐng)保證您不要忽視基礎(chǔ)知識(shí)——您的品牌標(biāo)志、顏色和字體。

一個(gè)可以運(yùn)用徽標(biāo)更新的品牌示例？伯克希爾·哈撒韋公司。

雖然沃倫巴菲特的身價(jià)高達(dá) 1080 億美元……加上“B”……但他的網(wǎng)站并未向用戶介紹公司的任何信息。除了簡(jiǎn)略的徽標(biāo)外，該網(wǎng)站乃至沒有關(guān)于咱們的頁面來幫助用戶了解他們正在檢查的內(nèi)容。


現(xiàn)在，與該網(wǎng)站直接敵對(duì)的是全球金融機(jī)構(gòu)富國(guó)銀行。

他們不僅在折疊上方有 “關(guān)于富國(guó)銀行”的鏈接，網(wǎng)站上的視覺效果和副本讓網(wǎng)絡(luò)訪問者更容易了解這是一家旨在履行簡(jiǎn)化客戶日子任務(wù)的金融機(jī)構(gòu).


清晰的導(dǎo)航
第二點(diǎn)緊接第一點(diǎn)，你會(huì)理解為什么。

就像上面提到的，網(wǎng)頁布局和沖突就像油和水——它們不會(huì)混合。因而，當(dāng)呈現(xiàn)測(cè)試用戶耐性的選項(xiàng)時(shí)……好吧，不是……咱們的專業(yè)定見會(huì)為后者投票。

完成這一方針的好辦法是保證您的網(wǎng)站布局為用戶消除盡可能多的問號(hào)。

或許，換句話說，是直觀的。

以谷歌的母公司 Alphabet 為例。


像什么？

雖然網(wǎng)頁規(guī)劃在視覺上很吸引人，并且對(duì)空白的運(yùn)用非常好，但我有很多問題。

我不想更多地了解他們的投資者，我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。

而這正是沖突力。

這些問題簡(jiǎn)直肯定會(huì)讓人感到懊喪，然后導(dǎo)致用戶跳入競(jìng)賽的懷有。

網(wǎng)絡(luò)訪問者期待即時(shí)滿足。正如我對(duì)Alphabet 的回應(yīng)所證明的那樣，我和咱們大多數(shù)人一樣。

現(xiàn)在，看看像Primitive這樣的公司。


雖然一家以服務(wù)為導(dǎo)向的公司（與產(chǎn)品相比）在向潛在客戶表達(dá)他們的價(jià)值時(shí)可能會(huì)有些困難，但網(wǎng)絡(luò)訪問者需求知道你在做什么以及你怎么簡(jiǎn)直立即為他們供給價(jià)值當(dāng)然不是不可能的，不然他們將永遠(yuǎn)不會(huì)留在您的網(wǎng)站上。

因而，消除沖突的最簡(jiǎn)略和最簡(jiǎn)略的辦法之一是保證用戶有效瀏覽您的網(wǎng)站所需的一切都坐落折疊上方，如上圖。這意味著您的導(dǎo)航應(yīng)該在您的用戶進(jìn)行任何翻滾之前存在。

假如用戶有興趣了解有關(guān)您在導(dǎo)航中顯示的預(yù)告片的更多信息，則他們可以決議開端探索過程。

視覺層次
與閱覽一本書（從左到右）不同，大多數(shù)網(wǎng)站都規(guī)劃為從上到下檢查。

然而，即便掌握了這些知識(shí)，重要的是要記住，大多數(shù)網(wǎng)絡(luò)用戶不會(huì)按照該次序檢查網(wǎng)站布局。事實(shí)上，大多數(shù)網(wǎng)站讀者根本不閱覽網(wǎng)站——他們僅僅瀏覽。

這與視覺層次結(jié)構(gòu)也有很大聯(lián)系，即您的網(wǎng)頁規(guī)劃策略。

網(wǎng)站是豐富的品牌信息和信息。您的組織可以依據(jù)視覺元素的層次結(jié)構(gòu)將特定消息定向到特定受眾。

這使得優(yōu)先考慮您的消息對(duì)您的網(wǎng)站布局至關(guān)重要。

以 Arngren.net 為例


視覺效果是混亂的，用戶完全沒有理由了解該品牌期望經(jīng)過該網(wǎng)站完成的方針。

然而，與這個(gè)令人焦慮的網(wǎng)站形成鮮明對(duì)比的是 Apple 的網(wǎng)站，該網(wǎng)站展示了他們的AirPods Pro。


現(xiàn)在，蘋果在技能和文化方面已經(jīng)有幾十年的前史了，所以它有一點(diǎn)不公平的優(yōu)勢(shì)?？墒牵偃缢鼪]有壞，就不要修理它。

它們的布局極簡(jiǎn)、時(shí)姑且易于導(dǎo)航。一旦用戶進(jìn)入網(wǎng)站，他們就會(huì)了解 Apple 正在推廣的產(chǎn)品，并被邀請(qǐng)觀看“觀看產(chǎn)品電影”或以產(chǎn)品為焦點(diǎn)的故事。

在比較兩種網(wǎng)站規(guī)劃（Arngren 與 Apple）時(shí)，用戶實(shí)質(zhì)上會(huì)遇到兩種天壤之別的體會(huì)，假如有挑選，我很難幻想許多人會(huì)挑選前者。

雖然網(wǎng)頁規(guī)劃屬于簡(jiǎn)略到時(shí)尚和復(fù)雜的范圍，但具有一個(gè)布局精美的網(wǎng)站歸結(jié)為兩件事：尊重您的觀眾和尊重基礎(chǔ)。

本文標(biāo)題：網(wǎng)頁設(shè)計(jì)布局中成功的三個(gè)基本元素
轉(zhuǎn)載源于：http://bm7419.com/news/190350.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、響應(yīng)式網(wǎng)站、網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)