網(wǎng)頁UI設計三大黃金法則

奇數(shù)法則

今天我們來講解一下在網(wǎng)頁UI設計的時候經(jīng)常遇到的三個慣例或者說是約定俗成的法則。第一個呢就是奇數(shù)法則寝受。我們平常看APP底部導航的個數(shù)罕偎,基本上都是以5個居多很澄,因為奇數(shù)3、5颜及、7會有一個元素位于正中間的位置甩苛。視覺上能起到平衡并且有明顯的視覺中心,而偶數(shù)是彼此都比較重要俏站,沒有明顯的主次關系讯蒲。看下圖:

三次點擊法則

第二個規(guī)律呢就是三次點擊法則肄扎,就是我們要呈現(xiàn)的圖文信息墨林,要在用戶點擊三次以內(nèi)含三次呈現(xiàn)到用戶眼前赁酝,說白了就是層級不要太深,隱藏的越深越難以發(fā)現(xiàn)旭等。層級太多用戶用起來會很麻煩酌呆,而且下次再找也很難找到。我們在設計的網(wǎng)站的時候通常要加面包削搔耕,也是方便用戶知道自己是從哪里進來的以及怎么出去隙袁。看下圖:

黃金2秒法則

黃金2秒法則說的就是你要呈現(xiàn)的圖文信息在頁面上只有兩秒的生存時間弃榨,舉個例子菩收,我們接到運營部門的需求要為線上活動設計banner。Banner要展示在網(wǎng)站首頁鲸睛,那么這個banner從用戶打開你網(wǎng)站首頁到鼠標下滑這段時間大約是2秒左右娜饵。因為現(xiàn)在的人時間都很寶貴,信息量巨大腊凶。碎片化時間嚴重划咐,人們動動手指一個頁面就被滑動上去了,也就是說人們現(xiàn)在看信息基本都是在掃讀钧萍。先看大概褐缠,如果有被吸引的主題再看細節(jié)。那么你設計的banner如果兩秒之內(nèi)沒有抓住用戶的眼球风瘦,就算是失敗的了队魏。這就是近些年來出現(xiàn)的很多標題黨的原因。為了點擊量什么事都干的出來万搔。所以設計的banner一定要有視覺沖擊力胡桨,能在用戶打開網(wǎng)站頁面一瞬間就抓住眼球,點擊進去之后實現(xiàn)轉化瞬雹。

今天呢昧谊,黑馬老師帶領大家一同學習并了解了在我們實際網(wǎng)頁UI設計工作中應遵循和考慮的三個設計法則,希望大家能夠借鑒酗捌!以上內(nèi)容均提供視頻教程:網(wǎng)頁UI設計

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末呢诬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子胖缤,更是在濱河造成了極大的恐慌尚镰,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哪廓,死亡現(xiàn)場離奇詭異狗唉,居然都是意外死亡,警方通過查閱死者的電腦和手機涡真,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進店門分俯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來肾筐,“玉大人,你說我怎么就攤上這事澳迫【殖荩” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵橄登,是天一觀的道長抓歼。 經(jīng)常有香客問我,道長拢锹,這世上最難降的妖魔是什么谣妻? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮卒稳,結果婚禮上蹋半,老公的妹妹穿的比我還像新娘。我一直安慰自己充坑,他們只是感情好减江,可當我...
    茶點故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著捻爷,像睡著了一般辈灼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上也榄,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天巡莹,我揣著相機與錄音,去河邊找鬼甜紫。 笑死降宅,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的囚霸。 我是一名探鬼主播腰根,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼拓型!你這毒婦竟也來了额嘿?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤吨述,失蹤者是張志新(化名)和其女友劉穎岩睁,沒想到半個月后钞脂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揣云,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年冰啃,在試婚紗的時候發(fā)現(xiàn)自己被綠了邓夕。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片刘莹。...
    茶點故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖焚刚,靈堂內(nèi)的尸體忽然破棺而出点弯,到底是詐尸還是另有隱情,我是刑警寧澤矿咕,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布抢肛,位于F島的核電站,受9級特大地震影響碳柱,放射性物質(zhì)發(fā)生泄漏捡絮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一莲镣、第九天 我趴在偏房一處隱蔽的房頂上張望福稳。 院中可真熱鬧,春花似錦瑞侮、人聲如沸的圆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽越妈。三九已至,卻和暖如春慈缔,著一層夾襖步出監(jiān)牢的瞬間叮称,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工藐鹤, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瓤檐,地道東北人牛隅。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓脱衙,卻偏偏與公主長得像七芭,于是被迫代替她去往敵國和親挟纱。 傳聞我的和親對象是個殘疾皇子锈麸,可洞房花燭夜當晚...
    茶點故事閱讀 42,700評論 2 345

推薦閱讀更多精彩內(nèi)容