Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息
Axure制作微信APP原型(三)
APP原型設(shè)計(jì)是產(chǎn)品經(jīng)理需要做的工作之一,大家有這個(gè)方向和興趣的可以自己下載一個(gè)Axure軟件試一下。
可以用已有的APP模型參考設(shè)計(jì)學(xué)習(xí)以下,學(xué)學(xué)人家的界面是怎么設(shè)計(jì)的這么漂亮還討人喜歡的。
這一章主要展示的是消息模塊和個(gè)人模塊的原型設(shè)計(jì),有遇到設(shè)計(jì)起來(lái)相對(duì)復(fù)雜的就是浮窗界面。我會(huì)對(duì)這一個(gè)界面的設(shè)計(jì)細(xì)講一下。
消息模塊:聊天界面、浮窗、登錄設(shè)備
聊天界面
浮窗界面
首先剪切部分消息界面和浮窗主界面拼接,要做到浮窗界面的背景是又是透明又是漸變的效果,那該怎么做呢?需要用到fill背景填色,點(diǎn)擊color,這里面就可以設(shè)置想要的背景效果和顏色。
透明:很簡(jiǎn)單,下來(lái)一個(gè)同大小的界面,把它設(shè)置成黑透明色,覆蓋到原界面上,此時(shí)就有黑透明的效果了。
漸變:在這里就有兩個(gè)效果可以選擇分別是:Linear上下左右四個(gè)方位的漸變、Radial以圓點(diǎn)為中心的漸變。在這里我選的是Linear自上而下的漸變。
登錄設(shè)備
個(gè)人模塊:個(gè)人主頁(yè)、更多信息
個(gè)人主頁(yè)
更多信息
學(xué)習(xí)是沒(méi)有盡頭的。關(guān)于微信APP的原型設(shè)計(jì)就暫時(shí)結(jié)束了,后面如果有遇到喜歡的APP也會(huì)繼續(xù)研究發(fā)發(fā)這部分的文章。接下來(lái)我打算重拾一下數(shù)據(jù)結(jié)構(gòu),可能會(huì)在后面的文章中記錄數(shù)據(jù)結(jié)構(gòu)的相關(guān)知識(shí)。這幾天也會(huì)看王道的課補(bǔ)一補(bǔ),大家也繼續(xù)加油吧!!!
總結(jié)
以上是生活随笔為你收集整理的Axure制作微信APP原型(三):消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 广州金蝶实习总结
- 下一篇: 文献管理工具EndNote使用