国产a一级毛片爽爽影院_欧美日韩亚洲中字二区在线播放_国产在线每日都有更新_日韩中文字幕tv在线看_日韩美女婬乱大片A级网站_韩国无遮免费羞羞漫画_久久亚洲精品无码播放偷妻_国产成人777爽视频_色噜噜狠狠成人中文综合18_国产精品免费高清在线观看

之前一直發(fā)做效果的教程，今天想發(fā)一篇關(guān)于畫(huà)交互原型的文章，換換口味。如果大家有什么好的建議或者想看什么類型的，可以私信我，可以在下面投票。

下面看一下今天要講的內(nèi)容：

是不是看起來(lái)很簡(jiǎn)單，下面我們來(lái)開(kāi)始制作原型…

一、準(zhǔn)備元件

1.打開(kāi) Axure 新建文件，按如圖的樣式，拉入矩形、文本框、文本，如以下位置擺放，右上角為點(diǎn)擊切換到微信掃碼登錄的入口 ；

圖里大致尺寸大?。?/p>

• 背景框：w：360 px ，h：395 px ；
• 輸入框、按鈕：w：320 px ，h：40 px ；
• 文本大?。?2 px ，14 px ，18 px ；

2.繼續(xù)制作 “ 微信掃碼登錄 ” ，該頁(yè)面比較簡(jiǎn)單，右上角也是點(diǎn)擊切換到賬號(hào)密碼登錄的入口 ；

二、設(shè)置交互

1.文本框內(nèi)的文字設(shè)置在右側(cè)：屬性 – 提示文字 – 輸入 “ 請(qǐng)輸入密碼 ” / “ 請(qǐng)輸入密碼 ” ；

2.兩個(gè)文本外框右鍵點(diǎn)擊 – 交互樣式設(shè)置 – 選中 – 線段色值 #333333 ；

3.點(diǎn)擊 “ 請(qǐng)輸入手機(jī)號(hào)碼 ” 文本框時(shí)，設(shè)置獲取焦點(diǎn)和失去焦點(diǎn)時(shí)的效果（以下加圖）；

4.登錄按鈕右鍵點(diǎn)擊 – 交互樣式 – 鼠標(biāo)按下時(shí) – 填充色值 #000000 （ 以下 “ 立即注冊(cè) ” 按鈕類似 ）；

5.“ 忘記密碼 ”右鍵點(diǎn)擊 – 交互樣式 – 鼠標(biāo)懸停時(shí) – 字體色值 #333333 ；

6.微信掃碼登錄的界面沒(méi)有任何效果，不用做任何設(shè)計(jì)。

三、設(shè)置交互效果

1.拉入一個(gè)動(dòng)態(tài)面板，將 “ 賬號(hào)密碼登錄 ” / “ 微信掃碼登錄 ” 放入動(dòng)態(tài)面板里面，“ 賬號(hào)密碼登錄 ” 放在頂部，如圖：

2.在 “ 賬號(hào)密碼登錄 ” 的右上角按鈕上設(shè)置效果，如圖（ “ 微信掃碼登錄 ” 的按鈕也一樣 ）：

3.這樣一個(gè)簡(jiǎn)單的登錄窗口就完成了。

現(xiàn)在一個(gè)簡(jiǎn)單的界面就做好了，但要考慮到界面在載入時(shí)，同時(shí)獲取到輸入框的焦點(diǎn)，再樣在體驗(yàn)上能夠增加好感度，下面開(kāi)始制作…

四、進(jìn)階

1.給 “ 賬號(hào)密碼登錄 ” 里的 “ 請(qǐng)輸入手機(jī)號(hào)碼 ” 起一個(gè)名稱（隨意），然后在動(dòng)態(tài)面板以外的空白處點(diǎn)擊屬性 – 頁(yè)面載入時(shí) – 設(shè)置焦點(diǎn) –? “ 請(qǐng)輸入手機(jī)號(hào)碼 ” 輸入框，如圖：

2.在 “ 微信掃碼登錄 ” 頁(yè)面，右上角的點(diǎn)擊按鈕效果里，也加入點(diǎn)擊時(shí) -設(shè)置焦點(diǎn) –?“ 請(qǐng)輸入手機(jī)號(hào)碼 ” 輸入框，如圖：

3.這樣所有的效果就都做好了，可以看一下以下效果：

以上就是所有內(nèi)容，希望大家喜歡，如果有什么好的建議或方法，歡迎下方留言

本文由 @李桂東 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash ，基于 CC0 協(xié)議