<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    如何吸引用戶視線

    • 時間:2016-08-30 17:22
    • 發布:昆明UI培訓
    • 來源:優設網

    在網頁設計或者海報設計中,如何吸引用戶視線,是個值得研究的問題。今天,達內昆明UI培訓就和大家一起來研究一下。

    首先,先要有個視覺點,靠這些點指引或者聚集視線:

    點的形狀并非都是圓,或者是某種具象的元素。

    比如:在整張頁面中出現的大小對比關系,那么小的元素可以稱之為點。大的元素也可稱之為點。它是一種相對而言的說法。其實,在頁面中出現一點時,就可以很快吸引住用戶的眼球。當再出現一點時,此刻用戶觀察畫面時的注意力就分散了。當遇到大小不同的點同時出現時,用戶首先會關注較大的那個點,再接著是較小的點。

    吸引用戶視線

    左上1:視線會首先集中在右側鮮紅的草莓上,1是因為顏色的對比,2是因為面積的對比。點在這里是相對的關系,你可以把整體出現的元素都可以看做點。但是首先會有一個焦點去吸引用戶的視線;

    左上2:點的焦中設計,居中的位置使用戶直接關注到正中的內容;

    左下3:這里的點,甚至說是頁面中的亮點。就是右側沖出畫面的騎行者,這種表現打破畫面的平穩,使用戶最先關注到破格出畫面的人物,同時也體現出戶外騎行的自然和冒險;

    左下4:點的集中設計,中間的圓為點,二邊的餐具為線,屬于典型的居中構圖;

    在實際應用中又可分為:

    焦點

    第一時間吸引人眼球的那個元素。畫面中的點有著明顯的大小、顏色、形狀的對比。

    亮點

    是指畫面中點的形狀或者細節區別于其他元素,成為畫面中的主視覺。

    當你在設計時:

    1?畫面元素的對比不明顯,整體視覺很平均時:

    你可以根據設計需要和活動目的,對設計元素調整大小、或者顏色等形式,使要突出的點對比更為突出。

    2?當版式中的文字太多時,用戶不知道先看什么?

    這時你可以嘗試把主要文案的字形、顏色等進行處理,使用戶視線有個聚焦點。亦或者你可以嘗試對文字的層次進行調整,使該突出的突出,該弱化的弱化。

    上一篇:移動App用戶體驗的9個核心原則(下)
    下一篇:人物動作要這樣設計

    馬上預約三天免費體驗課

    姓名:

    電話:

    UI設計師:用戶思維,就是上帝思維

    UI設計師應該這樣輸出產品原型

    由標簽導航引發的問題:標簽導航的格局

    達內昆明UI培訓談談團隊文化建設

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>