當前位置:HOME > 新聞資訊 > 網站建設 > 分享網站設計之圖文排版小技巧

分享網站設計之圖文排版小技巧

日期:2019-05-30      浏覽次數:

圖文排版于網頁設計之中起(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í)候,我們可以于保證其識别性的前提之下大膽嘗試,增加一些輔助元素來參與标題的排版和設計。

上一篇:分享下網頁設計基礎知識

下一篇:分析下影響網站情緒設計的因素

返回列表

更多 +聯系我們

業務電話:0573 / 8221698018257330123

業務 QQ:  935003069

客服電話:0573 /82216980

客服 QQ569963278 E-mail:  service@seatec.cn

關于海納網絡

浙江海納信息技術有限公司19年專注于網站定制及互聯網産品開(kāi)發(fā)。始終秉承以客戶爲中心的服務理念,"海納百川,服務永久"的服務宗旨。緻力于爲客戶建設一個全方位的互聯網營銷體系,幫助傳統企業實現"互聯網+"轉型升級。

多年來海納網絡專注于創意設計和品牌傳播,爲企業提供全方位的網絡支持。包含網站定制開(kāi)發(fā)、微網站 & 公衆号開(kāi)發(fā)、小程序 / APP 定制開(kāi)發(fā)、企業郵箱,從策劃、設計、開(kāi)發(fā)、實施維護等各階段,不斷探索視覺與體驗的完美結合,爲客戶提供專業化的整體解決方案。

我們珍視與客戶的每次合作,始終把與客戶的共同發(fā)展作爲己任,與衆多客戶在蓬勃發(fā)展的市場環境中互促共生。