UI設計師掌握三招加強頁面設計感

提到banner或者專題設計時,你可能覺得很簡單。動起手來,才發現,做出的東西平淡無奇。如何才能做出遊設計感的頁面,如何才能出彩。下面就分享給大家。

版式要各種

對齊

UI設計師掌握三招加強頁面設計感

以上是我們常見的電商海報及專題的排版形式,不難看出,基本都是運用了左對齊、右對齊、居中對齊,對齊是最常見最實用也是最基礎的排版形式。

對齊排版給我們工整、統一、穩重的感覺。文案與商品等相互遮擋,營造出一前一後的層次感加上一些光感,讓畫面的品質感提升很多。

重點內容要突出

我們都不喜歡太平淡的東西,沒生氣,呆版。重點內容突出增強對比,可以更有效的增加畫面的視覺效果。排版中常用的加強方法有多種,例如:字型對比、大小的對比,粗細的對比,顏色的對比等等。

UI設計師掌握三招加強頁面設計感

UI設計師掌握三招加強頁面設計感

這兩張圖片進行比較,很明顯前者顯的很平淡乏味,第二張圖片就顯得很吸引人,第二張圖片標題在字型、大小和粗細上進行了對比,還加了設計效果,更顯生動。

只要將重要的資訊提煉並加大加粗,使整個版面資訊主次分明,就會在視覺上讓瀏覽者有耐心的讀下去。

UI設計師掌握三招加強頁面設計感

提練文案中重要資訊運用粗細大小加以強調區分,字型要對比分明,就要做到大的足夠大,小的足夠小,粗的足夠粗,細的足夠細對比不光讓畫面美觀,也會增加頁面的可讀性,只要夠吸引,不用擔心字小瀏覽者不去閱讀。如果畫面文字都一樣大,沒重點,沒邏輯,瀏覽者才不會靜心的去看內容。

UI設計師掌握三招加強頁面設計感

以上這些案例足以證明,只要改變文字的大小和粗細就能讓設計非常精美。

元素間距把控好

當文案較多時,即使運用了對齊和對比,畫面也會顯的很擁擠,可讀性不高那麼我們就要對資訊進行歸類分組,那麼透過什麼方法去分組?答:間距。加大間距區分內容,讓資訊有條理性便於閱讀,也讓畫面更美觀。

UI設計師掌握三招加強頁面設計感

這與我們寫文章分段是一個道理,沒有分段,就顯得雜亂無章沒有秩序。段落與段落之家也是透過間距去區分的。

總結

一般來說,我們設計的東西,放什麼元素,安排什麼位置,放到多大都是有原則的。沒有隨便放上的東西。掌握以上三個基本原則,你的設計就有規律性,就不會雜亂沒有章法。

最後重點內容不突出,神馬都是浮雲!

UI設計師掌握三招加強頁面設計感