<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點(diǎn)和您一起共享

    網(wǎng)站建設(shè)中連續(xù)性在設(shè)計(jì)中的應(yīng)用發(fā)布者:本站     時(shí)間:2022-03-04 10:03:39

    格式塔心理學(xué)的連續(xù)法則說明了我們的眼睛會將多個(gè)對象連成一條路徑
    連續(xù)性是眼睛的一種本能反應(yīng),我們傾向于將觀看的多個(gè)對象形成一條路徑。這條路徑,可以是想象出來的,也可以是文字含義所提示的。

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    北斗七星的勺子形象就是一個(gè)想象出來的路徑
    雖然上面的星星排列并無規(guī)律,但我們的眼睛會自動(dòng)將上面的星星連成一條路徑。

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    這條路就是文字本身的含義讓我們連成一條路徑
    因?yàn)槲覀兡X海里已經(jīng)對“路”有了一個(gè)明確的概念,所以就算上述的圖片中小路看起來是斷斷續(xù)續(xù)的,但我們的眼睛仍然是“看到”一條完整的路。

     

    連續(xù)性會將對象連結(jié)在一起
    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    盡管上述的線條中間斷開,但格式塔的連續(xù)法則理論說明了我們的眼睛會自動(dòng)將這個(gè)斷開的部分補(bǔ)上,形成連續(xù)性。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    而且我們在心理上還會順著這條線的兩個(gè)終點(diǎn)繼續(xù)延伸。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    就算在毫無關(guān)聯(lián)的對象上,連續(xù)性仍然產(chǎn)生作用,在上圖中,我們在腦海里會在線條與圓點(diǎn)之間搭起一座視覺的橋梁。

     

    斷開的線條形成了一種張力
    利用連續(xù)性的心理法則,我們可以在設(shè)計(jì)中創(chuàng)造一種張力——從而形成一種吸引力。

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    上圖是一家銀行的大學(xué)生教育貸款宣傳,宣傳語為“你的大學(xué)教育從我們開始,現(xiàn)在申請可獲低利率貸款”。整體上看并不差,學(xué)生排列圖片呈現(xiàn)的水平方向與同樣水平分布的文字互相形成強(qiáng)有力的視覺效果,也呈現(xiàn)一種簡潔清晰并容易觀看的效果。但問題是,想象你也是他們中的一員,你可能想到的是這個(gè)隊(duì)排得太長了,不知要等到猴年馬月才能申請到。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    為了解決這個(gè)問題,將這條隊(duì)列斷開,根據(jù)連續(xù)法則原理,雖然左右人群被隔成兩部分,但我們?nèi)匀粫⑺鼈儺?dāng)作是一個(gè)整體,好處不僅是讓隊(duì)列看起來沒有這么長,更重要的是你的信息剛好出現(xiàn)在這個(gè)斷開的空間——這是一個(gè)視覺的張力點(diǎn),這極大的增強(qiáng)你的信息關(guān)注度。這是一種更好的排版。

     

    連續(xù)法則讓塔尖更加突出
    任何具有視覺沖擊力的線條都可用于創(chuàng)造一個(gè)焦點(diǎn)。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    不和諧的圖片與版面

    上圖顯示的是舊金山泛美金字塔及周邊建筑物的輪廓圖。這張富沖擊力的圖片置身于一個(gè)毫無特色的版面中,削弱了圖片的力量,也使塔尖及左邊的文字變得不突出。乏味的藍(lán)色扼殺了跳躍的圖片色調(diào),版面充斥著各種水平線的視覺引導(dǎo)也與呈垂直的塔尖格格不入。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    上圖左:我們從圖片開始著手。我們要充分利用圖片中塔尖呈現(xiàn)出的特點(diǎn),先對圖片進(jìn)行裁剪,讓大樓的塔尖更靠近邊緣,對圖片的下半部也進(jìn)行裁剪,這樣圖片的天際線會顯得更富沖擊力,這時(shí),塔尖也成為了一個(gè)強(qiáng)有力的焦點(diǎn)。

    上圖右:上圖的藍(lán)色指示線正是各個(gè)元素在視覺上所形成的一條看不見的路徑,標(biāo)題居中對齊,因?yàn)楦鶕?jù)連續(xù)法則,塔尖會自然地與上方的標(biāo)題產(chǎn)生視覺聯(lián)系,同時(shí)使標(biāo)題成為一個(gè)版面焦點(diǎn)。

     

    連續(xù)性在設(shè)計(jì)中的應(yīng)用

    安置其余的文字:將文字分成兩塊,放置于指示線的左右兩側(cè)。出來的效果就是圖片與文字形成了一種視覺上的聯(lián)系。這是更好的一種設(shè)計(jì)。



    選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
    3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時(shí)聯(lián)系電話:021-58370032
    關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>