長沙網站優化排名

新聞分類

聯系我們

企業名稱:長沙簡界網絡科技有限公司

聯系人:房經理

電話:0731-83091505

手機:188-7414-8081

郵箱:779923984@qq.com

傳真:0731-83091506

網址 :  www.nclgbbs.com  

地址:長沙市岳麓區銅盆湖路1號山水譽峰5棟5樓


如何增強版面的空間感

您的當前位置: 首 頁 >> 新聞動態 >> 技術知識分享

如何增強版面的空間感

發布日期:2022-08-09 作者: 點擊:

通過文字層級來豐富層次空間

       文字層級即通過將畫面文案的主標題、副標題、正文、注解、圖片、顏色、圖形等元素劃分重要和次重要之分,通過改變文案的顏色,大小,疏密,長短,粗細來控制文案的層級劃分,簡單來說就是使用四大基本原則之一的對比原則,來實現畫面的主次之分,“無對比不設計”,這是我經常在課程里講到的,不僅是畫冊版式,還是審美海報,亦或是品牌或者logo,我們都會用到對比原則,活用對比原則,就能讓你的版面脫離平、呆板、沒有張力等問題。如果這么說你很難理解的話,不著急,因為我會通過下面的實際案例來進行詳細講解。


長沙網站設計


1.1案例實操之--文字層級

①-劃分層級

我們在做設計的時候,一般從拿到文案開始,拿到文案之后我們需要先甄別文案的主次,文案的重要順序應是

:主標題>副標題>特點信息>內文>點綴。

主標題是一級,副標題是二級,其他信息分別是三級、四級、五級等;但是層級越多,畫面就越難協調,所以有些人就會添加很多的層級,從而導致無法協調畫面而使版面變得混亂;然而層級越少,畫面的豐富程度就不夠,就會產生版面很“平”的問題,如何把握這個度,是使版面脫離“平”的關鍵,根據以上所說,我們先來分析下面這段文案:


長沙網站制作


上面這段文案與我們在工作中拿到的文案應該是非常相似的了,我們把文案中的信息做了一個明確的層級劃分,接下來要做的,就是把分化好的信息按照重要程度來進行排版,重要的一級主標題要放大,并做特殊化處理。


②-確立版面走向


長沙網站制作,長沙網站制作


主標題選擇一個比較粗一些的字體,并且放大,放置在版面的左邊,定位主標題,將版面分割成大約2:1的比例;發現主標題放大后,表現的有點笨重,且沒有設計感,我們進一步嘗試將主標題優化。


③-優化標題效果



長沙網站開發


將主標題做特殊處理,利用ps添加了半調圖案的風格,將文字圖片化屬性,這樣可以在版面中更具有表現力,有突出主題的作用;大家應該都發現了,現在的主標題溢出畫面一部分,為什么要這樣做呢?這樣做的目的就是為了讓它底紋化,且可以讓版面更具有向外擴張的張力。


④-添加層級之間對比


長沙網站開發,長沙網站制作


因為主標題已經圖片屬性化,所以將主標題利用四大原則之一的重復原則,將主標題在Z上方重復呈現,同樣選擇較粗的字體,作重點突出,重復的主標題更改了筆畫,且在中間加入了點綴性信息,使其更具設計感,且與下方優化的標題產生強烈的對比。副標題相對主標題更小一些,結合圖片化的主標題形成一個視覺組,一大一小,同樣產生對比效果。我們發現,由于版面的設計調整,現在畫面的元素位置有些許不同,但是整體比例沒有改變,左邊的版面已經很飽滿了,接下來就是右邊的版面,需放置剩下的次重要信息與注解信息,這里需要精細化排版。


⑤-文案精細化排版


長沙網站設計,長沙網站開發


將剩下的特點信息、次特點信息、注解信息排版在版面右側,并做精細化排版,字體選用偏細一些的,這樣能與大標題的超粗體形成對比;部分特點信息重點突出,讓人能盡快的知曉關鍵信息,同時與其他點綴信息同樣形成大小對比。

在這里就要說一句,我們將“3月22號-3月26號”改成“03.22-03.26”,這樣能使信息更清晰,節省人的閱讀成本。Z后的注解信息選擇的是比較細的字體,且偏小,作為點綴性信息呈現,可以使版面更加飽滿、豐富。


⑥-細節優化調整


長沙網站設計,長沙網站制作


將左右版面合起來,觀察版面,并且調整版面的一些細節,具體查看版面的視覺重量以及均衡度、飽滿度,從而進行版面調整;右側信息單獨形成一個視覺組,整體與右側的大標題形成強烈的對比,但是由于版面的Z上面有重復的大標題壓陣,且由于左邊信息偏少,右邊展示的信息豐富,所以左右版面相對平衡,并且信息是以從上往下的順序呈現,視覺走向清晰明朗。


⑦-添加底色


長沙網站制作


現在看版面其實很容易察覺到,它是缺少顏色的,我們需要給它加上一個底色。因為文字是黑色的,且整體版面比較沉穩,需要加上一個偏活潑的顏色,使整體版面活潑起來,但又不會太突兀,我們選擇黃色來作為底色?,F在整體版面豐富且飽滿,層級分化明確,且視覺走向清晰,這個版面到這里就完成了。


長沙網站設計


總結:

綜上所述,其實利用純文字也可以做出有層次的畫面,從而營造出版面的空間感,我們從劃分層級、確立版面走向、優化效果、精細化排版到Z后添加底色,每一個細節都離不開四大原則之對比原則,所以說“無對比不設計”,有了對比,整體版面才不會“平”,活用對比原則,無論是大小,顏色,長短,粗細等對比,都可以為版面增光添彩。



本文網址:http://www.nclgbbs.com/news/520.html

關鍵詞:長沙網站設計,長沙網站制作,長沙網站開發

Z近瀏覽:

  • 在線客服
  • 聯系電話
    18874148081
  • 在線留言
  • 手機網站
  • 在線咨詢
    99久久国产精品免费热7788_啦啦啦4日本在线直播WWW_饥渴老熟妇乱子在线播放_国产无线卡一卡二
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>