在七夕期間使用抖音APP點贊時，圖標會變成玫瑰花符號，多次點擊會出現滿屏的玫瑰花，讓點贊設計變得更加趣味化。并且與同類競品在點贊的交互設計細節上產生差異化，給用戶帶來與節日相關聯的，更加豐富的視覺和感官的觸動。該設計方案不僅提高產品的調性與用戶體驗，并且與用戶在節日情感上產生更深的共鳴。

二、【飛書】左側聊天框交互設計探索

飛書作為一個辦公協作平臺，在解決團隊溝通效率方面下足了功夫。鑒于人們在認真閱讀某些信息時，通常是從左到右、從上到下的瀏覽習慣，飛書的聊天信息全都靠左排列也正好印證了這一點，一改往常閑聊時較為隨意的習慣，不僅能潛移默化的暗示用戶在交流過程中該有的工作態度，還能提高其專注度、以及團隊之間的溝通效率。

在使用場景中，用戶可以把工作的聊天記錄當成文檔來看待，減少與工作無關的聊天內容，使得聊天記錄就是會議紀要。

用戶也可以通過飛書的設置，自由地更改聊天消息的左右排布。使不習慣于左側聊天排布的用戶調整的自由，減少這類型用戶的排斥心理反應。

三、【閑魚】賣閑置圖標場景設計

閑魚將“賣閑置”的駝峰標簽欄設計成“電風扇”的動態圖標形式，結合近期高溫天氣，給用戶帶來心理上涼爽的使用體驗。

四、【每平每屋】加入話題圈卡片動效設計

每平每屋的話題圈添加卡片，做成了非常有意思的ip人物撥弄+號的動效。在視覺上起到了強調的作用，也能驅動用戶的好奇心和體驗心，增加話題圈的點擊率和加入率，讓加入圈子這件事變得輕松有趣。

五、【Snapchat】角色創建功能應用設計

在Snapchat中角色創建完成后，在相應的應用功能界面，則會替換成用戶的專屬角色。

如：地圖界面、表情包界面、引導界面以及視頻流界面。

該設計以專屬角色代替用戶視角，通過讓專屬角色深入的參與每一個功能來提高用戶粘性，以及用戶存在感和歸屬感。

六、【Snapchat】底部欄故事功能設計

Snapchat將故事視頻流設計成了視頻“合集”，用戶點開視頻，通過下滑或者點擊創作者的名稱來關注或者查看不同的視頻合集。視頻合集分為xx季xx集，方便用戶快速篩選。

另一個不同于普遍的視頻功能設計點中，Snapchat將單擊視頻【暫?！康墓δ茉O計成了單擊【快進】，視頻切換則是左右切換。對于中國用戶，需要時間來適應不同的交互習慣。

七、【Gravity】頭像裝扮設計探索

在Gravity這款社交軟件中，用戶無法使用設置頭像功能，產品將用戶系統角色替代照片頭像。在軟件中模糊用戶的頭像存在感，使用戶發出的內容成為社交重點，塑造一個半匿名社交平臺的屬性。而角色商城的裝扮，則滿足了用戶頭像多樣性的選擇，同時通過這種方式提高了產品變現的能力。

八、【Gravity】角色場景界面

在Gravity的角色場景界面中，用戶可以根據心情、生活、興趣等場景來切換自己的展示形象。也可以邀請好友進入自己的場景界面，形成一個動態的“朋友圈”，通過切換場景來表示自己最近的狀態和生活。動態朋友圈的建立能夠增加用戶與用戶之間的聯系，增強用戶對平臺的粘性。

九、【羊駝日語】首頁卡片功能設計

羊駝日語的首頁不同于其他APP，摒棄了首頁頭部banner或者金剛區的設計方法，羊駝日語將動漫風融合進APP的設計風格中，將首頁的卡片區動漫人物做主要突出。新穎的設計讓用戶眼前一亮的同時將思維引導到卡片功能上去，引導用戶進行點擊，提升學習率。

十、【型影】構圖姿勢輔助功能設計

如果你拍照總是肢體僵硬，不會擺姿勢，那你一定要下載這個APP。

型影APP的構圖姿勢由創作者提供，內含幾千種不同場景不同姿勢的構圖擺拍。

