色婷婷五月综合久久中文_亚洲性爱毛片免费看_21国产精品喷潮白浆_国产精品无码亚洲精品2022_久久久亚洲国产精品性色

Menu
小程序資訊
小程序資訊
微信小程序的原型設(shè)計(jì)嘗鮮
時(shí)間:2020-08-26 10:13:26

"小程序”來(lái)了,大世界要變了?微信小程序可能是近期業(yè)績(jī)最火的話題之一了。

 

這個(gè)根植于微信流量巨無(wú)霸的應(yīng)用,將對(duì)應(yīng)用市場(chǎng)、對(duì)微商、電商、對(duì)企業(yè)的開發(fā)成本、獲客成本將產(chǎn)生深遠(yuǎn)影響?將制造出繞開Google Play和AppStore的另一大App體系?將實(shí)現(xiàn)“知人性”的PM張小龍先生的“用后即走”的輕量App之夢(mèng)?將秒殺傳統(tǒng)的App?

 

雖有海量追捧者趨之若鶩,但也有冷靜人士淡定的白眼。但無(wú)論如何,騰訊這步棋子既然落在了棋盤上,絕不能悔棋,更不可能半途而廢,你我這樣神經(jīng)敏感的PM、UX,不嘗鮮是不可能的。

 

說動(dòng)就動(dòng),查找到微信小程序的設(shè)計(jì)規(guī)范后,讓我們開始吧。造大夢(mèng)的事兒還是讓大佬們?nèi)ジ砂桑蹅兏牲c(diǎn)實(shí)在的。

 

干活兒首先得挑個(gè)工具,我這里使用了Mockplus,近期國(guó)內(nèi)的一款比較流行的原型設(shè)計(jì)。比較順手,線框、交互都能勝任。

 

首先嘗試做WeUI的界面元素吧。經(jīng)過一會(huì)兒的折騰,搞成了一套(好在WeUI的界面元素比不是太多)。有了這個(gè),之后就方便了。

 

 

在提示和上傳頁(yè)面中,我使用了交互,點(diǎn)擊“成功提示”按鈕,彈出提示。點(diǎn)擊“上傳”按鈕,完成進(jìn)度條的走動(dòng)。

 

操作很簡(jiǎn)單:在Mockplus中選中按鈕,直接拖拽到準(zhǔn)備彈出的提示框上,設(shè)置“顯示/隱藏”,并在消失時(shí)做了延遲處理。提示框的默認(rèn)顯示狀態(tài),設(shè)為“不可見”。

 

 

至于進(jìn)度條的走動(dòng),是設(shè)置每個(gè)進(jìn)度軌道的“調(diào)整尺寸”的交互(設(shè)置寬度變化),多拖拽幾次鼠標(biāo),設(shè)置鏈接就好了,如圖:

 

 

好了,讓我們來(lái)看看效果。點(diǎn)這里看我的成果:

 

http://run.mockplus.cn/Tnr9w9TyUKjXeDeR/index.html

 

 

 

這個(gè)嘗試到此暫時(shí)結(jié)束,頁(yè)面不多,算是個(gè)半成品。但在制作時(shí),我邊做邊琢磨微信在設(shè)計(jì)中的一些理念:簡(jiǎn)約、準(zhǔn)確、易用。這個(gè)偉大的產(chǎn)品之所以在國(guó)內(nèi)能夠深入人心,還是有些道理的。

咨詢
微信掃碼咨詢
電話咨詢
400-888-9358