剖析網(wǎng)頁(yè)設計中的幾何圓發(fā)布者：本站     時(shí)間：2020-05-23 11:05:16

你的設計為什么平平無(wú)奇，為什么吸引不到別人的眼球，這里先來(lái)說(shuō)說(shuō)什么是焦點(diǎn)(也可以稱(chēng)興趣中心或者視覺(jué)中心)，我認為用焦點(diǎn)更能簡(jiǎn)單準確的闡述。有人用通俗的方法來(lái)詮釋焦點(diǎn)，在設計的頁(yè)面上最吸引人注意的地方，視線(xiàn)上集中交匯的地方，這個(gè)位置就叫焦點(diǎn)，在日常生活中我們運用照相機對準人的臉部，那也是在獲取一個(gè)焦點(diǎn)。在網(wǎng)頁(yè)設計中，引導用戶(hù)集中在你想讓他關(guān)注的畫(huà)面上，那樣會(huì )讓你的設計有重心和亮點(diǎn)。

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

視覺(jué)焦點(diǎn)的處理方式

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

人們用視覺(jué)獲取環(huán)境中的信息，對你注意的周?chē)紩?huì )是模糊的，你視線(xiàn)集中的中心點(diǎn)是最清晰的。第一張，視覺(jué)上呈現這樣的狀態(tài)是，視線(xiàn)上沒(méi)有集中，整體模糊，是成方形的視覺(jué)框架。第二張和第三張，圖中的兩朵花在圖形中是最漂亮的亮點(diǎn)，漂亮的東西會(huì )引人注意，你會(huì )注意到上一朵或則下一朵，注意任何一朵花的時(shí)候，眼球集中點(diǎn)會(huì )以圓的形狀向外逐漸模糊，最中心點(diǎn)就是焦點(diǎn)。圓形作為設計中的元素的時(shí)候，自然更加的適應視覺(jué)上的感知。

視覺(jué)強弱

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

美女其實(shí)可以獨立成為一個(gè)視覺(jué)焦點(diǎn)，但當我們給美女加了圓形邊框后，視覺(jué)焦點(diǎn)就轉移到圓形邊框包括到的美女上，最后將圓形填充，視覺(jué)焦點(diǎn)就轉移到填充色的圓形的美女上。

下面本人做了點(diǎn)對比圖片

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

圖1 整體畫(huà)面平平，人物排列沒(méi)有層次，視覺(jué)上給人感覺(jué)很散。

圖2通過(guò)添加圓形背景框，會(huì )讓你想表達的圖形首先進(jìn)入用戶(hù)眼球。

圖3不僅添加圓形背景框，再區分人物大小，主次分明，焦點(diǎn)突出，畫(huà)面活躍立體。

幾何的對比

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

上圖中我們可以看到，方形過(guò)度到圓形的變化，圓形是由極其細小的邊角組成，在變化當中圖形變得越來(lái)越有樂(lè )趣，比較下來(lái)圓形在幾何圖形中具有平滑流暢的邊緣，圓形更讓人感覺(jué)輕松，愉悅。設計需要增加樂(lè )趣的時(shí)候，我們可以多運用流暢線(xiàn)條的圖形來(lái)讓頁(yè)面活躍起來(lái)。

實(shí)例效果進(jìn)行比較

剖析網(wǎng)頁(yè)設計中的幾何圓,PS教程,思緣教程網(wǎng)

在這個(gè)頁(yè)面上圓形挑起了大梁，支撐整個(gè)頁(yè)面，人物笑臉圖片組合的圓形包圍著(zhù)瓶子，映射了這個(gè)飲料帶給我們的快樂(lè )。圓形不僅加強了焦點(diǎn)，更加強了頁(yè)面的層次感，讓頁(yè)面不會(huì )單薄，無(wú)力度。