只需要點擊你喜歡的同款照片，打開相機，視頻中的輔助線能夠幫助你一比一復刻博主同款poss！

作者：黑馬青年

轉載請注明：學UI網》快來看看這些小功能里面的設計驚喜

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

幾輪信息傳播下來，我的好奇心就這么被激起來了。于是到小程序里找到游戲，玩了幾把。最直觀的感覺就是“確實難度很高”，而且與之前的玩過的游戲還真有點不一樣。

一、產品玩法

1、門檻低

本質上來說，《羊了個羊》是一款消消樂游戲。消消樂的特點就是門檻低，沒有復雜的操作，用戶只要點幾下就可以了。第一關太簡單了，更多的是為了教學而服務的。也正是因為簡單，我不知道“卡槽里的3個相同的卡牌，即使不相鄰也是可以消除的”，不過玩了幾局后我就明白了。

2、單局時間短

微信小游戲有一個特點就是時間短，用戶可以隨進隨出，單局不會占用太多的用戶時間，但是玩起來后也容易上癮。這似乎與短視頻非常相似，本想著只看一個視頻，也就3-5分鐘，不會浪費太多時間，但是一旦開始了，根本停不下來。

前幾天，在我兒子的引導下，玩了一個賽車游戲。剛開始想就玩一局，結果是一局接一局，中秋放假2個晚上都玩到了深夜。

3、難度高

《羊了個羊》與傳統的消消樂游戲又有些不同，增加了疊牌設計、卡槽消除玩法?？雌饋砗唵危嫫饋韺嶋H上非常燒腦。

疊牌的玩法就是用戶必須要消除上層的卡牌，才能激活下層卡牌。有了消除的先后順序，就要求用戶必須有一定的策略，才可能通關。

卡槽用來放置用戶選擇的卡牌，卡槽中出現了3個一樣圖案的卡牌則可以消除，當卡槽滿了，也就意味游戲失敗。即使卡池上存在3個一樣圖案的卡牌，但是卡槽中沒有了空位，游戲仍然失敗。

所以用戶不僅要關注卡池中的卡牌層級，還要關注卡槽中卡牌情況。

因此，游戲在宣傳方面打出了“通關率只有0.1%”的口號。為什么搞這么高的游戲難度呢？

二、第二關都過不去的難度

任何游戲都必須要有一定的難度，否則用戶玩幾局就會覺得“缺乏挑戰性，沒意思”。但是只到第二關的難度，我也是第一次見。這種難度給游戲帶了什么呢？

1、話題性帶來流量

雖然很多游戲會有獲得成就引導分享，或者分享朋友圈、好友圈復活玩法等等，但是用戶要么不做分享，或者都是非常被動的分享。而這次用戶發朋友圈，或許都是主動而為。

最大的引爆點就是游戲難度，有難度才會有話題性，用戶才有分享和互動的欲望，才能引起更多人的關注。而朋友圈、分析文章、短視頻各種渠道掀起的話題，肯定為游戲帶來相當大的用戶流量。

2、用戶挑戰欲望

如果有人對你說，“有款消消樂游戲挺好玩的，要不要試試？”，你也許只會微微一笑，甚至嗤之以鼻。

但是如果有人對你說，“有款消消樂游戲，你第二關都過不去”。你會怎樣？

大概率想“怎么可能呢？我要挑戰一下”。用戶嘗試的欲望就起來了。結果，用戶越是挑戰不成功，越想挑戰。

3、方便廣告植入

游戲難度最終是商業化服務的，用戶多次嘗試后不成功，就會求助道具或者啟用一次復活機會。特別是單局已經投入了較多的時間成本，眼看快要成功通關的關鍵時刻，沉沒成本促使大多數用戶犧牲30秒的廣告時間，換取一次復活的機會。

只要看廣告的人越多，錢也就賺得越多，游戲的難度也是為了“如何讓玩家看更多廣告”而服務的。

4、減少游戲投入

對于游戲這種產品來說，真正的熱度應當來自于游戲內容，以及其帶給玩家精神層次的愉悅體驗、世界觀、價值觀構筑等方面；而游戲公司通過制作優質內容的游戲，獲取商業利益，再持續開發更多游戲吸引更多關注。

