技術(shù)資訊
網(wǎng)頁平面布局設(shè)計
2012-08-24 09:12:06
建房子需要地基,什么東西都離不開基礎(chǔ),解方程式需要先學(xué)會乘法表,唱歌需要先會“哆、來、咪”。青島網(wǎng)站建設(shè)也同樣需要基礎(chǔ),這個基礎(chǔ)就是平面構(gòu)成。 青島網(wǎng)站制作風格種多樣,除去一些場景化設(shè)計和給力的素材支持,剩下的就全靠平面構(gòu)成和排版了。剛開始接觸網(wǎng)頁設(shè)計的時候,常常會鉆到某個局部中去,頁面風格還沒出現(xiàn),就開始做字體細節(jié),結(jié)果可想而知咯。經(jīng)過一段時間的學(xué)習和實踐,發(fā)現(xiàn)原來做網(wǎng)頁跟繪畫是一樣,先把內(nèi)容和想法都丟上去,排布出整體風格(這里就需要的是平面構(gòu)成排版能力啦),然后再慢慢細化各部分內(nèi)容。
一、基礎(chǔ)中的基礎(chǔ):點、線、面
點構(gòu)成線,線構(gòu)成面,這些是平面構(gòu)成中的基本要素,也是所有平面設(shè)計的基本要素。那么將這些基礎(chǔ)中的基礎(chǔ)運用在網(wǎng)頁設(shè)計中,又是怎樣的效果呢? 點、線、面這三個東西不單純的指一個點、一根線、一個平面。我們要善于利用文字和圖形的排布,為自己的網(wǎng)頁增添效果。網(wǎng)頁中的每一個文字,每一個點,每一個圖形都是這個網(wǎng)頁的組成元件,文字可組成圖形,圖形也可組成文字,這些都不是限定死的。
像這樣的構(gòu)成圖片,似乎早就被大家遺忘在大學(xué)和高中了吧,當我們被各種豐富多彩的頁面瞭花了眼的時候,回頭看看這些基礎(chǔ)的平面構(gòu)成圖案,或許會有一些新的啟發(fā)和想法
點構(gòu)成多用于細碎東西,整合排布和文字排版。集中而規(guī)律的排列,從整體上抓住人們的視覺
用一條主線分割畫面,線條經(jīng)過的地方有相應(yīng)的內(nèi)容呼應(yīng)。畫面因為這條線而變得生動有趣,也因為它的分割功能,整合規(guī)劃了不同的內(nèi)容區(qū)域
線構(gòu)成多用于裝飾與分割,同時也會有連貫的功能。線條對閱讀順序有著一定的引導(dǎo)作用。
若點與線的構(gòu)成大多為細節(jié)處理,那么面的構(gòu)成則直接影響著網(wǎng)頁整體風格和布局,與線搭配構(gòu)成空間透視效果。
不同的面形狀,呈現(xiàn)出的視覺效果也不同
二、各種形式在網(wǎng)頁中的體現(xiàn)
平面構(gòu)成中的形式在網(wǎng)頁中常見的有:漸變形式、發(fā)射形式、對比構(gòu)成。而漸變亦有形狀漸變,顏色漸變。 這些表現(xiàn)形式即豐富了畫面,又能反應(yīng)出網(wǎng)頁的整體氛圍
網(wǎng)頁設(shè)計并不是單純的作圖,還需要考慮到功能性和閱讀性,因此顏色漸變成為網(wǎng)頁中常用的表達方式,形狀漸變卻很少見
用明度漸變的方式來表現(xiàn)地圖背景,很好的展示了地圖的樣式,又沒有因為色彩繁多復(fù)雜而看不清主體內(nèi)容。
發(fā)射形式不利于文字的閱讀和整體排版,所以一般發(fā)射形式多用于背景圖片,或者一些小部分細節(jié)處理上。
強烈的色彩對比也會引起人們的視覺停留,這種對比方式一般多用于對立狀態(tài)或者有著正反義詞組的頁面,也有時出現(xiàn)在Q版卡通頁面中,對比色色彩鮮艷亮麗,反應(yīng)出孩子的多彩世界。
三、肌理效果
肌理效果分為:視覺肌理、觸覺肌理兩種。介于我們使用的是網(wǎng)絡(luò)媒體,無法做到觸覺肌理,所以我們常用視覺肌理,從視覺上刺激讀者的感覺,讓他們從眼開始對某種肌理產(chǎn)生聯(lián)想,聯(lián)想到某個場景效果。 肌理效果強烈的頁面更多用于游戲官網(wǎng),主題性跟強,也多伴有游戲UI應(yīng)用在頁面中
平面構(gòu)成內(nèi)容多且為一切設(shè)計的基礎(chǔ),這里僅僅給大家分享了一些在網(wǎng)頁設(shè)計中常會用到,遇見的幾個基礎(chǔ)點。網(wǎng)絡(luò)發(fā)展至今已經(jīng)成為我們生活中不可缺少的一部分,我們從報紙、雜志到網(wǎng)站、網(wǎng)頁、電子書,平面設(shè)計的東西從紙面到了屏幕,他們之間的差別在哪里,那些適合紙面的設(shè)計是否能完全用于現(xiàn)在的網(wǎng)頁設(shè)計呢?我們現(xiàn)在的設(shè)計在原來設(shè)計基礎(chǔ)上,又有了怎樣的變化和發(fā)展?這些都是我們今后網(wǎng)頁設(shè)計師們應(yīng)當思考探索的。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計開發(fā)——移動端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2012-02-28 22:52:42] dede 插入我定義的html
- [2013-12-29 23:05:47] 個性化的網(wǎng)站設(shè)計思路-旋轉(zhuǎn)和平移
- [2013-04-24 17:04:24] 如何提高百度的網(wǎng)站內(nèi)容收錄
- [2015-08-23 23:26:52] 如果通過視覺差進行網(wǎng)站設(shè)計
- [2016-10-19 14:30:00] 青島網(wǎng)站建設(shè)布局好關(guān)鍵字更有利于SEO優(yōu)化
- [2012-05-11 02:32:47] dede 后臺插入附件
- [2014-01-10 00:16:32] 如何在DEDE列表頁中調(diào)用下載地址(已解決)
- [2017-01-16 10:00:00] 提升網(wǎng)站排名應(yīng)如何在關(guān)鍵詞上下功夫?!
- [2014-05-03 14:57:58] 扁平化網(wǎng)站風格設(shè)計的特點
- [2011-11-07 22:06:08] 網(wǎng)頁設(shè)計與用戶瀏覽體驗-分析
- [2012-03-13 22:32:33] 如何設(shè)計網(wǎng)站導(dǎo)航菜單
- [2014-09-19 01:35:08] fckeditor 圖片插入出現(xiàn)空格
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(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)鍵字
青島做網(wǎng)站多少錢 網(wǎng)頁設(shè)計 網(wǎng)站建設(shè),手機網(wǎng)站 色彩心理學(xué) SEO優(yōu)化 青島網(wǎng)絡(luò)公司 如何做網(wǎng)站優(yōu)化 青島flash網(wǎng)站 蘋果系統(tǒng) 官網(wǎng)建設(shè) 青島網(wǎng)站設(shè)計哪家好 青島網(wǎng)站SEO 營銷策略 IT資訊 robots 輪胎網(wǎng)站設(shè)計 青島海洋投資集團 互聯(lián)網(wǎng) HTML5 微網(wǎng)站 微信營銷的優(yōu)勢 海信網(wǎng)絡(luò)科技 建站常識 css 手機網(wǎng)站 網(wǎng)站視覺 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站優(yōu)化 青島SEO