標(biāo)簽: 頁面設(shè)計

相關(guān)帖子	版塊	作者	回復(fù)/查看	最后發(fā)表

沒有相關(guān)內(nèi)容

相關(guān)日志

巧妙設(shè)計,，讓頁面活起來: 筱布 2016-10-18 17:54; 一個完整的Web頁面是需要點線面的合理結(jié)合，每一個頁面都是一個神奇的空間,，同時他的深度,，廣度和作者賦予的元素美感決定了這個頁面的可觀賞性,。好的創(chuàng)作依附與好的靈感。靈感是一個很微妙的東西,，它是指不用平常的感覺器官而能使精神互相交通,，亦稱遠(yuǎn)隔知覺,；或指無意識中突然興起的神妙能力,；或指作家因情緒或景物所引起的創(chuàng)作情狀。如果你在創(chuàng)作的時候沒有靈感,，不防停下苦思冥想,，一張紙一支筆，隨手涂鴉,，勾勒一些布局,，或傾斜的線，或不規(guī)則的圖形,，變換一下角度,，或許你會從中找到一些靈感的突破口；亦或者反復(fù)不斷的去欣賞一些好的作品,，在不停的幻燈片式的預(yù)覽過程中,，或許就有瞬間的視覺沖擊戳中你的靈感點。要想讓自己的網(wǎng)頁設(shè)計有鮮明的藝術(shù)特色,，能夠在眾多的網(wǎng)頁設(shè)計頁面中脫穎而出,，那么可以從以下四點著手：一、巧妙利用文字網(wǎng)頁設(shè)計中,，文字在整體界面中起到了主體的作用,，是傳達(dá)信息的主要元素，字體的的大小,、顏色,、字體樣式甚至間距都會直接影響頁面的視覺傳達(dá)效果。就以下圖為例：整體頁面趨于簡潔,，但用文字跟圖形做了巧妙的結(jié)合,，使整個頁面顯的簡而不空，同時整體文字大小對比也使頁面變的更具層次感,；合理的將字體打散進(jìn)行靈活藝術(shù)加工處理使其圖形化,，既呈現(xiàn)了信息，又使整體看起來更加貼切設(shè)計主題,，更具美感和藝術(shù)性,；頁面信息量雖大，但由于在間距和大小對比上做了合理的處理,，使整個頁面看起來滿而不亂,，很容易一眼就能找到信息點,。二、使用幾何圖形網(wǎng)頁一般都是由不同尺寸的欄目快和表格等組成,，基本都是非常方正的表現(xiàn)方式,，適當(dāng)?shù)倪\用一些幾何圖形加入其中，比如三角形,，菱形或者圓形,，會使整個畫面更加的生動活潑和起到打破常規(guī)的作用。如下圖例：提取了LOGO色,，利用不同的幾何圖形組成固定的背景圖案,，使整體頁面更加的形象化；LOGO采用幾何圖形的表現(xiàn)方式,，導(dǎo)航則巧妙的使用了輪盤的表現(xiàn)形式,，使原本信息量不大且方正的頁面看起來活潑和飽滿；其次利用幾何外形直接作為欄目快,，在hover的狀態(tài)下直接呈現(xiàn)內(nèi)容,，使簡單的畫面豐富起來。三,、合理的留白古人曾曰：“虛實相生,，無畫出皆成妙境�,！闭f的就是場景中一實一虛留白的妙處,。巧妙的留白可以讓畫面的視覺效果更加的通透，流暢和干凈,。避免元素的堆積造成的畫面擁擠,，辨識度低。當(dāng)然留白并不是說頁面中的白色區(qū)域,，而是沒有其他元素干擾的視覺區(qū)域,。如下圖例：以人物為中心，大面積四周留白,，突出中心內(nèi)容區(qū)域,，雖信息量不大，但簡單明了,，直觀的表達(dá)的網(wǎng)站的內(nèi)容主旨,；原本信息量很大的電子產(chǎn)品頁面，通過精簡內(nèi)容和留白設(shè)計,，內(nèi)容不多,，但突出主要功能點，使產(chǎn)品看起來更加的簡潔和品質(zhì)感十足,；圖形化為中心的個人網(wǎng)站,，由于信息不多,，大膽的采用了大面積留白設(shè)計，巧妙之處在于在留白的基礎(chǔ)上以圖形作為網(wǎng)站的主要特色和主旨,，通透活潑而不失嚴(yán)謹(jǐn),。四、加入點綴色點綴顧名思義,，就是用小而精湛的手法在原有事物上加以襯托或裝飾,，使其更加的美好和迷人。同樣,，合理的利用點綴色也能在頁面設(shè)計中起到畫龍點睛的作用,。如下圖例：整體暗色調(diào)的設(shè)計,，加入紫色的點綴,，遍布各類主要元素，突出了信息,，還使得原本沉悶的頁面神秘和活潑起來,；樸實素凈的頁面，利用黃藍(lán)的背景和元素點綴,，豐富了頁面內(nèi)容,，增加頁面活力；大面積采用點綴色作為欄目背景色,，使本來方方正正的頁面變的有亮點,，同時也突出襯托了欄目內(nèi)容。以上就是本次要講的四個點,，當(dāng)然讓頁面活起來的方式肯定不止四種,，像插畫元素，動效等都可以為頁面增彩,，這就需要大家在日后的學(xué)習(xí)中多多總結(jié)和積累了,。; 個人分類: 網(wǎng)絡(luò)營銷|1110 次閱讀|0 個評論

GMT+8, 2025-4-20 07:01 , Processed in 0.027778 second(s), 12 queries .

Powered by 銷售與市場網(wǎng) 河南銷售與市場雜志社有限公司

回頂部

	自動

標(biāo)簽: 頁面設(shè)計

相關(guān)帖子

相關(guān)日志