所以傳統的關卡游戲可能是幾十上百關，甚至更多，大家也都習以為常了。隨著關卡增加，游戲會慢慢加入新的玩法，吸引用戶不斷地玩下去，最終讓用戶長期上癮。希望像擠奶牛一樣，持續性地挖掘用戶的價值。

《羊了個羊》則完全反其道而行之。

似乎是考慮到當下小程序游戲非常容易相互模仿。一旦一款游戲火了，之后就會冒出各種相似的游戲，就會面臨激烈的競爭。所以《羊了個羊》改變了游戲策略，通過拉高關卡難度，讓用戶一直停留在第二關（也許有更多關，因為我沒有玩過第二關），從而減少游戲的開發成本。

這種更像是快餐模式，不用過多地擔心游戲風潮會過去，也不用擔心用戶流失，畢竟游戲的投入并不高。

而一些當時風靡一時的小游戲，例如“跳一跳”、“打紙飛機”、“旅行青蛙”等，確實在大火之后迅速降溫。想想自己這幾年也曾經玩過一些小游戲，不過基本上都是“3分鐘熱度”，玩一段時間就放棄了。

或許這也是《羊了個羊》拔高游戲難度的一個原因吧。

三、關于激勵機制

當然，在《羊了個羊》游戲中也有傳統游戲必備的激勵機制。例如有省區代表隊排名，“最強王者”等榮譽勛章稱號。但這些激勵機制在目前的階段，似乎并不重要，通關成為了用戶最大的目標。用馬斯洛需求層次理論來解釋就更加合理了，溫飽還沒解決，談什么個人榮譽呢？

用戶當前最大的需求就是“該如何沖過第二關”。

以上就是我的一些思考，歡迎大家評論區留言交流～

作者：子牧先生

轉載請注明：學UI網》火出圈的《羊了個羊》，到底做了什么？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

在商業設計中，好看和有效按理來說應該是一體的，因為脫離了市場需求的好看沒有意義，而設計師所做的工作就是要解決降低傳播成本的問題，通過專業的審美和技巧讓設計更美觀，也是為了滿足市場需求、達到更好的傳播效果。

舉個例子，在一張產品海報中，最好不要讓一個產品孤零零的“飄”在海報上，而應該加一些元素與產品進行組合，以強調產品的功能屬性和行業屬性等；或者搭建一個場景加強氛圍感；又或者加上用戶以加強代入感。這些處理手段都是從設計的功能性來考慮的，但是出來的視覺效果確實也會比只擺放產品要更好看。

比如上面兩張海報，忽略畫面中的文案意思和尺寸，單純從設計上來看，很明顯圖二更好看，也更有帶入感和氛圍感，所以相比之下，圖二更符合市場需求。

而如果不出于對市場的考慮，只要做到美觀，那么我們就可以在產品周圍加很多花哨的元素，甚至把產品和文案盡量縮小，讓裝飾元素作為主導，這樣可能更好看，但是產品和文案被搶了風頭，消費者的關注點都在裝飾元素上，導致最終效果可能會大打折扣，這就是不符合市場需求的好看?，F在很多國內的電商設計在這一方面有比較明顯的問題。

還有一個老生常談的問題，就是關于中文和英文的排版問題，我們都知道用英文排版更容易做出好看、洋氣的版面，所以現在的很多海報中都會有英文。

其實適當加一點英文進行輔助也沒什么不好，畢竟我們可以把英文當成是與產品或主題相關的元素，既然圖形能做裝飾元素，那么文字也可以，何況現在國人整體的英文水平也有所提高，國內也有不少國外友人。

但主次問題一定要把握好，既然是國產品牌，目標群體又是普通的國內大眾，以中文為主、突出中文才是符合市場需求的。著重突出英文或許會更加好看，但同時也會弱化中文，那么傳播成本就提高了，甚至還會讓消費者懷疑，在這些看不懂的英文里是不是隱藏了一些對他們不利的信息，所以這種做法并不可取，客戶通常也接受不了。

二、并不是丑的設計就有效

有很多設計師會習慣性的以為，好看的設計就是花里胡哨的、沒有效果的；而丑的設計就是接地氣的、有效果的、符合市場需求的，甚至喜歡把符合市場需求當成設計不好看的借口，這絕對是一個誤區。

