如何製造畫面聚焦點

視覺體驗的產品,不單指好看。重要的是,頁面視覺呈現是否做到了主次分明,對於產品戰略的重點部分,是否給予了足夠的視覺比重?

每個設計元素的存在都是有意義的。視覺引導順序的優先級,要和內容信息,功能的優先級對齊。這時,就要確定哪些信息是重點。 體現信息層級要有輕,才能體現重。根據信息的重要性,運用圖形,顏色,大小等方法,凸顯內容。
以下是我從書籍,文章中找到的知識點。我將它們分別整理出來:

顏色:

色相差異越大越容易聚焦

24色相環上相距120度到180 度之間的兩種顏色,差異最大。稱為對比色。

如何製造畫面聚焦點

舉個栗子: 左右圖對比。左圖用色為相接近的色,右圖的藍色和黃色形成對比色。視線一下注意到右圖了。

如何製造畫面聚焦點

明度差異越大越容易帶來聚焦

黑白是明度最極端的兩顏色。因此對比度最大。3張圖背景色為綠色,明度偏暗,可以假裝它是黑色。三棵樹幹中。第一棵樹明度最亮,因此與在暗色背景中產生最大的對

如何製造畫面聚焦點

冷暖差異容易帶來聚焦

人的視覺習慣,先看暖色,後看冷色。

如何製造畫面聚焦點

舉個栗子:

以下4個圖標,第二個暖色圖標最為突出。在實際工作中也可根據情況。運用這種方法突出圖標。

如何製造畫面聚焦點

差異容易帶來聚焦

出現較大的形狀。視覺焦點就會集中在大形狀上

如何製造畫面聚焦點

純度高的顏色容易帶來聚焦

色彩純度越高。視覺引導性越強。左圖為純色調,色彩很飽和。右圖為淡色調,加入些許的白色形成的色調。明顯左圖更吸引眼球。

如何製造畫面聚焦點

拓展知識點:

色調分,純色調,明色調,淡色調,灰色調,暗色調。

純色:就是不加任何黑色或白色的顏色。色彩飽和度很高。那些看似鮮豔的顏色都是純色。下面是各個色調的示意圖,大家自個領會吧~

如何製造畫面聚焦點

產品營銷視覺設計思路,強聚焦的圖標是什麼樣的?

市場上的應用圖標多式多樣。怎樣才能脫穎而出。提高下載率。是有方法可循的。色彩和圖形兩類的引導強度如

如何製造畫面聚焦點

空間:

聚焦的位置符合你的期待

當聚焦的位置符合你的期待,這時候信息和色彩產生了很好的溝通。大家不喜歡被延遲,焦點要在合適的位置。讓人立刻得到信息。

如何製造畫面聚焦點

留白、弱化

在周圍留白、弱化其它元素形成背景。也有聚焦的作用。

色塊,空間

使用色塊來劃分不同組別和層次的信息。

如何製造畫面聚焦點

文字:

大小

文字以大小的文字強調信息重要性

深淺

使用不同灰度的顏色來區分重要性不同的文字。如重要的文字,用深色。相對不重要的文字,用灰色弱化它

英文大小寫

在英文中,大寫的文字具有“大聲強調”的意味 。寫頭條標題或需要引起用戶注意時,可用全大寫

如何製造畫面聚焦點

圖片內容:

追溯到遠古時代,人類最關注生存情況,不斷觀察周圍環境。思考方式是,可以吃嗎?可以和它性交嗎? 它會殺死我嗎?現代人思考方式已經不像過去那樣了。但是不管你願不願意,你都會注意到這些事情。

根據這個結論,人類對怎樣對圖片會引起注意。以下是最容易吸引人注意力的內容:

人臉圖片

尤其是正臉。眼睛也是強點。雜誌書籍廣告等等,會使用人像做裝飾元素。區別在於如何更吸引眼球。

如何製造畫面聚焦點

性愛照片

利用性感美女吸引用戶注意。達到提高點擊量的目的。

如何製造畫面聚焦點

危險,恐怖圖片

恐怖的照片讓人有過目不忘的視覺衝擊力。用戶的好奇心和探究欲也越是強烈

如何製造畫面聚焦點

故事

我們不想一成不變。大腦需要刺激,需要被感動、被吸引等。通過故事,我們可以通過縮短時間,簡化環境的方式,以“上帝的視角”來了解一件事情。

如何製造畫面聚焦點

動態:

視頻、圖片滾動、聲音和動效很容易吸引用戶的注意力 。

視頻

動態和靜態的展示方式,前者會更為奪目。

圖片滾動

將banner擺放在黃金位置上。通過輪播的方式。吸引用戶注意力。

如何製造畫面聚焦點

聲音

根據需求選擇恰當的聲音。最容易引起注意的聲音要用在關鍵時刻,頻繁使用會讓用戶麻木,且無視它。

舉個栗子:用戶格式化硬盤時或是執行無法撤銷的動作時。 可出現聲音提醒。

動效

動效給予用戶焦點,拉開視覺層次,讓用戶用戶更明白自己所在的位置。

總結:視覺焦點的把控。是有規律可循的。當我們知道產品界面中那些信息需要突出。通過一些方法。可以把控用戶視覺焦點的去向。讓用戶更快地聚焦到需要聚焦的地方。

歡迎加入UI設計最大學習群587751709


分享到:


相關文章: