這款原型例子是教育類(lèi)型的App辣苏，主要學(xué)習(xí)編程方面的知識(shí)，配色是偏系統(tǒng)的顏色摧茴，布局也相對(duì)簡(jiǎn)單明了绵载。首頁(yè)采用的是列表形式，采用快速格子可以快速實(shí)現(xiàn)列表的布局苛白，其次是長(zhǎng)頁(yè)面的滾動(dòng)效果娃豹，在Mockplus可以通過(guò)兩種方法實(shí)現(xiàn)：一是拉長(zhǎng)手機(jī)模型；二是使用滾動(dòng)區(qū)购裙，之后的例子中可以給大家介紹下二者的區(qū)別懂版，現(xiàn)在一起來(lái)看效果。
先簡(jiǎn)單看看動(dòng)圖：
點(diǎn)擊這里躏率，可以立即在線預(yù)覽：https://run.mockplus.cn/WALpIZsx2zIT7pdZ/index.html
再送上UI Flow大圖：
這個(gè)原型的主要頁(yè)面有：主頁(yè)躯畴、課程列表頁(yè)面、代碼編寫(xiě)頁(yè)面薇芝、設(shè)置頁(yè)面等蓬抄。
以上設(shè)計(jì)的所有頁(yè)面可以在這里下載分享。
所有頁(yè)面的圖片集(5張)夯到，在這里下載嚷缭。