比如有些人覺得椰樹牌椰汁包裝很有效，是因為它丑，其實美與丑只是個人的視覺感受，美丑之下傳遞了什么信息、達到了怎樣的效果才是關鍵。椰樹椰汁的包裝之所以有效，不是因為它丑，而是因為它不一樣，還有它把包裝本身當成了廣告媒體，大量宣傳了它的利益點。

想象一下，如果一開始的包裝就請設計師按照這種思路精心排版一番，做好看、做時尚一點，效果難道會比這個差嗎？應該不會吧，而且可能年輕人會更喜歡，更敢于拿著它走在大街上。

▲ 上圖是網友自發設計的包裝。

還有的人覺得有效的設計就是把文字和圖片都盡可能地放大、把重點文字填充成大紅色，邏輯是面積占比大了、顏色不一樣了，自然更容易被看到、更容易閱讀，所以更有效。而事實上不一定，原因有三。

? 如果所有信息都大、都突出，那么就等于沒有重點，消費者在有限的時間里不知道該看什么。

? 如果文字和圖片都大，那么留白空間就會減少，版面太擁擠就會加大閱讀的難度。

? 如果因為元素太大、紅色強調的信息太多，從而導致畫面變得很難看，那么可能會引起消費者反感，從而放棄閱讀信息，甚至是損害品牌的形象。

下圖是蔥爺在一家超市門口看到的海報，文字都很大，版面得到了充分利用，也用顏色突出了重點信息，但是效果很好嗎？不一定吧，如果合理美化一下是不是能得到更好的效果。

把重點信息放大、用紅色突出也沒有錯，但突出信息的方式不只有這兩種，以不變應萬變的種做法很偷懶，效果也不會太好。

三、如何在符合市場需求的基礎上盡量做好看？

1、加強氛圍感

即把產品或主題的屬性加強，比如科技產品的設計要有很強的科技感、食品海報要有很強的食欲、運動海報要有動感和放飛自我的感覺。加強氛圍感的主要方式有增加場景、增加光影、填充大面積的顏色、增加與產品相關的素材等等。

加強氛圍感強可以使設計在視覺上變得更美觀，但基本不會影響到原來信息的可讀性、產品也不會被搶風頭，這樣的設計會更有帶入感，更能促進消費者采取行動。

比如在上面的兩則banner中，圖二在圖一的基礎上增加了背景色和光影，氛圍感增強了很多，同時視覺上也更好看了。

2、加強設計的形式感

比如使用一種新穎的構圖方式、新設計風格、新的創意表現、新的元素組合方式等，有形式感的設計會更整體、更特別。當然，在視覺上也會比沒有形式感的設計更美觀、更具視覺沖擊力。

3、有主次、有層級

產品和重要信息當然可以突出，但不能盲目地突出，而是要按信息的重要程度和邏輯關系來安排信息的層級關系，引導消費者高效閱讀信息。

4、設計手段不要太單一

比如為了突出重點信息，我們除了放大字體還可以采用其他手法，還可以加強字體對比、空間對比、方向對比、空間對比、留白對比、風格對比、點線面對比等手段，照樣能起到突出的作用。而且手法豐富了以后，視覺就不會那么單調，從而也會好看很多。

▲ 圖二比圖一 的設計手法就要豐富一些。

5、細節要精致

在設計大方向做得不錯的情況下，如果再加強細節的處理，那么其美觀性也可以得到很大提升。比如把標題做一下字體設計、把圖片精修一下、顏色搭配在整體和諧的基礎上增加一點新意、排版用網格系統規范一下等等。

比如在上圖的兩張海報中，圖二在圖一的基礎上做了圖片美化、網格規范排版、色彩優化等細節調整，視覺上也更美觀了，甚至也更符合市場需求了。

想要設計既能滿足市場需求又能滿足審美需求，確實不是一件容易的事情，因為設計不是數學，沒有標準答案，如何把握好這個度，如何讓兩者完美結合達到最好的效果，是需要設計師去反復探索和嘗試的，但毫無疑問，它們是可以共存的，而且應該共存。

作者：蔥爺

轉載請注明：學UI網》怎樣解決設計好看又符合市場需求的問題？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

作者：黑馬青年

轉載請注明：學UI網》嗨皮出行 APP 全新 V2.0 設計總結

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

 

