設(shè)計(jì)的骨骼(二)

2022-06-27    分類: 網(wǎng)站建設(shè)

上一篇文章中,我們重新回顧了點(diǎn)、線、面三個(gè)設(shè)計(jì)構(gòu)成要素,接下來我要帶領(lǐng)大家來看看它們是如何利用它們的關(guān)系交織在一幅幅畫面中,形成一個(gè)賦予生命的脈絡(luò)的,設(shè)計(jì)師手中的畫筆就是描繪美好的開始。

說到它們的關(guān)系,不得不提的是版式設(shè)計(jì)

四.版式設(shè)計(jì)中的點(diǎn)線面構(gòu)成


1.通過組合簡(jiǎn)化版面

點(diǎn)線面的構(gòu)成關(guān)系,即是版式設(shè)計(jì),三個(gè)要素不同的組合方式,可以產(chǎn)生不同的版面設(shè)計(jì)效果,重要的是掌握信息內(nèi)容或者需求的重點(diǎn)是什么,將它們用平面構(gòu)成的方法,清晰的表現(xiàn)出來。

優(yōu)秀的版式設(shè)計(jì)是通過元素的組合簡(jiǎn)化版面的內(nèi)容,建立鮮明的秩序感覺。


2.利用四個(gè)邊元素的延續(xù)擴(kuò)大版面

不要讓虛空間把你的版面框住,跳出框,會(huì)讓人有更多想像的空間。
用好頁面的四邊,對(duì)于版面的設(shè)計(jì)是很重要的,如果頁面的元素任意一個(gè)接近邊緣,虛空間就會(huì)被放大。


3.四個(gè)焦點(diǎn)法則

當(dāng)一個(gè)矩形或者正方形被水平和垂直的分成三份后,結(jié)構(gòu)中的四個(gè)焦點(diǎn)是最吸引人的四個(gè)點(diǎn),設(shè)計(jì)師可以實(shí)用位置和距離,來決定哪些點(diǎn)在層級(jí)上是最重要的。


4.利用交錯(cuò)和重疊打破平淡

元素的重復(fù)構(gòu)成使設(shè)計(jì)產(chǎn)生安定、整齊、規(guī)律的統(tǒng)一。但重復(fù)構(gòu)成的視覺感受有時(shí)容易顯的呆板、平淡、缺乏趣味性的變化,故此,我們?cè)诎婷嬷锌砂才乓恍┙诲e(cuò)與重疊,打破版面呆板、平淡的格局。


5.對(duì)比越強(qiáng)烈視覺沖擊力越強(qiáng)

對(duì)比是版面設(shè)計(jì)中常用的手法,無論字與字,形與形,無處不在,或者多種關(guān)系交融在一起。有主次廣西,大小,長(zhǎng)短,疏密,動(dòng)靜,黑白,剛?cè)?,虛?shí)等方式,彼此參透,相互并存。


6.在秩序中融入變異元素,能活躍頁面,并突出焦點(diǎn)

同質(zhì)中的不同,即是變異元素,在同質(zhì)元素充滿屏幕時(shí),難免乏味很難獲得沖擊力,想要快速打破格局的方法就是將某個(gè)元素變異處理。


7.敢于留白也要慎于留白

留白好比音樂中的休止符,有種此時(shí)無聲省有聲的效果,它不僅能引發(fā)觀眾的聯(lián)想,更能起到戲劇般的效果,如果敢于運(yùn)用白,能達(dá)到一種更好的信息傳達(dá)并從精神層面引起觀眾的共鳴,這是它獨(dú)特的魅力所在。在現(xiàn)在信息爆炸的時(shí)代,白變成了一種更高尚的美,讓現(xiàn)代人能釋放壓力并享受這樣的美感。

信息設(shè)計(jì)中它的好處是顯而易見的。在網(wǎng)頁設(shè)計(jì)中比較典型的例子是豆瓣,文字的間距和每個(gè)模塊之間靠留白來區(qū)分,不會(huì)靠得特別近,它得虛實(shí)空間是比較對(duì)稱得。所以無需添加過多的修飾。

豆瓣的閱讀中心除了正文的文字內(nèi)容以外,其余的圖標(biāo)被盡量的放在頁面的邊緣,或者只保留圖形,這樣的目的是純粹的突出文章本身,而將一些輔助的信息收起來,讓人可以沉浸在閱讀的氛圍里。這樣的方式也是一種留白。

ios7系統(tǒng)的界面設(shè)計(jì)同樣也以留白來處理信息之間的層級(jí)關(guān)系,極細(xì)的線在界面中顯得非常精致,它的設(shè)計(jì)是一種“純粹極簡(jiǎn)的演繹”。

界面中點(diǎn)線面的元素合理的排布,無不體現(xiàn)了設(shè)計(jì)師的匠心所在。摒棄了過多無用的設(shè)計(jì)才是能深入人心的。

點(diǎn)線面的構(gòu)成在設(shè)計(jì)中實(shí)際是一套科學(xué)的方法論,它還有非常多的奧秘,以上7點(diǎn)只是粗略的談到一些在平常設(shè)計(jì)中發(fā)現(xiàn)的規(guī)律,不能一一將它的科學(xué)美展現(xiàn)出來。


設(shè)計(jì)不是盲人摸象憑著感覺去描繪,而是要把握它的骨骼,知道它的結(jié)構(gòu)所在,再用表情語言去豐富它,才能做到傳達(dá)出設(shè)計(jì)之美,信息之美。

關(guān)鍵詞:成都品牌網(wǎng)站建設(shè)公司, 網(wǎng)站制作公司, 重慶網(wǎng)站建設(shè), 網(wǎng)站設(shè)計(jì), 網(wǎng)站建設(shè), 手機(jī)網(wǎng)站開發(fā)

當(dāng)前名稱:設(shè)計(jì)的骨骼(二)
URL標(biāo)題:http://www.bm7419.com/news32/172182.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、建站公司、做網(wǎng)站、搜索引擎優(yōu)化、服務(wù)器托管、企業(yè)網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)