xiaopiu上線的新功能支持創(chuàng)建編輯web端項目啦！在大家的監(jiān)（cui）督（cu）下，程序員拼了老命總算趕在月底前把web項目的需求做完了，差點就要被祭天了QwQ

為了讓大家在web上線后能第一時間用上web端的基礎(chǔ)組件，我們先為大家準備了五個常用的網(wǎng)頁版式，包括小米商城的首頁、網(wǎng)頁GACHA首頁、花瓣主頁、商品詳情頁、人人都是產(chǎn)品經(jīng)理首頁，其中包括頂部分頁欄、網(wǎng)頁banner輪播圖、圖片布局、排行榜、多種類的圖文列表、瀑布流圖文排版、分類菜單列表、專題列表、商品圖片展示、商品列表、標簽、文章列表等。本期也大量用到了引用組件，引用組件功能出來也有一個月了，大家用的順手嗎~本次推出的web模板雖然是靜態(tài)模板，但是版式可以說是非常豐富了，這套低保真常用網(wǎng)頁布局的復用性灰常高~做網(wǎng)頁的大家一定要趕緊上手試用??！><

小米商城首頁

小米商城網(wǎng)站是一個購物類網(wǎng)站建設(shè)，首頁組件包括帶熱搜和推薦標簽的搜索框，疊加分類菜單的banner輪播圖，圖標組合的組件，四欄、五欄的圖文卡片布局，這些組件和布局適用于電商購物類網(wǎng)站、網(wǎng)絡(luò)課堂類網(wǎng)站、優(yōu)選推薦類網(wǎng)站等。

高清原型預(yù)覽鏈接：

xiaopiu-小米商城首頁

人人都是產(chǎn)品經(jīng)理主頁

人人都是產(chǎn)品經(jīng)理是產(chǎn)品經(jīng)理的分享交流平臺，首頁展示包括banner輪播圖+熱門推薦、標簽欄、帶封面圖展示的文章列表。布局可適用于新聞資訊類網(wǎng)站、論壇類網(wǎng)站、交流分享類網(wǎng)站、創(chuàng)作社區(qū)網(wǎng)站等。

高清原型預(yù)覽鏈接：

xiaopiu-人人都是產(chǎn)品經(jīng)理布局

花瓣主頁

花瓣網(wǎng)是一個圖片分享采集類網(wǎng)站，主頁組件包括搜索分類欄、圖文瀑布流布局等，瀑布流的特點是高效性、隨意性和具有吸引力，對于圖片的寬高比沒有固定的要求，和規(guī)整的矩陣式布局不同，隨意縱向排布的圖片版式具有流動感而顯得生動。適用于以圖片展示為主的購物商品頁、時尚資訊圖展頁、圖文分享類網(wǎng)頁等。

高清原型預(yù)覽鏈接：

xiaopiu-花瓣瀑布流布局

商品詳情頁

這一頁是一個較為通用的商品詳情網(wǎng)頁模板，布局和大多數(shù)主流購物類網(wǎng)站相似，以大圖多圖展示放在左邊，右邊則為商品標題、商品詳情介紹、價格數(shù)量和添加購物車按鈕的布局。排完商品之后的其他商品推薦欄采用四欄圖文布局，有效展示圖片物品的詳細內(nèi)容。適用于各種電商類購物商品詳情頁。

高清原型預(yù)覽鏈接：

xiaopiu-商品詳情頁

GACHA首頁

GACHA是網(wǎng)易公司下的一個二次元交流網(wǎng)站，首頁版式布局包括頂部的搜索欄+分頁欄、滾動的banner輪播圖、節(jié)選文字和圖片的混合式卡片布局、標簽墻、縱向和橫向的圖文列表版式、排行榜欄、專題列表等。大圖展示的版式較多，組件種類豐富，適用場景可以是小說動漫類網(wǎng)站、繪畫交流類網(wǎng)站、視頻直播類網(wǎng)站等。

高清原型預(yù)覽鏈接：

xiaopiu-網(wǎng)易GACHA主頁

移動端資源分享

更多移動端資源詳見專欄：xiaopiu工坊

或直接訪問我們的網(wǎng)站：xiaopiu-精選廣場

歡迎大家對我們的原型提出建議，對后面分享內(nèi)容有哪些期待和想法也可以跟我們交流喲！

啵啵啾_(:?」∠)_希望大家網(wǎng)頁原型體驗愉快~~~

網(wǎng)站標題：常用網(wǎng)頁設(shè)計布局原型分享
分享地址：http://chinadenli.net/news15/212265.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、全網(wǎng)營銷推廣、微信小程序、移動網(wǎng)站建設(shè)、定制開發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)