#交互# ? Axure
這次嘗試繪制至朗,微信掃描二維碼頁面的交互
效果如下:
效果圖
流程如下:
1. 手機截圖1張贪磺,拖入Axure中,快速的簡單粗暴的弄好一個界面的基本交互
步驟1
2. 在PS中打開微信掃描截圖,繪制遮罩效果、繪制掃描框~~
步驟2
3. 繪制掃描線的漸變效果扁瓢,這個弄了好久~~因為都不太會用PS
步驟3
4. 修改一下小細節(jié)(例如:掃描框里面的遮罩要刪掉),生成png文件
步驟4
5. png文件放入Axure中懈糯,修改圖層順序
步驟5
6. 修改Navigation背景顏色涤妒、title等字體顏色单雾,底部TabBar的背景顏色赚哗、字體顏色、替換圖標等硅堆,再稍微修修~~效果如下(圖標沒有找到現(xiàn)成的屿储,都是下載一個類似的圖標,自己再用PS拼接渐逃、修修改改~~可能有些看上去有點歪歪的)
步驟6