有許多不錯(cuò)的工具可以幫助我們生成app熱力圖更米，簡(jiǎn)單且美觀爬舰，但不那么美麗的是禀横，它的價(jià)格屁药。
在產(chǎn)品的日常工作中，數(shù)據(jù)分析也是非常重要的一環(huán)柏锄，而app熱力圖是能快速了解本產(chǎn)品各功能模塊滲透率及使用頻次的方式之一酿箭。
這里我將用Axure教大家畫app熱力圖，輔助大家更高效地處理日常工作趾娃。
1. 添加app圖片
2. 設(shè)置不透明度
選中圖片缭嫡，在style 屬性欄設(shè)置不透明度，這里設(shè)置為60%抬闷。
設(shè)置不透明度的原因?yàn)楦局罄m(xù)要添加熱力圖的滲透率數(shù)據(jù)，降低不透明度可以讓數(shù)據(jù)展示更清晰笤成。
3. 添加box
添加box并將其覆蓋在app某一功能區(qū)域评架。
4. 選中box，設(shè)置box的顏色
5.設(shè)置box的不透明度
按照該功能區(qū)域的滲透率設(shè)置box的不透明度炕泳，比如：滲透率為48%纵诞，則不透明度設(shè)置為48%。
6.添加滲透率數(shù)據(jù)標(biāo)簽
7.模塊組合
新建一個(gè)新的app外框喊崖，并將在app原圖上的所有模塊選中并組合挣磨。
8.復(fù)制完稿
將組合后的模塊復(fù)制雇逞，并粘貼至右側(cè)的app框中，則完成了app的滲透率熱力圖茁裙。
左右兩張圖片可以結(jié)合起來(lái)看塘砸，因?yàn)樽髠?cè)的app原圖能夠清晰看出app上所有功能區(qū)域，而右側(cè)的純熱力圖可以讓你更快掌握該app界面的各區(qū)域的滲透程度晤锥。（注：以上數(shù)據(jù)均為虛構(gòu)掉蔬，僅做展示效果。）
怎么樣矾瘾，是不是很簡(jiǎn)單呢女轿？ 當(dāng)我第一次要畫熱力圖時(shí)，去網(wǎng)上搜索了教程壕翩，但是都沒(méi)有找到簡(jiǎn)單好用的方式蛉迹，于是就用Axure自己畫了個(gè)，這里也將我的方法分享給大家放妈，希望對(duì)大家有所幫助北救。
最后想說(shuō)一句，熱力圖只是工具芜抒，一種展現(xiàn)數(shù)據(jù)的方式珍策，核心在于幫助研究者直觀看出各區(qū)域的數(shù)據(jù)情況，從而能快速發(fā)現(xiàn)問(wèn)題并優(yōu)化宅倒，美觀是次要的攘宙。
歡迎關(guān)注我的公眾號(hào)，微信搜索“大同曉異”拐迁，“曉”是拂曉的曉蹭劈，將分享互聯(lián)網(wǎng)產(chǎn)品、運(yùn)營(yíng)唠亚、技術(shù)等相關(guān)信息链方，希望與你一同進(jìn)步。
