網(wǎng)頁設(shè)計布局中成功的三個基本元素
發(fā)布日期:2021-07-20 關(guān)鍵詞:網(wǎng)頁設(shè)計布局中成功的三個基本元素 已有 1426 人瀏覽
超卓的網(wǎng)頁規(guī)劃既便利用戶又靈敏,即便面對不斷改變的趨勢和技能也是如此。幸運的是,在現(xiàn)代網(wǎng)頁規(guī)劃世界中,網(wǎng)站布局不僅在藝術(shù)領(lǐng)域獲得進步,而且在辦法和邏輯上都加深了他們的利益。這使得一個偉大的網(wǎng)頁規(guī)劃布局的藝術(shù)和科學很容易仿制,咱們在這里解說這一切。
易于識別的品牌
好吧,咱們知道那是一口,但它非常重要。
在營銷中聽到“沖突”這個詞簡直就像在隨機對話中聽到“伏地魔”這個姓名一樣。它會讓您脊背發(fā)涼,并立即讓您置疑您的網(wǎng)站是否正走向災禍。
可是,有一種超級簡略的辦法可以避免網(wǎng)站規(guī)劃中的沖突,使您的品牌易于識別:顯而易見。
不,這不是技巧問題的技巧答案。
雖然您的聽眾很聰明是顯而易見的,但當咱們讓他們比必要的更努力考慮時就會發(fā)生沖突。
因而,當您開端開端安置您的網(wǎng)站時,請保證您不要忽視基礎(chǔ)知識——您的品牌標志、顏色和字體。
一個可以運用徽標更新的品牌示例?伯克希爾·哈撒韋公司。
雖然沃倫巴菲特的身價高達 1080 億美元……加上“B”……但他的網(wǎng)站并未向用戶介紹公司的任何信息。除了簡略的徽標外,該網(wǎng)站乃至沒有關(guān)于咱們的頁面來幫助用戶了解他們正在檢查的內(nèi)容。
現(xiàn)在,與該網(wǎng)站直接敵對的是全球金融機構(gòu)富國銀行。
他們不僅在折疊上方有 “關(guān)于富國銀行”的鏈接,網(wǎng)站上的視覺效果和副本讓網(wǎng)絡(luò)訪問者更容易了解這是一家旨在履行簡化客戶日子任務(wù)的金融機構(gòu).
清晰的導航
第二點緊接第一點,你會理解為什么。
就像上面提到的,網(wǎng)頁布局和沖突就像油和水——它們不會混合。因而,當呈現(xiàn)測試用戶耐性的選項時……好吧,不是……咱們的專業(yè)定見會為后者投票。
完成這一方針的最佳辦法是保證您的網(wǎng)站布局為用戶消除盡可能多的問號。
或許,換句話說,是直觀的。
以谷歌的母公司 Alphabet 為例。
像什么?
雖然網(wǎng)頁規(guī)劃在視覺上很吸引人,并且對空白的運用非常好,但我有很多問題。
我不想更多地了解他們的投資者,我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。
而這正是沖突力。
這些問題簡直肯定會讓人感到懊喪,然后導致用戶跳入競賽的懷有。
網(wǎng)絡(luò)訪問者期待即時滿足。正如我對Alphabet 的回應(yīng)所證明的那樣,我和咱們大多數(shù)人一樣。
現(xiàn)在,看看像Primitive這樣的公司。
雖然一家以服務(wù)為導向的公司(與產(chǎn)品相比)在向潛在客戶表達他們的價值時可能會有些困難,但網(wǎng)絡(luò)訪問者需求知道你在做什么以及你怎么簡直立即為他們供給價值當然不是不可能的,不然他們將永遠不會留在您的網(wǎng)站上。
因而,消除沖突的最簡略和最簡略的辦法之一是保證用戶有效瀏覽您的網(wǎng)站所需的一切都坐落折疊上方,如上圖。這意味著您的導航應(yīng)該在您的用戶進行任何翻滾之前存在。
假如用戶有興趣了解有關(guān)您在導航中顯示的預告片的更多信息,則他們可以決議開端探索過程。
視覺層次
與閱覽一本書(從左到右)不同,大多數(shù)網(wǎng)站都規(guī)劃為從上到下檢查。
然而,即便掌握了這些知識,重要的是要記住,大多數(shù)網(wǎng)絡(luò)用戶不會按照該次序檢查網(wǎng)站布局。事實上,大多數(shù)網(wǎng)站讀者根本不閱覽網(wǎng)站——他們僅僅瀏覽。
這與視覺層次結(jié)構(gòu)也有很大聯(lián)系,即您的網(wǎng)頁規(guī)劃策略。
網(wǎng)站是豐富的品牌信息和信息。您的組織可以依據(jù)視覺元素的層次結(jié)構(gòu)將特定消息定向到特定受眾。
這使得優(yōu)先考慮您的消息對您的網(wǎng)站布局至關(guān)重要。
以 Arngren.net 為例
視覺效果是混亂的,用戶完全沒有理由了解該品牌期望經(jīng)過該網(wǎng)站完成的方針。
然而,與這個令人焦慮的網(wǎng)站形成鮮明對比的是 Apple 的網(wǎng)站,該網(wǎng)站展示了他們的AirPods Pro。
現(xiàn)在,蘋果在技能和文化方面已經(jīng)有幾十年的前史了,所以它有一點不公平的優(yōu)勢??墒?,假如它沒有壞,就不要修理它。
它們的布局極簡、時姑且易于導航。一旦用戶進入網(wǎng)站,他們就會了解 Apple 正在推廣的產(chǎn)品,并被邀請觀看“觀看產(chǎn)品電影”或以產(chǎn)品為焦點的故事。
在比較兩種網(wǎng)站規(guī)劃(Arngren 與 Apple)時,用戶實質(zhì)上會遇到兩種天壤之別的體會,假如有挑選,我很難幻想許多人會挑選前者。
雖然網(wǎng)頁規(guī)劃屬于簡略到時尚和復雜的范圍,但具有一個布局精美的網(wǎng)站歸結(jié)為兩件事:尊重您的觀眾和尊重基礎(chǔ)。
易于識別的品牌
好吧,咱們知道那是一口,但它非常重要。
在營銷中聽到“沖突”這個詞簡直就像在隨機對話中聽到“伏地魔”這個姓名一樣。它會讓您脊背發(fā)涼,并立即讓您置疑您的網(wǎng)站是否正走向災禍。
可是,有一種超級簡略的辦法可以避免網(wǎng)站規(guī)劃中的沖突,使您的品牌易于識別:顯而易見。
不,這不是技巧問題的技巧答案。
雖然您的聽眾很聰明是顯而易見的,但當咱們讓他們比必要的更努力考慮時就會發(fā)生沖突。
因而,當您開端開端安置您的網(wǎng)站時,請保證您不要忽視基礎(chǔ)知識——您的品牌標志、顏色和字體。
一個可以運用徽標更新的品牌示例?伯克希爾·哈撒韋公司。
雖然沃倫巴菲特的身價高達 1080 億美元……加上“B”……但他的網(wǎng)站并未向用戶介紹公司的任何信息。除了簡略的徽標外,該網(wǎng)站乃至沒有關(guān)于咱們的頁面來幫助用戶了解他們正在檢查的內(nèi)容。
現(xiàn)在,與該網(wǎng)站直接敵對的是全球金融機構(gòu)富國銀行。
他們不僅在折疊上方有 “關(guān)于富國銀行”的鏈接,網(wǎng)站上的視覺效果和副本讓網(wǎng)絡(luò)訪問者更容易了解這是一家旨在履行簡化客戶日子任務(wù)的金融機構(gòu).
清晰的導航
第二點緊接第一點,你會理解為什么。
就像上面提到的,網(wǎng)頁布局和沖突就像油和水——它們不會混合。因而,當呈現(xiàn)測試用戶耐性的選項時……好吧,不是……咱們的專業(yè)定見會為后者投票。
完成這一方針的最佳辦法是保證您的網(wǎng)站布局為用戶消除盡可能多的問號。
或許,換句話說,是直觀的。
以谷歌的母公司 Alphabet 為例。
像什么?
雖然網(wǎng)頁規(guī)劃在視覺上很吸引人,并且對空白的運用非常好,但我有很多問題。
我不想更多地了解他們的投資者,我想知道他們到底在做什么以及他們?yōu)槭裁催@樣做。
而這正是沖突力。
這些問題簡直肯定會讓人感到懊喪,然后導致用戶跳入競賽的懷有。
網(wǎng)絡(luò)訪問者期待即時滿足。正如我對Alphabet 的回應(yīng)所證明的那樣,我和咱們大多數(shù)人一樣。
現(xiàn)在,看看像Primitive這樣的公司。
雖然一家以服務(wù)為導向的公司(與產(chǎn)品相比)在向潛在客戶表達他們的價值時可能會有些困難,但網(wǎng)絡(luò)訪問者需求知道你在做什么以及你怎么簡直立即為他們供給價值當然不是不可能的,不然他們將永遠不會留在您的網(wǎng)站上。
因而,消除沖突的最簡略和最簡略的辦法之一是保證用戶有效瀏覽您的網(wǎng)站所需的一切都坐落折疊上方,如上圖。這意味著您的導航應(yīng)該在您的用戶進行任何翻滾之前存在。
假如用戶有興趣了解有關(guān)您在導航中顯示的預告片的更多信息,則他們可以決議開端探索過程。
視覺層次
與閱覽一本書(從左到右)不同,大多數(shù)網(wǎng)站都規(guī)劃為從上到下檢查。
然而,即便掌握了這些知識,重要的是要記住,大多數(shù)網(wǎng)絡(luò)用戶不會按照該次序檢查網(wǎng)站布局。事實上,大多數(shù)網(wǎng)站讀者根本不閱覽網(wǎng)站——他們僅僅瀏覽。
這與視覺層次結(jié)構(gòu)也有很大聯(lián)系,即您的網(wǎng)頁規(guī)劃策略。
網(wǎng)站是豐富的品牌信息和信息。您的組織可以依據(jù)視覺元素的層次結(jié)構(gòu)將特定消息定向到特定受眾。
這使得優(yōu)先考慮您的消息對您的網(wǎng)站布局至關(guān)重要。
以 Arngren.net 為例
視覺效果是混亂的,用戶完全沒有理由了解該品牌期望經(jīng)過該網(wǎng)站完成的方針。
然而,與這個令人焦慮的網(wǎng)站形成鮮明對比的是 Apple 的網(wǎng)站,該網(wǎng)站展示了他們的AirPods Pro。
現(xiàn)在,蘋果在技能和文化方面已經(jīng)有幾十年的前史了,所以它有一點不公平的優(yōu)勢??墒?,假如它沒有壞,就不要修理它。
它們的布局極簡、時姑且易于導航。一旦用戶進入網(wǎng)站,他們就會了解 Apple 正在推廣的產(chǎn)品,并被邀請觀看“觀看產(chǎn)品電影”或以產(chǎn)品為焦點的故事。
在比較兩種網(wǎng)站規(guī)劃(Arngren 與 Apple)時,用戶實質(zhì)上會遇到兩種天壤之別的體會,假如有挑選,我很難幻想許多人會挑選前者。
雖然網(wǎng)頁規(guī)劃屬于簡略到時尚和復雜的范圍,但具有一個布局精美的網(wǎng)站歸結(jié)為兩件事:尊重您的觀眾和尊重基礎(chǔ)。
注:本文來自深一集團原創(chuàng)或轉(zhuǎn)截 http://yuntuiyb.com/newslist_7512_2.html 如需轉(zhuǎn)載,請注明出處!