因此，在開始著手設計前，建議設計同學要和AE或客戶確認好目標用戶、使用場景和時間節點等關鍵信息。只有在思考到這些之后，才能盡量確保自己的設計能真正助力品牌或一場營銷活動。 

 

“字再大點兒”這幾個字在商業設計上“戰功卓著”，引無數設計同仁競折腰…把字放大和設計師對審美的堅持，有辦法調和么？面對諸如此類的“設計需求”，我們可以如何拆招呢？ 

以上兩個例子雖然都沒有直接按照需求把字放大，但同樣能達到客戶的預期，因為通過這些變化，我們實現了更醒目，傳播信號更強的目的。

除了字要大，“沒有品質感”應該也是讓各位設計同學經常撓頭的反饋了…按照上面所講，我們來嘗試翻譯下這個需求。

 

 

再來看一個比較常見的客戶反饋——“看著不喜慶，想用大紅色”。一般情況下，如果按照這個訴求直接調整，可能會影響整體的美觀性，這個時候我們是不是可以嘗試換一個同色調的其它顏色呢？

 

? 按照客戶的要求調整后，雖然看起來有一些喜慶的氛圍，但畫面顯得不透氣，并且也和主體的顏色類似，造成畫面沒有層次感。

 

 

  

這是因為，雖然在各位設計同學眼中，我們使用的是不同的顏色（它們唯一的共性是暖色，即使在簡版的潘通色卡中，暖色就有上百種），但是很抱歉，它們在客戶這塊兒，可能統一都被稱為是“大紅色”。 

所以，當客戶表面上在說要喜慶、要大紅色時，我們可以嘗試進行需求的翻譯，其內在的訴求可能是想傳達溫暖、親切感；也可能是熱鬧、豪放感…大家可以根據實際服務項目的行業屬性、風格特征等做進一步的分析，靈活運用。

寫在最后：

 

作者：大目

轉載請注明：學UI網》需求太朦朧，設計師如何拆招？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

每個人都有自己的思考，只是有些時候不愿思考。我認為主要有以下幾個原因：

1、個人定位錯誤

B端業務脫離了設計師的生活場景，設計師很難有代入感。日常工作中，主要依靠產品經理的輸入。而視覺出身的設計師通常比較感性，不太愿意去了解復雜的業務場景，不想參加需求評審。對于需求內容，設計師容易全盤接受，甘愿只做一名“真正”的設計師。

設計師不愿意被稱為“美工”，但是現實中，一些B端設計師就是“美工”的角色。產品經理給了原型方案，設計師按照設計規范潤色一下，完成頁面搭建就可以了。當你問他為什么這么設計時，要么說“原型就是這樣的”，要么說“為了好看”，就是沒有自己的思考。

另外新人設計師缺乏思考，就容易盲從。當年我在設計實習時，就是如此。一方面個人的設計能力比較弱，另一方面缺乏思考，找不到破解途徑。更多的是依靠其他人的輸入，加上缺少自信，更容易聽信別人的想法。當時做了一些事情，但似乎又沒做什么，導致個人的成長非常緩慢，甚至會形成惡性循環，給自己也造成了很大的精神壓力。

久而久之，設計師的存在感就會越來越弱，也會對個人信心造成比較嚴重的傷害。

2、成就感低

B端產品的頁面設計很多都是流程、數據，設計師主要跟表格，表單打交道。做來做去，沒什么新鮮東西。時間長了，設計師容易失去工作熱情。特別是企業內部的B端中后臺管理系統，用戶量不大，各方面的關注度不高，用戶體驗似乎可有可無，設計師就會產生思考惰性，“就這樣吧～”成為了主流的想法。

另外設計師如果只關注交互和視覺、受限在設計規范的框架中，設計方案就會流于形式。而產品經理基于業務需求出發，設計方案也很容易被推翻，一遍遍改稿成為家常便飯。如果產品經理還懂點交互，那么在他眼中，設計師對產品就沒有多大的幫助，頂多只是幫忙把原型圖畫的規整了一點。

3、團隊氛圍差

很多B端產品對設計工作不夠重視，不會專門設置設計團隊，所以設計師的地位并不高，加之設計流程不規范，產品經理有時會直接扔一個原型方案過來，讓設計師照圖做設計，連個基本的設計輸入也沒有。有些產品經理的配合意愿差，設計師主動溝通時，還會遭到奚落或者刁難。

