圖文排版于網頁設計之中起(qǐ)著(zhe)至關重要的作用,不同的圖文排版決定著(zhe)網站整體的風格,因而文字編排是提升網站魅力的關鍵點之一。好(hǎo)的文字編排能(néng)于富有趣味性、設計感、吸引眼球、準确的傳達信息的基礎之上突出文案的風格、信息與層次。
文字排版作爲設計的基礎知識,很多人會(huì)忽略其重要性。于這(zhè)裡(lǐ),小編整理了一些于排版之中值得注意的地方及排版的小技巧分享發(fā)給大家,希望能(néng)對(duì)于大家有所幫助。
九、點綴元素的使用
有時(shí)如果我們感覺到畫面(miàn)空曠時(shí),便會(huì)習慣性的添加漂浮物或是相關元素來填充畫面(miàn)空白。這(zhè)是非常常見的方法,但是這(zhè)個方法容易導緻畫面(miàn)雜亂、失去視覺的焦點。漂浮物的使用,有兩(liǎng)點需要遵循,一是盡可能(néng)的克制,要謹記添加的漂浮物僅是作爲畫面(miàn)服務,你們這(zhè)麼(me)多的喧賓奪主;二是選用的漂浮物要和畫面(miàn)有所關聯,一切的設計均要有合理的來源。
十、畫面(miàn)層次感的體現
假如想讓網站版面(miàn)設計得有層次感,頁面(miàn)變化豐富,要會(huì)合理的利用對(duì)比。對(duì)比,是將(jiāng)具有明顯差異、矛盾與對(duì)立的雙方安排于一起(qǐ),進(jìn)行對(duì)照比較的表現手法,目的是借以使設計越來越有層次、增加視覺沖擊力。設計之中常見的對(duì)比有大小對(duì)比、字體對(duì)比、色彩對(duì)比、空間對(duì)比、方向(xiàng)對(duì)比、長(cháng)短對(duì)比、粗細對(duì)比、曲直對(duì)比、輪廓對(duì)比、虛實對(duì)比等等。(視覺層級關系的創建,應用顔色深淺、字體粗細、絕不應單純用大小來體現)
我們非常少看到網站頁面(miàn)的大标題會(huì)獨立存在,越來越常見的是它會(huì)和副标題、引标、廣告語或是核心賣點排于一起(qǐ),這(zhè)麼(me)排的好(hǎo)處除能(néng)讓信息越來越集中、視覺越來越聚焦之外,也能(néng)豐富标題的層次,使文字的排版越來越精緻。
十一、讓畫面(miàn)即簡單亦豐富
現階段網站版面(miàn)簡約、極簡風格的設計亦受歡迎,不過(guò)有時(shí)做出來的所謂極簡設計常常會(huì)遭人說(shuō)甚單調、不夠豐富;因而那些自我感覺非常豐富的設計亦會(huì)遭說(shuō)成(chéng)是雜亂。這(zhè)是爲什麼(me)呢?我們說(shuō)的簡單并且絕不是指做設計要用最爲少的元素、絕不做任何修飾,或者指設計主旨要簡單、視覺流程要清晰、視覺要聚焦、主次要分明;因而豐富亦絕不是指畫面(miàn)之中某種(zhǒng)要有非常多元素或是疊加一堆的效果,或者指要有細節、有層次、有品質感。如果我們排版時(shí),畫面(miàn)出現了一塊較突兀的空白,于我們無限期沒(méi)有辦法透過(guò)變換版式的方法解決問題時(shí),可以考慮選用簡單的裝飾元素(如:和主體相關的文字、英文單詞、點綴、色塊、線條、符号、圖形或是漂浮物等等)和主體形成(chéng)互補,去填充影響版面(miàn)平衡的空白,于保持畫面(miàn)簡潔的同時(shí)亦能(néng)豐富畫面(miàn)。處理的時(shí)候需要注意顔色要淡,需要和背景有比較好(hǎo)的融合所以要和文案錯開(kāi),否則會(huì)影響文字識别性。
十二、頁面(miàn)空間感
于網站版面(miàn)之上營造空間感,利用近大遠小和景深模糊的方法,來突顯網站主體,制造視覺重點,吸引用戶的注意力。
十三、注重頁面(miàn)細節
細節方面(miàn)添加一些小的效果,可以讓你的網站設計更爲出彩,顯得更爲精緻。下列幾個方法可以讓你的網站更爲出彩:
作爲平淡的邊框加點顔色:有時(shí)候我們會(huì)發(fā)現頁面(miàn)之中的元素平淡無奇,因而一個簡單的技巧,便可以作爲頁面(miàn)版塊添加幾分生色,那便是予邊框加一點顔色,看起(qǐ)來會(huì)生動許多。
圖标樣式要統一,看起(qǐ)來會(huì)越來越精緻:圖标樣式某種(zhǒng)要統一,假如使用線性,便均用線性,使用面(miàn)性,便均用面(miàn)性。假如你準備設計一些大圖标,可以嘗試著(zhe)予圖标加一個底色,接著(zhe)縮小圖标的尺寸,利用底色的用以讓輪廓讓圖标看起(qǐ)來大一點(注意:這(zhè)種(zhǒng)做法經(jīng)常使用一般是功能(néng)性較大的圖标時(shí)候使用,由于有顔色的圖标可能(néng)會(huì)影響用戶的判斷。)
絕不需要給每一個按鈕均加上顔色:當用戶于頁面(miàn)執行多個操作的時(shí)候,需要添加一些引導性的設計于網站之中,把希望用戶操作的按鈕高亮起(qǐ)來,絕不希望用戶操作的弱化下去,這(zhè)樣可以激發(fā)用戶的點擊欲。例如:最爲希望用戶按的:高亮,應該和背景形成(chéng)強烈的對(duì)比度;次重要的:應該設計清楚,但是絕不需要突出,使用輪廓樣式比較低對(duì)于比度的背景色色越來越好(hǎo)的選擇。
加陰影:如果我們做卡片需要下面(miàn)内容更爲明顯的時(shí)候,要做一個陰影模糊來使卡片越來越明顯,讓淡淡的投影垂直偏西移,顔色最爲好(hǎo)和背景色調相同。
你們將(jiāng)灰色的字體放在彩色背景下面(miàn):灰色的字體放在白色的背景背景下面(miàn)的時(shí)候,效果是非常棒的,會(huì)使文字的對(duì)于比度降低,進(jìn)而看起(qǐ)來畫面(miàn)越來越簡潔,越來越幹淨。
于标題字形之上做一些變化:字庫裡(lǐ)面(miàn)的字體相當來說(shuō)會(huì)較常規,因而于設計标題的時(shí)候,我們可以于保證其識别性的前提之下大膽嘗試,增加一些輔助元素來參與标題的排版和設計。