建站常識
網(wǎng)頁設(shè)計中“線”的視覺構(gòu)成
2005-12-28 13:58:00
點的延伸形成線。
線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質(zhì)量和情緒。
線是分割頁面的主要元素之一,是決定頁面現(xiàn)象的基本要素。
總的來說,線分為直線和曲線兩種。這是線的總體形狀。同時線還具有本體形狀,兩端的形狀。
線的總體形狀有垂直、水平、傾斜、幾何曲線,自由線這幾種可能。
線是具有情感的。比如水平線給人開闊,安寧,平靜的感覺;斜線具有動力,不安,速度和現(xiàn)代意識;垂直線具有莊嚴(yán),挺拔,力量,向上的感覺;曲線給人柔軟流暢的女性特征;自由曲線是最好的情感抒發(fā)手段。
線的放射,粗細(xì),漸變可以體現(xiàn)三維空間的感覺。
將不同的線運用到頁面設(shè)計中,會獲得不同的效果。知道什么時候應(yīng)該運用什么樣的線條,可以充分的表達(dá)你所要體現(xiàn)的東西。
總之,線條是網(wǎng)頁設(shè)計師必須熟練運用的最得力的表現(xiàn)工具。我們應(yīng)該對他有一定的了解。下面我們用一些精彩實例來做具體的分析說明。
例一:
在這個頁面中,水平線的重復(fù)排列形成一種強(qiáng)烈的形式感和視覺沖擊力,能夠在第一眼就產(chǎn)生興趣,達(dá)到了吸引訪問者注意力的目的。
自由曲線的運用,打破了水平線組成的莊嚴(yán)和單調(diào),給網(wǎng)頁增加了豐富、流暢、活潑的氣氛。
水平線和自由曲線的組合運用,形成新穎的形式和不同情感的對比,從而將視覺中心有力的襯托出來。
值得提出的是,頁面中點(按鈕)的運用,使頁面的形象更加活潑,豐滿。
例二:
線還具有兩端形狀。線的兩端形狀可以任意形的,它決定了線的本體形狀。
在這個頁面中,設(shè)計師運用了具有書法味道的線條,粗糙的邊緣形成特殊的肌理,表現(xiàn)了強(qiáng)烈的個性特征和藝術(shù)效果。
邊緣圓滑的曲線條(字母)在粗糙背景的襯托下,顯得很特殊并引人注目。在這里,字母也可以看做是構(gòu)成頁面的線條的一種。
底紋采用了不規(guī)則,方向不一的虛線條,在豐富肌理的同時,和粗線、曲線(字母)形成對比,產(chǎn)生了縱深空間的感覺。
曲線(字母)的大小對比也可以豐富空間層次。
近實遠(yuǎn)虛的繪畫原理,在這里得到了最充分地體現(xiàn)。
將曲線(字母)隨意的重疊,變形,占踞了頁面左上角的很的一部分空間。配合夢幻般的背景,體現(xiàn)了設(shè)計師虛無迷茫,雜亂無章的思緒。
自由曲線是表現(xiàn)情感的最佳造型手段。
例三:
線條除了體現(xiàn)情感外,還能夠利用粗細(xì)、虛實(例二談過),漸變,放射產(chǎn)生深度空間和廣度空間。
上面的頁面中,圍繞同心的放射圓,在粗細(xì)和虛實上形成深度空間。設(shè)計師巧妙的將3D造型的LOGO放在圓心上,非常引人注目。
頁面左邊,長短不一的線段在視覺中形成虛實的變化,強(qiáng)調(diào)了頁面空間的構(gòu)成。
離心放射的線條,具有力量和挺拔的感覺。類似于太陽的光芒,使版面的視線更加開闊。
他同時具有吸引瀏覽者視線的作用,和同心放射有異曲同工之妙。
例四:
線條還具有分割版面的作用。
在上頁中,水平線將頁面分割成上下兩部分。
在頁面上部,曲線的勾勒配合色彩漸變,創(chuàng)造出不同的形體(產(chǎn)品),并通過右上角的線(產(chǎn)品輪廓)聯(lián)系起來,并將視線引導(dǎo)到網(wǎng)站的LOGO上面。
在頁面下部,線條分割造成大小方向不一的,帶有圓角的形,作為網(wǎng)站的功能按鈕區(qū)。通過柔軟并稍微向右上傾斜的波浪線連成一個整體。同樣將視線引導(dǎo)到LOGO附近。
在這個頁面中,優(yōu)美的曲線將頁面清晰的分割為功能和內(nèi)容兩個區(qū)域。
同時,富有變化的,柔軟流暢的曲線,配合時尚的色彩,將這個女性用品網(wǎng)站淋漓盡致的表達(dá)出來。
這是上面的系列站點,在這里,向上,挺拔的直線分割了整個頁面。直線和中灰色彩的運用,突出了網(wǎng)站的男性定位。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2016-10-13 11:21:41] 高顏值的全屏導(dǎo)航網(wǎng)頁設(shè)計賞析
- [2009-05-08 08:08:00] 關(guān)于“反饋提示”的交互設(shè)計
- [2007-11-08 09:12:00] 頁面設(shè)計中的層次感
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2006-05-09 11:23:00] 學(xué)習(xí)網(wǎng)站建設(shè)中一些容易被忽視的問題
- [2006-09-01 18:26:00] 留言板在電子商務(wù)中的地位
- [2016-09-03 10:10:00] 扁平化風(fēng)格網(wǎng)站的設(shè)計要求
- [2006-06-17 15:40:00] 網(wǎng)頁設(shè)計:如何確定網(wǎng)站欄目
- [2017-01-03 15:04:00] 《中國移動互聯(lián)網(wǎng)市場趨勢預(yù)測》發(fā)布
- [2010-07-09 15:46:00] 電子商務(wù)網(wǎng)站“用戶評論”模塊淺析
- [2016-12-14 15:34:00] 中國互聯(lián)網(wǎng)科技處于全球領(lǐng)先地位
- [2009-08-20 14:24:00] 戴著鎖鏈跳舞
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
力圖 平面設(shè)計 中小型企業(yè)網(wǎng)站建設(shè) 搜索引擎 青島flash網(wǎng)站 H5專題頁面 版面布局 微網(wǎng)站 英文網(wǎng)站建設(shè) 搜索引擎蜘蛛 IT資訊 企業(yè)網(wǎng)站建設(shè) 營銷策略 網(wǎng)站視覺 網(wǎng)站策劃 響應(yīng)式設(shè)計 網(wǎng)站推廣 青島網(wǎng)頁制作 微官網(wǎng) 青島高端網(wǎng)站建設(shè)公司哪家好 網(wǎng)站開發(fā) 網(wǎng)站優(yōu)化 H5 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站交互設(shè)計 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 HTML5 html和css 網(wǎng)站設(shè)計趨勢 互聯(lián)網(wǎng)