POST TIME:2018-12-03 21:29
在所有的設計需求中,可以利用一些具有指向性的設計元素,如:色彩、人物和動作、留白處理等,讓用戶的眼神跟著頁面元素的引導,完成對信息的關注與吸收。今天這篇文章,我將分享幾個引導視覺的方法和技巧,一起來收。
01.先要有個視覺點,靠這些點指引或者聚集視線點的形狀并非都是圓,或者是某種具象的元素。好比:在整張頁面中出現的大小對比關系,那么小的元素可以稱之為點。大的元素也可稱之為點。
它是一種相對而言的說法。其實,在頁面中出現一點時,就 可以很快吸引住用戶的眼球。當再出現一點時,此刻用戶不雅觀察畫面時的注意力就分散了。
當遇到大小差別的點同時出現時,用戶首先會關注較大的阿誰點,再接著是 較小的點。
左上1:視線會首先集中在右側鮮紅的草莓上,1是因為顏色的對比,2是因為面積的對比。點在這里是相對的關系,你可以把整體出現的元素都可以看做點。但是首先會有一個焦點去吸引用戶的視線;
左上2:點的焦中設計,居中的位置使用戶直接關注到正中的內容;
左下3:這里的點,甚至說是頁面中的亮點。就是右側沖出畫面的騎行者,這種表示打破畫面的平穩,使用戶最先關注到破格出畫面的人物,同時也表現出戶外騎行的自然和冒險;
左下4:點的集中設計,中間的圓為點,二邊的餐具為線,屬于典型的居中構圖;
在實際應用中又可分為焦點
第一時間吸引人眼球的阿誰元素。畫面中的點有著明顯的大小、顏色、形狀的對比。
亮點
是指畫面中點的形狀或者細節區別于其他元素,成為畫面中的主視覺。
左圖1:以手繪的黑白線條為主,用原色的食品形成畫面的視覺點,引導用戶跳躍式的瀏覽;
右圖1:居中的點設計,視覺會焦聚在此。大面積的留白,,使得畫面很干凈,除了主體產品外,沒有任何其他的元素干擾視線。以3種地殊場景下為主,向用戶保舉了差別的產品;
當你在設計時1、畫面元素的對比不明顯,整體視覺很平均時:
你可以按照設計需要和活動目的,對設計元素調整大小、或者顏色等形式,使要突出的點對比更為突出。
2、當版式中的文字太多時,用戶不知道先看什么?
這時你可以嘗試把主要案牘的字形、顏色等進行處理,使用戶視線有個聚焦點。亦或者你可以嘗試對文字的層次進行調整,使該突出的突出,該弱化的弱化。
02、人物動作設計多,手眼身腳都要使!動作,舉止的指向性。這種指向可以通過模特擺出的各種姿勢去表現,也可以通過調整模特元素的標的目的、位置、和排版共同完成對指定內容的指向。在做一些以模特類為主要元素的設計時,可以好好利用下模特的一舉一動。
實際應用中如在表示一些運動活動專題時:動感、活力是這類需求的主要切入點。
在人物動作的挑選上,就盡量找一些動作幅度較大、夸張的模特,來完成對于“動”起來的基本訴求。
左圖1:模特人物展開雙臂運動的動作中,其中拿球的左手位置正好置于文字上,加之文字顏色為白色,使得用戶第一時間去關注那部分內容。其中右手所示的位置,有一個扶地的動作,而這個動作也正好巧妙的結合于保舉的商品上,使用戶的視覺順著向下進行瀏覽關注。
右圖2:第一屏,圖像中模特的動作有“秀一下”的暗示,向用戶展示出他的8塊腹?。ㄎ6侨宋锼故镜娜^指向,也使用戶的視覺焦點向畫面左側的文字挨近。第二屏,模特眼神所示的標的目的正好指向了右側內容。
當你在設計時選擇大片模特時,首先要考慮到使用模特做為主視覺元素時,模特的動作是否要去結合案牘需要、構圖需要等需求。然后再去挑選或者去拍攝適合活動目的并帶有指向的動作素材;在使用模特素材時,充分利用好模特的動作、心情和眼神的視覺指向,按著瀏覽軌跡擺設合適的販內容到正確的位置上。眼神
眼神的作用,暗示出模特所指的具體內容中,它有著明確的標的目的指向。
當你看我、當我看你,當你看它時,隨著人們注意視線的移動,人們關注的焦點也會做出相應的調整。
在實際應用中當你用差別的眼神不雅觀察事物時,其實你的眼神中,就帶有了指向目的的作用。
上一篇:如何設計一個簡單的新聞聚合產品?
下一篇:APP設計模式:淺析導航欄設計