想要成為設計專家,先掌握這5個提升審美的視覺方法

2020-12-14 人人都是產品經理

好的設計往往能夠根據產品的性格和特徵來量身打造,而做到這一點卻很難,文章為大家分享了5個關於提升視覺設計的方法,希望能對你有所幫助。

對視覺美感而言,其實是有規律、有方法可循的。從美感的定義,資深設計師跟初級設計師,最大的不同點在於,初級設計師在調整美感時,需要花大量時間摸索、嘗試,而資深設計師,有自己獨特的一套理念跟方法。

這也是為何同樣一個設計,初級設計師需要花大量時間去摸索,探索怎麼樣調整能讓自己的設計更為美觀。而資深設計師,隨便調調,往往都能調出很好看、很高級的視覺風格,這主要由於他們手裡掌握著各類紮實的方法,對」 美 「的套路有深刻的理解。

所以今天,就圍繞「美感」,給大家分享分享,如何在視覺層面,用一些小技巧快速設計傳遞出具備「高級感」的視覺感受。

本文大綱:

  1. 注意力吸引是美的第一步
  2. 設計感的節奏如何體現
  3. 頁面的重心如何均衡
  4. 顏色乾淨高級的秘籍
  5. 系統設計一致性考量

01 注意力吸引美

實際上,營造一個美而高級的頁面,是需要在第一時間內,有一個重點能快速抓住觀眾的眼球,對觀眾的注意力進行吸引。這樣觀眾才能對你的頁面產生興趣,從而引發瀏覽的動機,如果連基礎的重點都沒有,那麼頁面則會顯得很碎,缺乏主體,這樣的頁面便是非常乏味的,難以下咽。

那麼要想抓住用戶注意力,頁面的重點可以通過哪些元素來營造?

1. 醒目突出的標題

在UI設計或者海報設計中,標題往往起著點睛的作用。一方面它能很好的給予用戶頁面的定位,告訴用戶當前所處位置,其次又能很好的抓住用戶眼球,提升用戶的瀏覽動機。

所以在Dribbble中,那些令人賞心悅目的概念稿,往往標題就是非常突出醒目的。如果你發現你的頁面元素都很碎,看起來非常亂沒有主體,那麼不妨,試試把標題字號的大小做到更大,顏色做到更黑。

總之明顯的主體在設計中相當重要,好看與否都與其強關聯。這個主體可以是圖,也可以是文字。不過通常,文字的優先級需要比圖更重要,因為信息的核心傳遞往往更依賴文字。

2. 精緻的插圖

其次,除了將標題調整更醒目外,一個精緻的插圖,往往能引起共鳴,更為快速的抓住用戶注意力,如果你的頁面裡,全是文字信息非常枯燥,那麼不妨多花點時間,繪製一幅精緻的插圖。

02 節奏的變化

節奏的變化,是建立頁面秩序的關鍵,一個高級感的頁面,往往內容都是非常有秩序的排列組合,信息的歸類分組非常明確。從秩序來看,有哪些小方法,能幫助我們快速建立思路?

1. 按照信息重要度,對信息進行分層

首先,需要按照頁面信息,按照優先度進行分層,比如非常重要的、重要的、一般的、不重要的,先把這些因子進行羅列,找到信息的差異,然後對信息進行分組。

一般非常重要的信息,往往是交易數字,或者是行動點,這塊需要重點做強化。二級類別的信息,可以是標題,或者是用戶&業務想重點傳達的文本或者插圖,這塊可以自行做判斷。

2. 信息層級不要超過5種

其次需要注意的是,分組分的太多,也會造成頁面秩序的混亂,所以頁面的信息層級,最好不要超過5種。那麼其對應的字號,也不應該超過5種,這裡可以使用規範,進行相應的約束。

包括不知道大家有沒有發現,其實在我的公眾號裡,我也使用了五種信息層級,大家可以對比這五個樣式。

  1. 重點標題大字號
  2. 小標題中等字號
  3. 正文正常字體字號
  4. 輔助標題小字號
  5. 最弱信息字號

之所以分這五種樣式,一方面是為了更好地傳達信息之間的層級關係,其次,也是為了增添文章的美感,增添閱讀的享受感。比如下面這個案例,其實在信息之間的層級關係就較為清晰,不但具有美感,閱讀的時候還清晰易懂。

