2023-12-17 分類: 網(wǎng)站建設(shè)
通過實(shí)施視覺層次的基礎(chǔ),您的網(wǎng)站不僅能告訴你的觀眾那里點(diǎn)擊,但它也可以傳達(dá)你想說的一切,都沒有一點(diǎn)復(fù)制。通過簡單的藝術(shù)級的技術(shù),你的網(wǎng)站的審美和轉(zhuǎn)化率可以完全改變。
但是在我們可以討論怎樣創(chuàng)造視覺層次,我們必須談?wù)劄槭裁次覀冃枰?。視覺層次的原因有三是重要的(我們稱之為3 C):
通訊
最終,每一個網(wǎng)站的目的是交流。即使是看似毫無意義的網(wǎng)站,如heeeeeeeey.com,是說在這種情況下,什么東西,“嘿!呵!“
沒有視覺層次,你的站點(diǎn)的消息可能會丟失在段落的中間,當(dāng)它應(yīng)該在褶皺是響亮而驕傲。網(wǎng)站的界面應(yīng)該與您的副本一致,在它應(yīng)該提出同樣的消息顯然和盡可能有效地。
聯(lián)系
人們不買蘋果產(chǎn)品,因?yàn)樗麄兏玫毓ぷ?;人們購買蘋果的產(chǎn)品是因?yàn)樗麄兏杏X良好。擁有一臺MacBook并不意味著你比你的對手微軟非常好的技術(shù);它意味著你有一個設(shè)計(jì)精美的產(chǎn)品,讓你感覺很酷。
你的網(wǎng)站應(yīng)該培養(yǎng)這種與觀眾的連接。使是如此美麗,他們立即松弛共享網(wǎng)站。這是“為什么”西蒙·斯涅克就把它讓人買。視覺層次是創(chuàng)造“酷因素至關(guān)重要,“那種讓你的眼睛彈出,手指急于書簽。
轉(zhuǎn)換
當(dāng)你給一個客戶的網(wǎng)站設(shè)計(jì),他們有一個特定的功能的話,無論是購買、訂閱,甚至只是一個類似臉譜網(wǎng)。這應(yīng)該是一個首要的問題,你問他們:你想讓你的目標(biāo)客戶是什么做?
比方說,你在你的頁面中有一個錨鏈接,你滴下來的接觸形式。簡單的,容易的代碼有效,如果做得正確?,F(xiàn)在我們說的錨鏈接是作為主體的字體大小和顏色,沒有特別強(qiáng)調(diào)或設(shè)計(jì)投入。誰會點(diǎn)擊它嗎?
現(xiàn)在,我們已經(jīng)建立了為什么你需要優(yōu)先考慮的視覺層次,我們究竟需要打破。這里有5個基本的視覺層次,你需要知道的:
形狀
人類的大腦是一個有趣的事情,總要區(qū)分對象??纯催@個圖像:
甚至沒有考慮它,你知道有三種不同的形狀:三角形、圓形和方形。沒有給它過多思考,哪一個你會點(diǎn)擊嗎?
有沒有一個具體的方法來預(yù)測,并與其他變量(如大小、顏色和刪除復(fù)制),你的答案可能會完全不同。(在下面留言評論,讓我們知道哪一個你挑?。┎还茉鯓樱幸粋€站出來給你比別人多,和傳遞成型的基本原理,在視覺層次。
顏色
顏色可以說。通過語言的色彩轉(zhuǎn)換,項(xiàng)目的感受和提請注意,無論你把它。你完全控制在用戶的眼睛會對你的網(wǎng)頁;這不是運(yùn)氣或機(jī)會,引導(dǎo)眼球的設(shè)計(jì)。
我們談了很多關(guān)于顏色在Vandelay設(shè)計(jì),但它永遠(yuǎn)不會失去它的意義,毫無疑問,設(shè)計(jì)的一個最強(qiáng)大的元素。在視覺層次的背景下,主要是兩種顏色行為:創(chuàng)造性和功能。
色彩的作品,它是創(chuàng)造性的品牌完全必要的。顏色是創(chuàng)造性的;它是一個藝術(shù)的最基本的方面。而藍(lán)色是通常用于網(wǎng)絡(luò)由于它的普遍信任的內(nèi)涵,黃色也可以捕捉的眼睛,注意是有用的。紅色代表速度,快節(jié)奏的人銷售服務(wù)相關(guān)的,黑色是公認(rèn)的一個很好的衡量“優(yōu)質(zhì)”產(chǎn)品。
然后在功能,顏色也同樣重要。讓我們再看一看那些形狀:
沒有任何形狀特別脫穎而出呢?如果我們來打賭,一般的消費(fèi)者會選擇點(diǎn)擊黃色圈外,它是沒有理由。這是多么重要的顏色是它無言地說,正是你需要說的。
大小
有一個進(jìn)化的原因,大象和老鼠要看他們的樣子。自然界中的其他事物一樣,它們的大小有一個目的,這是他們的生物組成部分。這使他們他們是誰。
你頁面上的元素的尺寸達(dá)到同樣的目的;他們溝通的重要性,在設(shè)計(jì)的必要性和重點(diǎn)。該網(wǎng)站awwwards.com取得優(yōu)良的點(diǎn)時,他們說這:
“[尺寸]繞過傳統(tǒng)的左到右,由上到下的閱讀。這意味著在右下角大的詞或短語可能是第一件事的人讀。”
想用簡單的網(wǎng)頁設(shè)計(jì),你有能力破壞很基本,閱讀西方的過程。幾個世紀(jì)以來,西方人從左至右的,而只是一個文本框,你完全可以把它的頭。如果這不是要充滿激情,是什么?
再次回到形狀。注意到新的東西嗎?
機(jī)會是黃色的圓圈是真的站出來,你現(xiàn)在。盡管其他兩個形狀的顏色也發(fā)生了變化,還有一個形狀,顯眼。這直接關(guān)系到元素…
對比優(yōu)勢
大的黃色圓圈站出來的眼睛因?yàn)樗遣煌摹T谝粋€世界里,我們常常會鼓勵下降線和堅(jiān)持現(xiàn)狀,可以鼓勵作為一個設(shè)計(jì)師,記住要站出來是值得的。
這些元素的對比優(yōu)勢是很重要的因?yàn)樗麄儎?chuàng)造了兩個看似不相關(guān)的對象之間的關(guān)聯(lián)。讓我們比較我們的形象開始和我們現(xiàn)在的:
黃色的圓圈作為占主導(dǎo)地位,而其他形狀的行為相反,兩圈并相互。
回到那些三C:如果我們實(shí)施這些理念融入到網(wǎng)站設(shè)計(jì),我們可以作出一個行動號召按鈕大,所以溝通重要性,黃色,因此培養(yǎng)聯(lián)系,和占主導(dǎo)地位的網(wǎng)頁上,使按鈕確保轉(zhuǎn)換
在網(wǎng)頁設(shè)計(jì)的視覺層次的每一個元素都是相關(guān)的,從圖像中我們選擇我們這樣的格式和字體。在每一段你剛剛讀了上面那些H2標(biāo)題?他們是大于一個顯而易見的原因-正文他們站出來。
這就是這一切的依據(jù),真的。培育優(yōu)勢。選擇你想脫穎而出。有組織的和故意的網(wǎng)站設(shè)計(jì),更多的轉(zhuǎn)換和連接,你會。
分享標(biāo)題:成都網(wǎng)站建設(shè):網(wǎng)站設(shè)計(jì)理解視覺層次的要點(diǎn)
本文地址:http://jinyejixie.com/news3/309053.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、動態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容