據(jù)說點擊藍色字體關(guān)注同學(xué)都升職加薪了

靜電說：最近，我們在《靜電的UI設(shè)計教室》中，為大家分享了好幾個大廠面試題案例，其中有2個左右是偏營銷和轉(zhuǎn)化的案例，第一個是VIP會員卡頁面的推廣設(shè)計，第二個是換匯應(yīng)用的設(shè)計。這里邊有很多可以研究的小細節(jié)。

大廠面試題如何做？VIP會員卡UI頁面設(shè)計細節(jié)復(fù)盤解析

這兩個頁面都有一個共同的特點，那就是需要設(shè)計師通過某些方式來提升用戶“購買”或者“使用”的數(shù)據(jù)量（轉(zhuǎn)化率）。對于設(shè)計師來說，引導(dǎo)會顯得非常重要。而正是這樣的一個設(shè)計目標，才是提現(xiàn)我們UI設(shè)計師價值的重中之重。

而今天我們就來聊聊角標的設(shè)計。以我們經(jīng)常會去的超市舉例，大家會在超市里發(fā)現(xiàn)很多下方的紅色牌子，不管是如何的形式，它總會讓你產(chǎn)生想去看看的心理，比如“省心價”，“大減價”，“買二送一”等等。

通過上面這些文案或者話術(shù)，會對消費者產(chǎn)生心理暗示，從而吸引消費者去購買指定的商品，讓消費者產(chǎn)生，買這個價格劃算量又足的感覺。

而在UI設(shè)計中，這樣的角標也無處不在?？聪路降膬蓚€會員卡頁面中，角標被用到了價格選擇模塊，用來提示和引導(dǎo)用戶選擇更合適的價格方案。

下面我們對角標的設(shè)計樣式進行一些歸類，方便各位同學(xué)按需使用。

A. 貼邊遮蓋:這類角標一般用在按鈕或者卡片右上角或者左上角位置，使用圓角矩形或者具有氣泡效果的對話框效果來呈現(xiàn)。

B.懸浮類：當空間比較大時，懸浮類的標志也是很好的選擇，而且更加明顯。

C. 跟隨類：我們可以將角標跟隨在字段標簽的前方或者后方，也可以起到很好的提示效果。如下方的這些紅色或者藍色的小標志，就可以起到很好的引導(dǎo)效果。

文末總結(jié)：
促銷頁面其實是對于用戶心理的極致把握而設(shè)計出來的。用戶的“優(yōu)越感”，“占便宜”心理，“損失厭惡心理”，“從眾心理”。把握好這些，再加上明晰的視覺設(shè)計，首頁的展示效果就完成了。而角標會起到一個很好的心理引導(dǎo)作用，而且可以讓用戶更能快速得到這個產(chǎn)品的優(yōu)勢和吸引他的點。從而更好的提升產(chǎn)品的轉(zhuǎn)化率和設(shè)計效果，各位小伙伴一定要善用角標哦~

在《靜電的UI設(shè)計教室》課程中，我們會從視覺，交互等多個層面對這個面試題作業(yè)進行解析。作出更符合市場和用戶需求，讓面試官更滿意的設(shè)計作品來。記住，我們不是為了應(yīng)試而應(yīng)試，而是真正提升我們的設(shè)計和思維能力，以不變應(yīng)萬變。而這些內(nèi)容，也會讓別人更加認可設(shè)計師的價值，讓設(shè)計從單純的好看，變得更有價值。

? ? ? ? ? ? ? ??

《靜電的UI設(shè)計教室》暑期特訓(xùn)課開始報名啦！

2022年7月下旬開課靜電老師全程主講

1V1作品集輔導(dǎo)及打造不流于形式??

設(shè)計工具/思路/方法全面講解?
高含金量UI小班課程

現(xiàn)在預(yù)約享特惠價

↓↓長按二維碼加靜電老師咨詢↓↓

? ? ? ? ?

本文使用 文章同步助手 同步