03 頁面的重心

光有秩序感,這還不夠,頁面如果沒有重心,也會缺乏空間層次,經不起美的推敲,所以在將信息的結構確認後,還可以嘗試進行以下一些操作。

1. 在點、線結構中,適當增加面

在合適的位置,可以嘗試增加色塊&實色填充,拉開頁面的空間層次,這樣既能很好的凸顯頁面的重要信息,同時又不顯得單調。比如這樣

又或者這樣

2. 調整重心的平衡

如果增加了重心後,發現頁面失去了平衡,重心靠左或者是靠右,這樣可以調整頁面其它模塊組件的強弱層次,如果重心偏左,那麼可以把右下角的信息加重處理。如果重心偏右,則可以把左邊的信息加重處理。

04 顏色的把控

顏色的用法,也需要非常合理,如果盲目的添加顏色,也會讓頁面變的更為低俗,所以在顏色上面,可以遵循下面兩種方式。

1. 正常情況頁面主色不要超過3種

頁面的顏色越多,實際上檔次越上不去,仔細看那些非常有高級感的設計,它們的配色,大多數都不會超過3種,顏色越少,高級感越強。

這個跟在海報設計中的配色講究,其實是一樣的,顏色數量與高級感成反比。

2. 定義顏色的明度區間

但所有信息層級用一個色值,其實也不太合適,所以較好的解決辦法,是將顏色的明度,同樣也定義成為5種。比如100%明度、80明度%、60明度、40%明度、20%明度,在不同的信息層級上,使用不同的信息明度。

當然,有的時候透明度會出現一些顏色顯髒的情況,所以適當改變一下色相,用鄰近色代替也是OK的。

05 系統一致性

最後一點需要注意的是,如果定義清楚了一個頁面的規則,那麼同樣,這個頁面的規則,需要與其它的頁面規則保持一致性。所以這個時候,往往得拉通來看,各個頁面的視覺語言,視覺邏輯規則,是否一致。如果不一致怎麼調整比較合適,這些都需要考慮。


從一致性方面,也可以從兩點方面來考慮,做細化:

1. 信息分類的一致

各個頁面的分類邏輯,是否一致,包括重點標題、小標題、正文、輔助標題、最弱信息的規則是否一致。

2. 視覺語言的一致

視覺語言包括顏色、字號、間距、樣式,這些也都需要考慮統一。

比如下面這套:

最後補充

PS:掌握了方法還不夠,只有結合方法,進行動手練習,才是進步成長最快的!所以看完本篇文章後,不妨開始動手進行練習,把這些方法牢牢掌握。

其次,平時工作中,也可以多積累,多總結,形成自己的方法論,一方面能提升自己的專業能力,二方面,還能提升自己的影響力!

最後,歡迎大家擴散此文

 

作者:UX小學,微信:uxd686

本文由 @UX小學 原創發布於人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基於 CC0 協議