經驗不足的設計師碰到這種情況，一時難以找不到解決方法，就容易自我封閉，索性就放棄努力，完全遵照原型執行。畢竟“原型即需求，需求是產品經理的職責，我是遵照需求設計的，完全沒問題”。一旦有問題，設計師也有借口搪塞過去。

4、經驗主義作祟

經驗很重要，可以讓設計師從容地面對各種需求。不過有時候經驗主義會讓設計師想當然地去理解需求，導致設計師犯錯。每一個需求看似相同，但是深究下來，用戶和場景可能已經發生了變化，原有的設計形式不再適用了。

競品分析可以幫助我們獲得別人的設計經驗，不過這種設計經驗也不一定牢靠。競品雖然是相關性較強的產品，但是產品的定位、市場狀況、用戶和場景還是有所差別的，所以完全照搬競品也并不是最優的選擇。

當我們研究競品時，最重要的是剖析競品為什么會這么設計，而不是只看競品是怎么設計的。

二、設計師該如思考呢？

思考的方法有很多?？追蜃釉f過“學而不思則罔，思而不學則怠”。把思考和學習的辯證關系說得很透徹了。

1、思考的深度

“學而不思則罔”，意思是說只學習不思考，就不會很深刻地理解知識的內涵。

當我們接到需求時，產品經理有時候會直接指定一個競品，建議設計師直接照搬設計內容。對于設計師而言，這樣做設計肯定比較簡單。但是對于設計師的成長沒有太大意義。設計師應該深入思考，理解產品背后的設計原因。這樣才能將別人的經驗為自己所用。

另外當我們接到需求時，不要立馬動手開始畫圖，應該先要了解需求的目標、需求的用戶場景，對需求進行一番梳理，并與產品經理溝通，消除其中的疑問點后，再著手開始設計。

通過不斷地深入思考，設計師就能夠積累出自己的設計方法論，也可以幫助設計師快速成長。

2、思考的廣度

其實狹義的用戶體驗設計領域并不寬，應該說是比較窄的。設計師局限在自己的專業領域，很難獲得持續的成長。而在工作流程上，設計師的需求來自產品經理，如果只依賴產品經理的輸入，設計師在工作上必然會非常被動。

設計師想要獲得足夠的話語權，必須要提高思考的廣度。

1）站在用戶角度思考

設計師成長初期，注意力更多的是做好產品需求，完成設計方案。這個階段最大的問題就是“重設計、輕業務”。設計的出發點局限在設計本身，“視覺只追求好看，交互只關注控件或者操作邏輯”。

我剛入行時就是這樣，來了需求就做，不會問需求的價值，不去思考用戶關注什么，用戶場景是什么，主要就是為了完成設計任務。工作精力只是停留在與產品開發討論控件形式，操作方式、操作流程點擊次數等。

實際上設計師應該要了解用戶場景，并代入其中，才能真正的發現用戶痛點，才能做出更好的解決方案。

2）站在產品角度思考

界面設計是為產品服務的，必然也要滿足產品的目標。設計方案只是片面地為用戶體驗服務也是不可取的。在一些B端產品中，用戶體驗并不是最重要的核心競爭力，所以用戶體驗需要服從整個產品的規劃，在特定場景下就是要與產品相互妥協，逐級迭代，不能只追求極致的用戶體驗。

另一方面設計師還要深入了解業務，從設計角度幫助業務提升。比如某個業務場景下，需要給用戶提供一些數據指標，為下一步操作提供依據。產品經理或許只是給出一張數據表格。

而設計師則要思考如何進行有效的信息傳遞，讓用戶清晰地理解數據邏輯。最終給出的答案可能是，在數據表格基礎上，利用數據可視化方式展示數據之間的對比關系，便于用戶做出判斷。

3）站在設計師角度思考

很多時候界面設計比較主觀，每個用戶的喜好、感受可能會大相徑庭。所以設計師抱怨最多的就是“沒有話語權”。領導今天要綠色、明天要紅色，仿佛設計永遠在變動。最終千辛萬苦確定下來的方案，領導一句話可能又要調整。這對設計師而言，絕對是沉重的打擊。

