|
那么什么是視覺焦點(diǎn)呢？
視覺焦點(diǎn)就是在有限的視線范圍內(nèi)快速捕捉你自己認(rèn)為吸引你的區(qū)域。反映在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中，就是指設(shè)計(jì)的頁面上最吸引人注意的地方，視線上集中交匯的地方，這個(gè)位置就叫焦點(diǎn)。在日常生活中我們運(yùn)用照相機(jī)對(duì)準(zhǔn)人的臉部，那也是在獲取一個(gè)焦點(diǎn)。在網(wǎng)頁設(shè)計(jì)中，引導(dǎo)用戶集中在你想讓他關(guān)注的區(qū)域，那樣會(huì)讓你的設(shè)計(jì)有重心和亮點(diǎn)。
視覺焦點(diǎn)的處理方式
人們用視覺獲取環(huán)境中的信息，對(duì)你注意的周圍都會(huì)是模糊的，你視線集中的中心點(diǎn)是最清晰的。
第一張，視覺上呈現(xiàn)這樣的狀態(tài)是：視線上沒有集中，整體模糊，是成方形的視覺框架。
第二張和第三張，圖中的兩朵花在圖形中是最漂亮的亮點(diǎn)，漂亮的東西會(huì)引人注意，你會(huì)注意到上一朵或則下一朵，注意任何一朵花的時(shí)候，眼球集中點(diǎn)會(huì)以圓的形狀向外逐漸模糊，最中心點(diǎn)就是焦點(diǎn)。
圓形作為設(shè)計(jì)中的元素的時(shí)候，自然更加的適應(yīng)視覺上的感知。
視覺強(qiáng)弱
美女其實(shí)可以獨(dú)立成為一個(gè)視覺焦點(diǎn)，但當(dāng)我們給美女加了圓形邊框后，視覺焦點(diǎn)就轉(zhuǎn)移到圓形邊框包括到的美女上，最后將圓形填充，視覺焦點(diǎn)就轉(zhuǎn)移到填充色的圓形的美女上。
點(diǎn)對(duì)比圖片
圖1 整體畫面平平，人物排列沒有層次，視覺上給人感覺很散。
圖2通過添加圓形背景框，會(huì)讓你想表達(dá)的圖形首先進(jìn)入用戶眼球。
圖3不僅添加圓形背景框，再區(qū)分人物大小，主次分明，焦點(diǎn)突出，畫面活躍立體。
幾何的對(duì)比
上圖中我們可以看到，方形過度到圓形的變化，圓形是由極其細(xì)小的邊角組成，在變化當(dāng)中圖形變得越來越有樂趣，比較下來圓形在幾何圖形中具有平滑流暢的邊緣，圓形更讓人感覺輕松，愉悅。設(shè)計(jì)需要增加樂趣的時(shí)候，我們可以多運(yùn)用流暢線條的圖形來讓頁面活躍起來。
實(shí)例效果進(jìn)行比較(圓型設(shè)計(jì))
在這個(gè)頁面上圓形挑起了大梁，支撐整個(gè)頁面，人物笑臉圖片組合的圓形包圍著瓶子，映射了這個(gè)飲料帶給我們的快樂。圓形不僅加強(qiáng)了焦點(diǎn)，更加強(qiáng)了頁面的層次感，讓頁面不會(huì)單薄、無力度。
實(shí)例效果進(jìn)行比較(方型設(shè)計(jì))
雖然同樣用加框的形式來集中物體焦點(diǎn)，同圓形邊框相比整體畫面呆板，僵硬，缺失了活躍的感覺。
圓形在廣告位中的設(shè)計(jì)
圓形對(duì)價(jià)格的標(biāo)注，讓用戶對(duì)這誘惑的價(jià)格更加的感興趣，很好的營(yíng)造了商品的氣氛。
出處：
責(zé)任編輯：bluehearts
上一頁 用戶體驗(yàn)之網(wǎng)頁板塊設(shè)計(jì) [5] 下一頁 用戶體驗(yàn)之網(wǎng)頁板塊設(shè)計(jì) [7]
|
第 1 頁 
第 6 頁 用戶體驗(yàn)之網(wǎng)頁板塊設(shè)計(jì) [6]