相關焦點

  • 想要撞色並不難,掌握這5個配色法則,教你把氣質穿在身上
    今天分享給大家的5個配色法則可以直接在日常的搭配中運用,大家要知道顏色並沒有所謂的好不好看,重點在於是否合適,學會了配色的法則可以更好的提升個人氣質,還不會配色搭配的女孩子們趕緊看過來吧,絕對是滿滿的福利哦!
  • 如何通過電商視覺設計,提升店鋪整體營銷效果
    ,畢竟競爭如此激烈的市場中,想要佔有一席之地也是需要下點功夫的。說到視覺營銷我相信很多有一定設計經驗的設計師都不會陌生,但是很多電商設計小夥伴們還是在這個領域存在很多的疑惑和迷茫,不知道該如何提升自己店鋪的視覺及營銷的效果,所以我來帶大家了解一下視覺營銷的重要性及提升營銷效果的方法。
  • 設計師如何提升審美?關於審美提升的認知,看這篇文章就夠了!
    不得不承認,作為一名設計師,獨特的審美能力是設計的靈感所在,不過很多剛剛從事設計的人,審美能力真的非常的一般,所以心中難免有這樣的疑問,我的審美能通過後天的努力提升嗎?關於這點,可以非常肯定的說,完全是可以的。並不是每個人生下來都擁有很高的審美,很多優秀的設計師靠的就是後天的學習。
  • 高中生想要提高學習效率,掌握這5個方法,學習成績不用愁
    她考試成績的排名才在班級的中下等的水平,這對她的打擊真的是很大,從此之後,成績也是一直都在下降。其實,她之所以看上去已經非常努力的學習,但是成績還是沒有提升,就是因為她的學習效率並不是很高,沒有掌握好學習的方法。
  • 3種方法快速提高視覺設計能力
    編輯導語:對於設計師來說,視覺設計能力是很重要的。雖然,視覺設計能力會隨著經驗的增多而提升,但是對於設計新人來說,如何快速提高自己的能力呢?本文作者為我們總結了這三種方法,希望能夠對你有所幫助。
  • 分享5個方法,用創意思維做插畫設計
    本文作者分享了5個做創意的小方法,希望可以幫助到學品牌或者插畫的設計師。想像力比知識更重要想像力是什麼?是人在已有形象的基礎上,在頭腦中創造出新形象的能力。比如當你說起汽車,我馬上就想像出各種各樣的汽車形象來就是這個道理。因此,想像一般是在掌握一定的知識面的基礎上完成的。想像力是在你頭腦中創造一個念頭或思想畫面的能力。
  • 淘寶美工設計需要掌握哪些必要的技能
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 淘寶美工設計需要掌握哪些必要的技能?寫在前面,如果是想少走彎路,節省時間,需要有人管著才能學得進去,建議找個靠譜點的培訓班,入門快一點,如果自學自律能力強,又差錢,自學就相對好一點。
  • 設計沉思錄|如何通過視覺表現提升廣告點擊率?
    編輯導讀:本文主要介紹,針對大眾心理對廣告素材頁有排斥的情況下,如何通過創意視覺設計助力提升廣告點擊率。作者針對核心問題,展開了深入的分析拆解,並對重要步驟展開了說明,與大家分享。01 前言移動網際網路時代,信息流廣告已成為商業化變現和用戶增長的重要方式之一,素材頁面的設計同樣也是以「用戶體驗」為中心。在大眾心理對廣告素材頁有排斥情況下,從用戶的特殊需求和精準度出發設計,視覺元素也得遵循去繁從簡的流程。信息流作為用戶拉新的引導,我們進行討論如何通過視覺表現提升點擊率。
  • 提升UI設計能力的幾種套路
    所以不管是你剛入行,還是準備入行也好,審美都是可以不斷提高的!其實我們每一個人的審美觀都是不一樣,的確如此,但是審美能力好的人,做出來的作品往往能夠吸引用戶的眼球,原因在於他的作品不僅配色好看、搭配合理,更主要的是他會根據不同用戶的心理去設計。那麼如何提升審美能力呢?
  • 女性想要快速提升吸引力,離不開這三個方法
    女人想要提升吸引力,需要掌握的3個方法 道德經說:「禍兮福所倚,福兮禍所伏。」 女人若想要增強吸引力,可以從以下幾方面著手。 01)、你想要什麼樣的另一半,自己先要成為這樣的人 每個人對另一半都有自己的期待,簡單來說,當你足夠優秀的時候,就會吸引同樣優秀的男子。 「腹有詩書氣自華」智慧的女子不會口吐惡言。
  • 高效閱讀:掌握這3個理念,2個思維模型,讀書速度提升100倍
    只要你掌握了以下的3個理念,2個思維模型,你的讀書速度,會提升100倍。不知道大家以前有沒有接觸過一些快速閱讀的方法,我是接觸過不少。這些書籍、課程提到的閱讀方法都挺不錯,但是,你學完後,也許可以快速閱讀一本書,但是,可能讀過即忘,無法掌握書中的精髓。而今天所講的高效閱讀,則可以很好地解決你讀書記不住的難題,今天講到的方法,配合以往學到的速讀技巧,讀書才會真正成為一個既快又好的精神享受活動!
  • UI設計行業現狀怎麼樣?做UI設計要掌握什麼能力?好不好找工作?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享UI設計行業現狀怎麼樣?做UI設計要掌握什麼能力?好不好找工作?前陣子有個梗,說現在學ui相當於49年入國軍。其實這個也有一定道理,特別是今年,疫情的原因加上網際網路這兩年的寒冬期,投資人越發謹慎,以前那種燒錢快速鋪路的時代已經過去了。而國內ui設計的發展,卻很大程度依賴於移動網際網路的爆發,資本燒錢的年代,市場還是一片藍海,包括當時美團,滴滴,ofo等等,大家都在一個賽馬場,只要能跑得夠快(快速搶佔市場),就可以不計成本的投入,只要是個公司都在開發app。
  • 娃6歲前,是大腦開發的「黃金期」,提升智力試試這5個生活小遊戲
    所以想要提升孩子的智力家長一定要慎重,正確掌握開發智力的方法。為什麼說6歲前是孩子大腦開發的「黃金期」?權威腦科專家稱我們人類大腦發育在6歲前有這樣的三個黃金階段:第一階段:懷孕3~6個月,這個階段,稱為大腦長數量的階段。
  • 掌握這些方法讓你提升100倍記憶力不在話下
    人在成長的過程中就要不斷的學習,而有效的學習就需要好的記憶力,若記不住學過的知識,一切都將變得沒有意義,所以若要改變就需要從提升記憶力開始,那麼今天小編就給大家分享一些記憶方法,讓你再也不用為背書而煩惱,從而喜歡上背書。
  • 車顏新風:奔騰T77 PRO以人臉審美演繹前格柵設計美學
    歲月的斑駁並沒有在她們面頰上留下絲毫的痕跡,顏值依舊的同時,且多了一份成熟的韻味,這也使得節目從第一期開始就牢牢的抓住了觀眾的心。這麼多年過去了,為什麼30+的她們越看越美?從顏值審美的角度而言,那是因為她們大多符合面部的美學標準,即三庭五眼、四高三低;同時有著耐看的側顏臉。
  • 藝術學門類——視覺傳達設計專業解讀
    舉例來說,在大學校園的宣傳欄中貼著各種各樣的海報,如果其中有哪一張海報設計新穎,引發同學們的關注,那麼就可以說這樣海報完成了視覺傳達的作用。該領域的設計師也被人們成為平面設計師,他們的作品在生活中非常常見,例如公交站的大幅海報、路邊的燈箱、零食的包裝袋、書籍的封面等,都屬於視覺傳達設計產品。隨著紙媒的衰弱,視覺傳達設計也不局限在二維平面載體中,也尋求以更多方式調動人們的視覺。
  • 掌握這3個方法,你家孩子也可以
    我也想讓自己的孩子的英語口才變得流利,其實讓孩子張口就能飆英語還是很簡單的,只要掌握好正確的方法,在培養孩子學英語的興趣,再加上孩子能吃苦,能堅持,張口飆英語不是問題!為此青青去詢問了許多家長總結出3個有用的方法,能夠提升孩子英語。
  • 2021年平面設計全球風向標,超全審美指南,速度收藏
    流行趨勢的動向,決定了一年的設計風向。於設計師而言,掌握本年度的流行趨勢,是提升自身設計及審美能力的重要指標。在此小藝網羅全球平面設計風向,給大家分享今年國際上,流行那些設計元素,助力大家提升審美及設計能力。趨勢一:拋棄框架長期以來,多數設計都在追求圖形的框架性。
  • 零基礎想學美工設計要掌握什麼軟體?如何入門學美工設計?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享零基礎想學美工設計要掌握什麼軟體?如何入門學美工設計?阿里巴巴的發展,帶動了電子商務的運營,而電子商務的運營離不開淘寶美工,美工無疑成為了時下比較受歡迎的職業之一。像最近就有不少小夥伴私信小編,問淘寶美工需要掌握哪些軟體?自學該從何入手?等問題,今天兔課菌也來跟大家分享一下。一、淘寶美工需要掌握哪些軟體?
  • 對自己不認可,想要提升自我,那我推薦你看這本書
    因為一場意外,他變成了班上反應最遲鈍的孩子,記憶力差,反應慢,不會閱讀,可就是這樣一個在旁人無可救藥的孩子,卻獨創了一套開發腦力和自身潛能的學習方法。吉姆·奎克不僅讓自己走出了自卑的泥潭,還幫助成千上萬個和他有同樣困惑的人,一起開啟腦力開發之旅,而他也成為了記憶提升,快速學習,腦力優化的世界級教育專家。