設計師除了完成設計方案，還要思考如何將一個“主觀”的設計方案，“客觀”地表達出來，要讓相關人員知曉設計的思考過程，讓設計方案變得有理有據，并影響相關人員，獲得最終的認可。

一旦設計師思考總結，形成了適合自己的方法后，設計師或許就自然而然地擁有了“話語權”。

總結

設計師的成長應該是個老生常談的話題，思考能力是必不可少的能力之一。

“思而不學則怠”。有些設計師或許并不是不思考，而是深陷困境，找不到出路。思考過后，還需要去學習提升，去主動與他人溝通，尋找解決方案。或許這樣才能打通自己的成長之路。

作者：子牧先生

轉載請注明：學UI網》設計師的能力建設（2）:思考能力

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

但隨著大屏手機的出現、逐漸追求個性化、高效率的操作等原因，使得不少人開始習慣用“摳邊返回”的方式返回上一頁：按住屏幕左側邊緣并拖動。

無需特意將手指移動到特定的左上角位置、再點擊back圖標，隨意在屏幕左側邊緣按住并拖拽 即可返回上一頁，方便又快捷。

而且現在越來越多的手勢，賦予了用戶更多的操作自由與使用效率，也讓互聯網產品的生命力進一步得到了強化，給每個產品的功能體驗帶來了更大的發揮空間。

下面帶大家欣賞一下，各個手勢里好玩、優秀的互聯網設計案例。

一、雙指捏合

1、捏一捏就能抱抱？

之前網易（抑）云上線了一個很暖心的交互，在某條歌曲評論上用雙指捏一下，就會彈出一個“抱抱”的動畫，寫下這條評論的用戶就能收到一個“抱抱”。

夠給那些生擁有悲觀情緒（特別是抑郁癥）的人求得心靈寄托，帶來一些溫暖、安慰，表達用戶情緒，也降低產品不良風評（網抑云）。

亮點在于：運用「環境貼切」原則，雙指捏合的手勢動作聯想到了現實里的「抱一抱」動作，更符合/表達出抱一抱的情感關懷和暖心情緒。

觀點總結：產品不應該是冷冰冰的，應該給用戶探索更多的樂趣和溫度，通過「用戶關懷」助力產品口碑與印象的提升。

2、捏一捏就能伸縮？

iOS的相冊圖片，可以使用雙指捏合or分離 即可對圖片進行放大、縮小瀏覽，快速查看圖片細節。

免去用戶「需要點擊圖片后，再去縮放」的操作鏈路，大大減少操作路徑。但該交互更多符合國外操作習慣，國內還是習慣采用【點擊后再放大】方式放大圖片。

亮點在于：用同一個模塊兼容多種交互/內容，免去用戶「需要點擊圖片后，再去縮放」的操作鏈路

要點總結：可思考用一定的快捷操作來滿足不同水平的用戶需求，允許用戶定制常用功能，比如【快捷鍵、重新操作、默認值等】

二、搖一搖

1、搖一搖就能加載內容？

愛奇藝在啟動頁上的信息展示上做了創新：只需“搖一搖”即可進入對應的廣告詳情和影視劇播放頁，拋離傳統的“點擊”模式

亮點在于：利用新鮮玩法來吸引更多用戶觀看廣告、影視綜視頻，減少對啟動頁內容的抵觸情緒與用戶流失

要點總結：學會用趣味性交互 / 新的設計手法吸引用戶目光，利用新鮮感的驅使引導用戶參與，減少流失

2、搖一搖才能拍照出片？

喵喵記賬有個設計挺有意思的，按下相機拍照后，需要晃動手機來使相片成像，才能看到影像慢慢顯現。

通過連接現實生活感受，使成像過程具備儀式感與趣味性。

亮點在于：不僅只在視覺上進行擬物化，更注重與現實中類似的交互操作，使之更具真實感。

要點總結：系統的一切表現和表述，應該盡可能貼近用戶所在的環境，比如【用戶語言、使用習慣、手勢操作、生活聯想/隱喻等】

三、拖拽

1、一拖就能發送照片？

QQ里的圖片發送很有意思，只要按住想要發送的圖片并往上拖動，松手即可發送。不用像傳統的’先選中圖片，再點擊發送按鈕’，特別方便

