• 
• 
• 
• 
• 
• 
• 

知識普及 ? 網(wǎng)頁設(shè)計中“點”的視覺構(gòu)成

網(wǎng)頁設(shè)計中“點”的視覺構(gòu)成

奈薇網(wǎng)頁設(shè)計 于2019-07-31 19:17發(fā)表 閱讀次數(shù) 3345次

點、線、面是構(gòu)成視覺空間的基本元素，是表現(xiàn)視覺形象的基本設(shè)計語言。網(wǎng)頁設(shè)計實際上就是如何經(jīng)營好三者的關(guān)系，因為不管是任何視覺形象或者版式構(gòu)成，歸結(jié)到底，都可以歸納為點、線和面。 　　一個按鈕，一個文字是一個點。 　　幾個按鈕或者幾個文字的排列形成線。 　　線的移動或者數(shù)行文字或者一塊空白可以理解為面。 　　點、線、面相互依存，相互作用；可以組合成各種各樣的視覺形象，千變?nèi)f化的視覺空間。 　　在網(wǎng)頁中，一個單獨而細小的形象可以稱之為點。點是相比較而言的，比如一個漢字是由很多筆劃組成的，但是在整個頁面中，他可以稱為一個點。點也可以是一個網(wǎng)頁中相對微小單純的視覺形象，如一個按鈕（BUTTON），一個LOGO等等。 　　需要說明的是，并不是只有圓的形才叫一個點，方形，三角，自由形都可以作為視覺上的點，點是相對線和面而存在的視覺元素。 　　點是構(gòu)成網(wǎng)頁的最基本單位，在網(wǎng)頁設(shè)計中，經(jīng)常需要我們主觀的加些點，如在新聞的標題后加個NEW，在每小行文字的前面加個方或者圓的點。 　　點在頁面中起到活潑生動的作用，使用得當，甚至可以是畫龍點睛的。 　　一個網(wǎng)頁往往需要有數(shù)量不等，形狀各異的點來構(gòu)成。點的形狀、方向、大小、位置、聚集，發(fā)散，能夠給人帶來不同的心理感受。 　　下面我們就具體的頁面，談?wù)匋c的運用和表現(xiàn)。例一： 　　在這個頁面中，只有唯一的一個點，四周是大量的空白，于是它馬上成為吸引視線，引發(fā)興趣的視覺中心。而這個視覺中心就應(yīng)該是你想表達的主題，效果是最直接明確的。 　　在你實際瀏覽這個頁面的時候，這個處于三維空間點（花生）旁邊環(huán)繞著一段電腦聯(lián)線。三維技術(shù)的運用，更突出了這個視覺中心，讓你迫不及待的點擊進入下一級頁面。這是同一網(wǎng)站二級頁面中的一個，我們可以將每一組形看做是一個點，如NEWS可以稱做點，右下角還有四個點。所有的點互相呼應(yīng)，組成不穩(wěn)定的三角構(gòu)圖。在這個頁面中，重復(fù)出現(xiàn)了用三維動態(tài)技術(shù)表現(xiàn)，最吸引視線的首頁的點（花生）。 　　同一視覺形象（點）的不斷重復(fù)出現(xiàn)，能夠增加瀏覽者的印象。例二：在這個頁面的下部，點的水平排列，形成平穩(wěn)，安詳?shù)木€的感覺。 　　三種形狀相似的點隨著點擊產(chǎn)生的顏色變化，同時在頁面中心位置出現(xiàn)不同的產(chǎn)品圖片，給大家一種跳躍，動蕩，歡快的感受。 　　在頁面中四處飄蕩的點（TOP10的圖標）和由左至右移動的文字（也是由點組成），加強了頁面的活躍氣氛。 　　在同一個空間里面體現(xiàn)了兩種不同情緒的動態(tài)的對比，這也是網(wǎng)頁相對傳統(tǒng)平面媒體的極大優(yōu)勢。 　　做為呼應(yīng)，設(shè)計師特意在頁面的中上部，采用了很多較小的點做底紋，起到了豐富頁面層次的作用。 　　頁面上下兩段橫向的色條，強調(diào)了水平線的穩(wěn)定情緒，將頁面統(tǒng)一起來。在這個二級頁面中，右邊垂直排列的圓點（由1到10），起到了引導(dǎo)視線和強調(diào)次序的作用。 　　點的等距垂直排列，在視覺上形成虛擬的豎線。加上段落文字的共同邊距，在視覺上形成豎線，起到分割頁面的作用。例三：在這個頁面中，點的大小，位置，顏色，聚散的不同變化和組合，產(chǎn)生了輕松，活潑，流動，抒情，愉快的氣氛。 　　通過優(yōu)美的弧線的引導(dǎo)，人們的視線最終將集中在"wasabi:sneaker"這幾個由點組成的文字上。自然，這也是設(shè)計師所要突出訴求的主題之一。在二級頁面中，設(shè)計師采用了流行的FLASH技術(shù)，紅點在頁面上歡快的運動，同時進行顏色的漸變；綠色的點加上點綴其中的深色小點，豐富了色彩和層次。整個網(wǎng)頁的流動著歡快和輕松。 　　在頁面下部，設(shè)計師并列運用高低顏色不同的點，若隱若現(xiàn)，突出了頁面以點造型的設(shè)計語言。 　　注意在兩個頁面中都出現(xiàn)了三個斜向排列的帶有漸變色的點。它為頁面增加了動勢和前后的空間層次，實屬不容忽視的精彩之處！

網(wǎng)頁設(shè)計中“點”的視覺構(gòu)成相關(guān)標簽：網(wǎng)站搭建，建設(shè)網(wǎng)站，設(shè)計網(wǎng)頁，企業(yè)網(wǎng)站建設(shè)

相關(guān)熱點推薦

搜索引擎蜘蛛理解相關(guān)性 網(wǎng)站的表單設(shè)計要點 與用戶體驗的這兩年 運用什么技巧使用戶喜歡 網(wǎng)站設(shè)計中程序員和美工 Tab(選項卡)的產(chǎn)品 從精簡導(dǎo)航談小型網(wǎng)站的 如今虛擬外鏈對我們的作 網(wǎng)頁設(shè)計中的版式原理- 使用框架和滑動門技術(shù)進 清新的網(wǎng)站設(shè)計風(fēng)格 網(wǎng)頁設(shè)計之視覺信息傳達 用戶體驗與網(wǎng)頁界面設(shè)計 沒有交互意識的設(shè)計師， 企業(yè)網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計 網(wǎng)站大改版=壯烈的死亡 2016年百度排名的算 網(wǎng)站建設(shè)合同簽訂需要注 人機交互界面設(shè)計的三個 系統(tǒng)化學(xué)習(xí)SEO技術(shù)的 用戶體驗中溝通的技巧 迭代的設(shè)計 網(wǎng)站中視覺元素的設(shè)計 網(wǎng)站設(shè)計的前期溝通之重 在青島，企業(yè)網(wǎng)站建設(shè)對 手機建站時容易進入哪些 如何有效的提高網(wǎng)站關(guān)鍵 淺談品牌的視覺識別 怎樣充分利用你的網(wǎng)站設(shè) TDK是什么？有什么作 微信為什么這么人在用 網(wǎng)站排名第三頁不到首頁 青島網(wǎng)站設(shè)計中關(guān)于al 好設(shè)計應(yīng)該是平凡的設(shè)計 網(wǎng)站LOGO簡論 網(wǎng)頁布局設(shè)計基礎(chǔ) 優(yōu)秀網(wǎng)站的五大特點 新站快速推廣經(jīng)驗，百度 為中文而設(shè)計的文本框

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