阿里裝修托管
微信人工客服 |
網(wǎng)頁(yè)設(shè)計(jì)布局中成功的三個(gè)基本元素
發(fā)布日期：2021-07-20 關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì)布局中成功的三個(gè)基本元素 已有 1873 人瀏覽
超卓的網(wǎng)頁(yè)規(guī)劃既便利用戶又靈敏，即便面對(duì)不斷改變的趨勢(shì)和技能也是如此。幸運(yùn)的是，在現(xiàn)代網(wǎng)頁(yè)規(guī)劃世界中，網(wǎng)站布局不僅在藝術(shù)領(lǐng)域獲得進(jìn)步，而且在辦法和邏輯上都加深了他們的利益。這使得一個(gè)偉大的網(wǎng)頁(yè)規(guī)劃布局的藝術(shù)和科學(xué)很容易仿制，咱們?cè)谶@里解說(shuō)這一切。
易于識(shí)別的品牌
好吧，咱們知道那是一口，但它非常重要。
在營(yíng)銷中聽(tīng)到“沖突”這個(gè)詞簡(jiǎn)直就像在隨機(jī)對(duì)話中聽(tīng)到“伏地魔”這個(gè)姓名一樣。它會(huì)讓您脊背發(fā)涼，并立即讓您置疑您的網(wǎng)站是否正走向?yàn)?zāi)禍。
可是，有一種超級(jí)簡(jiǎn)略的辦法可以避免網(wǎng)站規(guī)劃中的沖突，使您的品牌易于識(shí)別：顯而易見(jiàn)。
不，這不是技巧問(wèn)題的技巧答案。
雖然您的聽(tīng)眾很聰明是顯而易見(jiàn)的，但當(dāng)咱們讓他們比必要的更努力考慮時(shí)就會(huì)發(fā)生沖突。
因而，當(dāng)您開(kāi)端開(kāi)端安置您的網(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)站乃至沒(méi)有關(guān)于咱們的頁(yè)面來(lái)幫助用戶了解他們正在檢查的內(nèi)容。
現(xiàn)在，與該網(wǎng)站直接敵對(duì)的是全球金融機(jī)構(gòu)富國(guó)銀行。
他們不僅在折疊上方有 “關(guān)于富國(guó)銀行”的鏈接，網(wǎng)站上的視覺(jué)效果和副本讓網(wǎng)絡(luò)訪問(wèn)者更容易了解這是一家旨在履行簡(jiǎn)化客戶日子任務(wù)的金融機(jī)構(gòu).
清晰的導(dǎo)航
第二點(diǎn)緊接第一點(diǎn)，你會(huì)理解為什么。
就像上面提到的，網(wǎng)頁(yè)布局和沖突就像油和水——它們不會(huì)混合。因而，當(dāng)呈現(xiàn)測(cè)試用戶耐性的選項(xiàng)時(shí)……好吧，不是……咱們的專業(yè)定見(jiàn)會(huì)為后者投票。
完成這一方針的最佳辦法是保證您的網(wǎng)站布局為用戶消除盡可能多的問(wèn)號(hào)。
或許，換句話說(shuō)，是直觀的。
以谷歌的母公司 Alphabet 為例。
像什么？
雖然網(wǎng)頁(yè)規(guī)劃在視覺(jué)上很吸引人，并且對(duì)空白的運(yùn)用非常好，但我有很多問(wèn)題。
我不想更多地了解他們的投資者，我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。
而這正是沖突力。
這些問(wèn)題簡(jiǎn)直肯定會(huì)讓人感到懊喪，然后導(dǎo)致用戶跳入競(jìng)賽的懷有。
網(wǎng)絡(luò)訪問(wèn)者期待即時(shí)滿足。正如我對(duì)Alphabet 的回應(yīng)所證明的那樣，我和咱們大多數(shù)人一樣。
現(xiàn)在，看看像Primitive這樣的公司。
雖然一家以服務(wù)為導(dǎo)向的公司（與產(chǎn)品相比）在向潛在客戶表達(dá)他們的價(jià)值時(shí)可能會(huì)有些困難，但網(wǎng)絡(luò)訪問(wèn)者需求知道你在做什么以及你怎么簡(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ù)告片的更多信息，則他們可以決議開(kāi)端探索過(guò)程。
視覺(jué)層次
與閱覽一本書(shū)（從左到右）不同，大多數(shù)網(wǎng)站都規(guī)劃為從上到下檢查。
然而，即便掌握了這些知識(shí)，重要的是要記住，大多數(shù)網(wǎng)絡(luò)用戶不會(huì)按照該次序檢查網(wǎng)站布局。事實(shí)上，大多數(shù)網(wǎng)站讀者根本不閱覽網(wǎng)站——他們僅僅瀏覽。
這與視覺(jué)層次結(jié)構(gòu)也有很大聯(lián)系，即您的網(wǎng)頁(yè)規(guī)劃策略。
網(wǎng)站是豐富的品牌信息和信息。您的組織可以依據(jù)視覺(jué)元素的層次結(jié)構(gòu)將特定消息定向到特定受眾。
這使得優(yōu)先考慮您的消息對(duì)您的網(wǎng)站布局至關(guān)重要。
以 Arngren.net 為例
視覺(jué)效果是混亂的，用戶完全沒(méi)有理由了解該品牌期望經(jīng)過(guò)該網(wǎng)站完成的方針。
然而，與這個(gè)令人焦慮的網(wǎng)站形成鮮明對(duì)比的是 Apple 的網(wǎng)站，該網(wǎng)站展示了他們的AirPods Pro。
現(xiàn)在，蘋(píng)果在技能和文化方面已經(jīng)有幾十年的前史了，所以它有一點(diǎn)不公平的優(yōu)勢(shì)。可是，假如它沒(méi)有壞，就不要修理它。
它們的布局極簡(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)頁(yè)規(guī)劃屬于簡(jiǎn)略到時(shí)尚和復(fù)雜的范圍，但具有一個(gè)布局精美的網(wǎng)站歸結(jié)為兩件事：尊重您的觀眾和尊重基礎(chǔ)。
易于識(shí)別的品牌
好吧，咱們知道那是一口，但它非常重要。
在營(yíng)銷中聽(tīng)到“沖突”這個(gè)詞簡(jiǎn)直就像在隨機(jī)對(duì)話中聽(tīng)到“伏地魔”這個(gè)姓名一樣。它會(huì)讓您脊背發(fā)涼，并立即讓您置疑您的網(wǎng)站是否正走向?yàn)?zāi)禍。
可是，有一種超級(jí)簡(jiǎn)略的辦法可以避免網(wǎng)站規(guī)劃中的沖突，使您的品牌易于識(shí)別：顯而易見(jiàn)。
不，這不是技巧問(wèn)題的技巧答案。
雖然您的聽(tīng)眾很聰明是顯而易見(jiàn)的，但當(dāng)咱們讓他們比必要的更努力考慮時(shí)就會(huì)發(fā)生沖突。
因而，當(dāng)您開(kāi)端開(kāi)端安置您的網(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)站乃至沒(méi)有關(guān)于咱們的頁(yè)面來(lái)幫助用戶了解他們正在檢查的內(nèi)容。
現(xiàn)在，與該網(wǎng)站直接敵對(duì)的是全球金融機(jī)構(gòu)富國(guó)銀行。
他們不僅在折疊上方有 “關(guān)于富國(guó)銀行”的鏈接，網(wǎng)站上的視覺(jué)效果和副本讓網(wǎng)絡(luò)訪問(wèn)者更容易了解這是一家旨在履行簡(jiǎn)化客戶日子任務(wù)的金融機(jī)構(gòu).
清晰的導(dǎo)航
第二點(diǎn)緊接第一點(diǎn)，你會(huì)理解為什么。
就像上面提到的，網(wǎng)頁(yè)布局和沖突就像油和水——它們不會(huì)混合。因而，當(dāng)呈現(xiàn)測(cè)試用戶耐性的選項(xiàng)時(shí)……好吧，不是……咱們的專業(yè)定見(jiàn)會(huì)為后者投票。
完成這一方針的最佳辦法是保證您的網(wǎng)站布局為用戶消除盡可能多的問(wèn)號(hào)。
或許，換句話說(shuō)，是直觀的。
以谷歌的母公司 Alphabet 為例。
像什么？
雖然網(wǎng)頁(yè)規(guī)劃在視覺(jué)上很吸引人，并且對(duì)空白的運(yùn)用非常好，但我有很多問(wèn)題。
我不想更多地了解他們的投資者，我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。
而這正是沖突力。
這些問(wèn)題簡(jiǎn)直肯定會(huì)讓人感到懊喪，然后導(dǎo)致用戶跳入競(jìng)賽的懷有。
網(wǎng)絡(luò)訪問(wèn)者期待即時(shí)滿足。正如我對(duì)Alphabet 的回應(yīng)所證明的那樣，我和咱們大多數(shù)人一樣。
現(xiàn)在，看看像Primitive這樣的公司。
雖然一家以服務(wù)為導(dǎo)向的公司（與產(chǎn)品相比）在向潛在客戶表達(dá)他們的價(jià)值時(shí)可能會(huì)有些困難，但網(wǎng)絡(luò)訪問(wèn)者需求知道你在做什么以及你怎么簡(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ù)告片的更多信息，則他們可以決議開(kāi)端探索過(guò)程。
視覺(jué)層次
與閱覽一本書(shū)（從左到右）不同，大多數(shù)網(wǎng)站都規(guī)劃為從上到下檢查。
然而，即便掌握了這些知識(shí)，重要的是要記住，大多數(shù)網(wǎng)絡(luò)用戶不會(huì)按照該次序檢查網(wǎng)站布局。事實(shí)上，大多數(shù)網(wǎng)站讀者根本不閱覽網(wǎng)站——他們僅僅瀏覽。
這與視覺(jué)層次結(jié)構(gòu)也有很大聯(lián)系，即您的網(wǎng)頁(yè)規(guī)劃策略。
網(wǎng)站是豐富的品牌信息和信息。您的組織可以依據(jù)視覺(jué)元素的層次結(jié)構(gòu)將特定消息定向到特定受眾。
這使得優(yōu)先考慮您的消息對(duì)您的網(wǎng)站布局至關(guān)重要。
以 Arngren.net 為例
視覺(jué)效果是混亂的，用戶完全沒(méi)有理由了解該品牌期望經(jīng)過(guò)該網(wǎng)站完成的方針。
然而，與這個(gè)令人焦慮的網(wǎng)站形成鮮明對(duì)比的是 Apple 的網(wǎng)站，該網(wǎng)站展示了他們的AirPods Pro。
現(xiàn)在，蘋(píng)果在技能和文化方面已經(jīng)有幾十年的前史了，所以它有一點(diǎn)不公平的優(yōu)勢(shì)。可是，假如它沒(méi)有壞，就不要修理它。
它們的布局極簡(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)頁(yè)規(guī)劃屬于簡(jiǎn)略到時(shí)尚和復(fù)雜的范圍，但具有一個(gè)布局精美的網(wǎng)站歸結(jié)為兩件事：尊重您的觀眾和尊重基礎(chǔ)。
注：本文來(lái)自深一集團(tuán)原創(chuàng)或轉(zhuǎn)截 http://www.qingdaojichang.cn/newslist_7512_2.html 如需轉(zhuǎn)載，請(qǐng)注明出處！
專注設(shè)計(jì)14年
深一云服務(wù)器
拒絕不當(dāng)利
500強(qiáng)企業(yè)網(wǎng)
10000家客戶案
83位技術(shù)團(tuán)隊(duì)
只做有排名
200人服務(wù)團(tuán)隊(duì)
