山東網站建設

山東網站製作
當前位置: 首 頁 >> 新聞中心 >> 行業新聞

設計幹貨:點、線、麵在版式設計中的作用

設計幹貨:點、線、麵在版式設計中的作用

發布日期:2018-06-15 作者: 點擊:

注:設計師大部分時間,就是在排布點線麵在版麵中的大小比例及位置關係,設計師可以在不理解文案內容的情況下,依然能通過這些法則來將文字和圖片進行合理的布局。而本文要談的正是點、線、麵在版式設計中的作用。

本篇文章將深入剖析版式設計的基本構成單位,點、線、麵。

AG平台將點線麵稱為設計三元素,一個文字或者標點,AG平台可以抽象成一個點,一行文字可以抽象成一條線,那麽一段文字就是一個麵,一張圖片也可以被看做是一個麵。

其實AG平台設計師大部分時間,就是在排布點線麵在版麵中的大小比例及位置關係。換句話說,AG平台可以在不理解文案內容的情況下,依然能夠通過形式美法則將文字和圖片進行合理的布局。

筆者在外企擔任視覺設計師的時候,經常麵對各個國家和地區的設計需求。母語是英語的AG平台還能看懂文字的意思,但是像德國、俄羅斯、日本這些國家的語言AG平台也看不懂,那看不懂就不設計了嗎?

肯定不能,通常文案編輯會在word中標明哪段文字是大標題,並進行加粗加大字號顯示,哪些是正文已經在哪換行都會標注清楚,所以你隻需要按照版式規律進行設計就OK。這種情況就是把文字和圖片抽象成點線麵了,你實際排的就是點線麵的位置關係了。

那麽點線麵在版式設計中的作用是什麽呢?

點的作用

點,可以聚焦AG平台的視線。可以讓人們把注意力聚焦在AG平台想重點表達的信息上麵。比如:APP啟動頁麵中的LOGO,這些都可以看做是一個點,讓AG平台隻關注這個品牌並留下印象,排除其他的信息幹擾,這也是減法法則的運用,少即是多!

下圖中隻有一個點,AG平台的視覺焦點會不自覺的落在這個點上,所以點可以起到聚焦視覺的作用。那麽在實際設計中有哪些經典案例呢?

各位看官請繼續往下看:

天貓APP開屏頁麵中心位置隻有一個天貓的LOGO,實際就是起到聚焦用戶的眼球,從而加深對品牌的認知和記憶。有的同學可能會覺得天貓這樣的億級用戶量產品,怎麽可能浪費這麽大的banner位卻隻放一個logo呢?

因為天貓這個品牌更需要人們記住!

當頁麵當中有兩個點並列存在的時候,情況又不一樣了。AG平台的視覺焦點會在兩個點之間進行反複的遊離,很難獲取到視覺焦點,所以這裏又涉及到了一個奇數法則。

奇數法則就是在版式設計中,一個區塊內的元素應最好是奇數個數。這樣一直會有一個視覺中心可以獲取AG平台的焦點,從而讓視覺保持平衡。

看到這裏,很多視覺設計師可能會恍然大悟,原來視覺還有這麽多的講究和原理。那麽在實際設計中,有哪些經典案例呢?

一般多數APP底部標簽導航和頂部標簽導航,都應該是奇數排列才符合視覺規律。

參考下圖APP頁麵頂部標簽及底部導航標簽個數:

點在版式設計中的實際應用案例:

線的作用

線,可以用來分割設計元素。將版麵劃分成不同的信息區塊,方便用戶閱讀。線有長短、有粗細、有虛實,線還起到版麵骨骼的作用,能夠撐起版麵。

上圖為重複排列的線條,AG平台在三大構成中學習過重複當中求變化,變化當中求統一。這種重複的線條可以營造出線動成麵的效果,起到了支撐版麵的作用,從線條中衝破紙麵的雙手讓視覺更具衝擊力,同時也讓用戶聚焦到了中間的產品-手表!

上圖中運用了蜿蜒曲折的線條,穿插於版麵中,可以讓版麵更加生動靈活!這也是線在版麵當中穿插效果營造出來的視覺分區效果。並且多線條的運用同時讓版麵富有內容,起到支撐版麵的作用。

上圖中,線的粗細長短作為版麵的骨骼,可以支撐起版麵並劃分版麵。骨骼類的排版規則中明確指出:橫縱線條可以起到支撐版麵的作用,就好比AG平台人體中的骨骼,可以支撐起AG平台的身軀道理是一樣的。

並且,在上圖中,橫豎線條通過粗細的對比也明顯的隱喻版麵中的區塊劃分。

麵的作用

麵,可以將版麵進行區域的劃分。AG平台說一段文字,或一張圖片就是一個區塊,在區塊裏麵的信息高度相關。

上圖的灰色塊將版麵進行了區域的劃分,在版式設計中AG平台將這種手法稱作墊色區域劃分法。假想,如果版麵中沒有灰色塊和黃色塊,隻有三個酒瓶頁麵效果會顯得空洞,整個版麵也立不住。

所以通過墊色的處理手法,讓版麵更加富有變化,同時襯托出主體產品-酒瓶的視覺重量。

上圖雜誌對頁頁麵中的圖片都可以理解為麵的應用,圖片是一個麵,段落文字同時也可以理解成是麵的變體。這樣版麵中圖片和文字的區域性便顯得條理清晰,在AG平台閱讀的時候會有暗示性的區域劃分。

在整個版麵當中,設計師還運用了點的穿插。點在版麵中的出現一方麵是點綴了版麵,同時點中的文字也是一種區塊的劃分。




本文網址:http://www.heimayibanjia.com/news/460.html

關鍵詞:山東網站優化,濟南網站優化,網站優化公司

最近瀏覽:

  • 在線客服
  • 聯係電話
    18615652552
  • 在線留言
  • 關注AG平台
  • 在線谘詢
    歡迎給AG平台留言
    請在此輸入留言內容,AG平台會盡快與您聯係。
    姓名
    聯係人
    電話
    座機/手機號碼
    郵箱
    郵箱
    地址
    地址