品牌設計
Hi,are you ready?

準備好開始了嗎?
那就與我們取得聯(lián)系吧

有一個品牌項目想和我們談談嗎?您可以填寫右邊的表格,讓我們了解您的項目需求,這是一個良好的開始,我們將會盡快與你取得聯(lián)系。當然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點互動

地 址:廣州市天河區(qū)金慧路88號11棟138單元(華南農業(yè)大學內)

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項目信息

captcha

巧妙設計,讓頁面活起來

標簽:派點互動|響應式設計|網(wǎng)站設計|廣州網(wǎng)站設計|響應式網(wǎng)站設計

一個完整的Web頁面是需要點線面的合理結合,每一個頁面都是一個神奇的空間,同時他的深度,廣度和作者賦予的元素美感決定了這個頁面的可觀賞性。

好的創(chuàng)作依附與好的靈感。靈感是一個很微妙的東西,它是指不用平常的感覺器官而能使精神互相交通,亦稱遠隔知覺。或指無意識中突然興起的神妙能力?;蛑缸骷乙蚯榫w或景物所引起的創(chuàng)作情狀。

如果你在創(chuàng)作的時候沒有靈感,不防停下苦思冥想,一張紙一支筆,隨手涂鴉,勾勒一些布局。或傾斜的線,或不規(guī)則的圖形,變換一下角度,或許你會從中找到一些靈感的突破口。亦或者反復不斷的去欣賞一些好的作品,在不停的幻燈片式的預覽過程中,或許就有瞬間的視覺沖擊戳中你的靈感點。

要想讓自己設計的頁面有鮮明的藝術特色,從眾多的頁面里脫穎而出,下面著重從以下四點去介紹。

一.巧妙利用文字

網(wǎng)頁設計中,文字在整體界面中起到了主體的作用,是傳達信息的主要元素,字體的的大小、顏色、字體樣式甚至間距都會直接影響頁面的視覺傳達效果。

如下圖例:

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

整體頁面趨于簡潔,但用文字跟圖形做了巧妙的結合,使整個頁面顯的簡而不空,同時整體文字大小對比也使頁面變的更具層次感。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

合理的將字體打散進行靈活藝術加工處理使其圖形化,既呈現(xiàn)了信息,又使整體看起來更加貼切設計主題,更具美感和藝術性。

頁面信息量雖大,但由于在間距和大小對比上做了合理的處理,使整個頁面看起來滿而不亂,很容易一眼就能找到信息點。

二.使用幾何圖形

網(wǎng)頁一般都是由不同尺寸的欄目快和表格等組成,基本都是非常方正的表現(xiàn)方式,適當?shù)倪\用一些幾何圖形加入其中,比如三角形,菱形或者圓形,會使整個畫面更加的生動活潑和起到打破常規(guī)的作用。

如下圖例:

提取了LOGO色,利用不同的幾何圖形組成固定的背景圖案,使整體頁面更加的形象化。

LOGO采用幾何圖形的表現(xiàn)方式,導航則巧妙的使用了輪盤的表現(xiàn)形式,使原本信息量不大且方正的頁面看起來活潑和飽滿。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

利用幾何外形直接作為欄目快,在hover的狀態(tài)下直接呈現(xiàn)內容,使簡單的畫面豐富起來。

三.合理的留白

古人曾曰:“虛實相生,無畫出皆成妙境?!闭f的就是場景中一實一虛留白的妙處。巧妙的留白可以讓畫面的視覺效果更加的通透,流暢和干凈。避免元素的堆積造成的畫面擁擠,辨識度低。當然留白并不是說頁面中的白色區(qū)域,而是沒有其他元素干擾的視覺區(qū)域。

如下圖例:

以人物為中心,大面積四周留白,突出中心內容區(qū)域,雖信息量不大,但簡單明了,直觀的表達的網(wǎng)站的內容主旨。

原本信息量很大的電子產品頁面,通過精簡內容和留白設計,內容不多,但突出主要功能點,使產品看起來更加的簡潔和品質感十足。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

圖形化為中心的個人網(wǎng)站,由于信息不多,大膽的采用了大面積留白設計,巧妙之處在于在留白的基礎上以圖形作為網(wǎng)站的主要特色和主旨,通透活潑而不失嚴謹。

四.加入點綴色

點綴顧名思義,就是用小而精湛的手法在原有事物上加以襯托或裝飾,使其更加的美好和迷人。同樣,合理的利用點綴色也能在頁面設計中起到畫龍點睛的作用。

如下圖例:

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

整體暗色調的設計,加入紫色的點綴,遍布各類主要元素,突出了信息,還使得原本沉悶的頁面神秘和活潑起來。

樸實素凈的頁面,利用黃藍的背景和元素點綴,豐富了頁面內容,增加頁面活力。

4ceed6765ff9d12a8e1af8f5c6dc13ef.jpg

大面積采用點綴色作為欄目背景色,使本來方方正正的頁面變的有亮點,同時也突出襯托了欄目內容。


以上就是本次要講的四個點,當然讓頁面活起來的方式肯定不止四種,像插畫元素,動效等都可以為頁面增彩,這就需要大家在日后的學習中多多總結和積累了。

派點互動 品牌網(wǎng)站建設 網(wǎng)頁設計制作 建站公司 設計公司 廣州網(wǎng)站建設 網(wǎng)站制作 高端設計


返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關我們服務的更多信息,請聯(lián)系

135 7039 2915 李先生

與我們合作

與派點合作,您將會得到更成熟的網(wǎng)站建設服務。我們以客戶至上,同時也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設成果。

品牌顧問熱線(李生):

+135 7039 2915

TOP

QQ客服

免費電話