對于發送單張圖片來說，免去了常規的跳轉頁面調取相冊的多余步驟，大大提升操作成本

亮點在于：利用手指的黃金操作熱區，賦予更加快速、便捷的操作方式，大大減少行為負荷

要點總結：對用戶重要、常用的功能可以設置「快捷操作」，提升操作效率

2、頭像還能拖出來玩的？

在即刻的個人主頁里，可以隨意地拖拽、甩動自己的頭像。松手后頭像會根據慣性回到原處。期間還帶著殘影、原來的頭像位置會顯示一個小紅心。

亮點在于：利用頭像降低了個人中心帶來’冷冰冰’的感覺，豐富產品的可玩性與互動性

要點總結：設計有趣的隱藏彩蛋，能給用戶帶來驚喜并有效拉進之間的距離

四、雙擊

· 哪里需要點哪里？

早期在抖音上看視頻時，點擊或長按屏幕上的任何位置都會顯示【愛心圖標】與【操作浮層】。

大大減少用戶的操作成本（手指與目光的移動），突顯產品的個性化服務。

2、雙擊就能控制彈幕？

B站作為國內「視頻彈幕」的始發者，它的用戶喜愛程度與操作頻率也是極高的。因此只要兩個手指雙擊屏幕，就能快速開啟或關閉彈幕。

用戶可隨時隨地開啟或關閉彈幕，無需特意找到右下角的固定入口進行操作，大大減少操作成本。

亮點在于：免去用戶需要點擊特定區域的操作負荷，增加產品操作的舒適與自由度

要點總結：系統狀態可見性：讓用戶知道【自己在做什么、處在系統的什么位置等】，并做出適當的反饋

五、滑動

1、用標尺來控制數值？

Florence里的標尺設計得很有意思，通過第一人稱下的鏡頭視角，讓用戶感知當前標尺所對應的人物清晰程度，以此來控制標尺位置。

避免用戶掌握、控制不了合適標尺的位置，提升選擇效率

亮點在于：提供參照物可讓用戶有直觀的決策依據，減少操作成本

要點總結：任何讓用戶更改/選擇的地方，都應該明確地傳達出預覽效果

2、用拖拽來控制人物動作？

Florence是一款‘模擬敘事’小游戲，里面很多的交互動作都模擬了真實生活：

比如【刷牙】，需要左右滑動屏幕來模仿真實的刷牙動作；再如【做飯】也需要滑動平底鍋來模仿炒菜動作。

亮點在于：利用交互動作來推動情節的發展，讓玩家有真實的代入感，提升游戲的趣味性。

要點總結：模擬真實生活/環境的設計，能有效提升用戶的理解能力、產品趣味性

當然還有iOS微信上的‘刪除確認’，在原有的內容基礎上表達對用戶的二次確認，避免用戶手誤造成操作失誤，減少不必要的損失發生

六、隔空手勢

華為Mate30pro 有個「隔空手勢」的交互，可以在距離屏幕20cm-40cm內進行手勢操作，如隔空翻頁、上下滑動、隔空截屏等。

提升手機的使用體驗與操作效率，特別是邊吃東西 邊玩手機（追劇看小說等）

還有優酷HD上線了一個黑科技交互【隔空手勢】，可隔著屏幕用手勢做各種操作

如「播放/暫停、全屏/半屏、快進/退15秒、亮度調節、音量調節」等操作，讓用戶不點觸摸屏幕就能操作視頻。

亮點在于：讓用戶解放雙手，無需手指觸摸到屏幕即可控制手機，可減少很多衛生問題與操作成本。

要點總結：學會利用新技術來滿足更多、高層次的用戶訴求，通過一定的設計方式來滿足不同水平的用戶需求。

– END

最后，再酷炫再方便的手勢，最多也只是錦上添花、起方便快捷的作用而已，不可能完全替代‘點擊’的位置與作用。

正如正文所說：手勢交互只適合用對業務重要、用戶常用的場景中，可以起到四兩撥千斤的，切記不可為了酷炫而隨便添加。

以上老和對【手勢操作】的一些小總結，覺得認同的麻煩幫我【點贊/在看/收藏/轉發】，寫得不對的請輕點噴~

作者：和出此嚴

轉載請注明：學UI網》有沒有發現，‘點擊 ’開始變少而各種手勢越來越多了？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司