<em id="ddznf"></em>

<form id="ddznf"></form>
<noframes id="ddznf">

    
    

        網頁原型之基本布局


        我們以麥子學院個人中心的頁面為例畫一個原型圖,首先我們需要對這個頁面有一個大致的概念,首先我們看看這個頁面



        頁面總覽

         

        PM1.png 

         

        這個頁面包括頂部的導航條,中間老師的個人簡介,下部的老師動態列表,側邊的訪客信息等。有了這個基本框架后,我們就開始畫這個頁面吧。

         


        繪制步驟


        1.確定這個頁面的寬度并拉出兩根參考線,分別是100像素和1200像素(這個頁面的寬度是1100像素)


        PM2.png 

         

        2.繪制導航條的白色背景:選擇矩形部件拉一個1350像素的導航條

         

         PM3.png

         

        3.鎖定導航條

         

        PM4.png 

        4.選擇圖片部件并替換成麥子學院的logo

         

        PM5.png 

         

        5.選擇標簽部件繪制導航文字部分(企業直通班,麥子圈,課程庫,移動APP),可用快捷鍵Ctrl+c快速復制。

         

        PM6.png 

         

        6.在部件庫中找到搜索圖標移入畫布,并在部件屬性和樣式中更改透明度

         

        PM7.png 

         

        7.在網上下載”提醒“按鈕,直接復制到畫布中并更改大小,透明度等。

         

        PM8.png 

         

        8.復制老師照片過來并更改圓角半徑使其成為圓形,再添加文字標簽“文有為”


        9.添加三角小箭頭(選擇矩形部件并點擊下面圓點),填充小箭頭的顏色

        PM9.png 

         

        10.這時候整個導航條就繪制好了,因為這個導航條在很多的頁面都會用到,所以這里轉換為母版(選中導航條,右擊轉換為母版)

         

        PM10.png 

         

        11.繪制老師的個人簡介部分(選擇矩形部件拉出一個矩形并填充背景顏色)


        PM11.png 

         

        12.復制老師頭像并設為圓形,填充老師的個人簡介,繪制”老師“這個標簽

         

        PM12.png 

        13.繪制右邊的排版

         

        PM13.png 

         

        14.繪制下方的欄目(以以上的方法拉出一個矩形,添加兩個標簽:教學和動態,在網上下載教學和動態的圖標添加到畫布,調整他們的透明度)


        PM14.png 

         

        15.繪制動態模塊的頭像并設置為圓

         

          PM15.png

         

        16.拉出矩形并繪制小箭頭


        PM16.png 

         

        17.填充動態模塊的內容(當文字很多時,用顏色,透明度來區分重點)


        PM17.png 

         

        18.用矩形部件拼接繪制成如下元素,并填充文字內容


        PM18.png 

         

        19.繪制3個一樣大的矩形

        PM19.png


        20.在上面3個矩形中分別填充:我的問答,(圖標可在網上下載)


        PM20.png 

         

        21.“最近訪客”模塊的繪制(用上面的方法繪制頭像,并設置昵稱,復制頭像和昵稱的組合


        PM21.png 

         

        22.廣告位置的繪制(可使用占位符部件)


        PM22.png 

         

        23.更多動態的填充(可復制繪制好的組來表示)


        24.繪制底部的翻頁圖標(用矩形部件并修改圓角即可)


        PM23.png 

         

        25.底部版權信息的繪制


        26.預覽


        PM24.png 


        【本文由麥子學院獨家原創,轉載請注明出處并保留原文鏈接】

        logo
        ? 2012-2016 www.ddlua.com
        蜀ICP備13014270號-4 Version 5.0.0 release20160127

        免費領取價值1888元求職寶典!

        客服熱線 400-862-8862

        回到頂部

        916官方彩票 www.pj39991.com | www.ao299.com | 69-xpj.com | www.635365.com | 19880k.com | www.b2894.com | 26668u.com | www.982399.com | www.xpj130.com | 99111gg.com | www.0088xpj.net | mg4157.vip | www.39459.cc | 4461j.com | www.3933h.cc | www.amh00.com | 11773885.com | www.0601n.com | 44ms888.com | www.297790.com | www.5966aaa.com | 35ii.vip | www.51515h.com | www.85770d.com | www.57800p.com | 0693j.com | www.35918s.com | www.3459b.com | 38821155.com | www.2566y2.com | vv0098.com | www.183699.com | www.55545j.com | 4486699.com | www.912454.com | www.5487.com | 40033h.com | www.808466.com | www.1315522.com | qqq40033.com | www.986799.com | www.ty66.com | www.w935.com | www.yf156.com | 7003ss.com | www.906777.com | www.hg771122.com | 033a.net | www.31744.com | xpj78333.com | www.00840k.com | www.v0022.tv | 33599ff.com | www.22743.com | www.5566074.com | 8884828.com | www.66082.cc | www.233449.com | 8037rrr.com | www.855790.com | www.xinpujingcaipiao.com | 59889m.com | cc32355.com | www.93955c.com | hg91778.com | www.33112o.com | www.v063801.com | www.yh8880.cc | 6868qq.cc | www.xinhuangguan.com | www.s874.vip | 4461r.com | www.594611.com | www.4078p.com | bcylc7.com | 1669n.com | www.66332n.com | www.tyc528.com | 4018nn.com | www.377034.com | www.6665ylg.com | www.tqdc444.com | 12772266.com | www.976527.com | www.38345m.com | qmbfw.com | 45460002.com | www.919709.com | www.89677k.com | a5002.com | w72227.com | www.3478s.cc | www.c5c33.com | www.86611v.com | 11332007.com | www.681048.com | www.8j3.com | www.2090933.com | 1017.com | www.317990.com | www.1199nsb.com | www.81849.com | 57157t.com | www.196079.com | www.077578.com | www.v6187.com | wfcp777666.com | 3552a.com | www.gyfc0.com | www.3116s.com | www.j3577.com | 38365i.com | 878365jj.com | www.39546.com | www.x32939.com | www.bwin7788.com | xx8159.cc | 2546c.com | www.5854x.cc | man153.com | mk0088.com | www.36166w.com | www.ggt.99233t.com | www.060xpj.com | rycp050.com | vip201528.com | www.2632o.com | www.472741.com | www.b3650.com | 76543y.com | 1596b.com | www.384918.com | www.hd8676.com | www.2945d.com | www.4625r.com | 6146m.com | 6487xxx.com | www.915366.com | www.db373.com | www.rk1177.com | www.v6789.com | 3416e.com | 2008ff.com | www.587989.com | www.ylylc07.com | www.4212p.com | www.y18bb.com | 8901r.com | 4289w.com | 5429h.com | www.196075.com | www.26163n.com | www.73990o.com | www.3650092.com | www.yh8877.cc | bet577n.com | 8381nn.com | vns335588.com | www.550434.com | www.84499m.com | www.55060a.com | www.080678.com | www.6491g.com | 518cp1.com | 3559t.com | 6423.com | 9707365.com | www.325771.com | www.89wcp.com | www.905647.com | www.377666y.com | www.r4042.com | www.xpj07666.com | www.621155z.com | 7744xxx.com | tt3336.com | 2017dh.com | 2934j.com | www.550214.com | www.1368l.cc | www.53900p.com | www.7920g.com | www.pj5060.com | www.35252q.com | www.hg7033.cc | www.yh8877.cc | 11163399.com | 2851n.com | 35222hh.com | x444000.com | 4255q.com | 89439922.com | 66648x.com | www.144428.com | www.677474.com | www.lqc0.com | www.1222ac.com | www.78949t.com | www.8998799.com | www.62979d.com | www.1851132.com | www.sj52188.com | www.827hg.com | www.774567.com | www.8679822.com | www.695395.com | www.xpj4444.cc | 6hcc66.com | 30006n.com | 0080o.com | nyty08.com | 8682325.com | zb11.com | e72227.com | 6261520.com | 2359933.com | 4165d.com | 4036444.com | 55967.com | lc99m.com | 316x.cc | 3559ff.com | ddd5657.com | k82365.com | 13111.com | 27878vv.com | 7599ff.com | 3416e.com | jbb001.cc | 54241188.com | 00992007.com | 28483000.com | www.8887727.com | www.7435r.com | www.pj4858.com | www.bet365604.com | www.518836.com | www.sun000.com | www.223228.com | www.hg0423.com | www.888950.com | www.ggx.99233x.com | www.y32939.com | www.6880ss.com | www.s32031.com | www.1764u.com | www.5951990.com | www.6653f.com | www.25688n.com | www.979zf.com | www.810872.com | www.389644.com | 29918jj.com | 28288nn.com | 3467m.com | 00774ss.com | wns28c.com | 2844j.com | www.5551388.net | www.00618x.com | www.n9163.com | www.56655j.com | www.66vn777.com | www.123456.cc | www.2118037.com | www.flff7.com | www.299058.com | 50023366.com | 2709n.com | 22117r.com | qycps2.com | www.9068ww.com | www.987559.com | www.1168c.com | www.69567y.com | www.5647e.com | www.rrle2.com | www.177478.com | 2245.com | 2324.com | hg31310.com | www.4270nn.com | www.27363y.com | www.820568.com | www.65707d.com | www.769117.com | jm66.app | ope88.com | 667766f.com | www.10899a.com | www.jsp19.com | www.mgm868006.com | www.2020788.com | www.c141.vip | 0938mv.com | 80892h.com | 1077fff.com | www.25288u.com | www.4212h.com | www.460433.com | www.571833.com | 3mgmmmm.com | 4022jj.com | www.k88891.com | www.hg9665.com | www.j7764.com | www.33588n.com | www.196063.com | 30688b.com | spj80.net | www.y6007.com | www.s80288.com | www.26163g.com | www.87668a.com | yun3399.co | 01dd.cc | www.82627.com | www.2997772.com | 092120.com | www.365815b.com | www.4963ss.com | www.81678l.com | www.031059.com | 73222.com | www.333xin2.com | www.ylg1212.com | www.ytrich.com | www.369908.com | 35222z.com | 118184.com | www.779333.com | www.4569.am | www.506791.com | zhcpoo.com | 209899.com | www.55526g.com | www.60123y.com | nnn444000.com | 4196e.com | www.22753.com | www.33678yy.com | www.897030.com | 1389ff.com | 2618zz.com | www.79500c.com | www.8667q.com | 2373h.com | zhcpdd.com | www.8707c.com | www.81520j.com | 0343d.com | 6261ii.com | www.990998.com | www.xy52aa.com | 0343d.com | 84497788.com | www.vs1368.com | www.78949c.com | 861051.com | xpj61788.com | www.suncity9.com | www.5091c.com | 3568m.com | bl778877.com | www.00772h.com | www.956458.com | 3967g.com | www.4763118.com | www.704907.com | www.544095.com | 2240044.com | www.28624.com | www.hg3005.tw | 7874.com | P35pp.com | www.89599i.com | www.737249.com | rb431.com | www.pj33305.com | www.4323a.com | wh1020.com | www.6033v.com | www.6687u.com | www.139733.com | 99332007.com | www.wank3.com | www.793500.com | 7003e.com | www.368915.com | www.3933u.cc | 30173388.com | www.vns2018.com | www.66332w.com | 87665.com | www.3332558.com | www.917979.com | 8890.net | www.21365ee.com | www.aobo193.com | 33999193.com | www.a4568.com | www.86267t.com | 04666x.com | www.33623a.com | www.50052m.com | 2060044.com | www.v6060.com | www.3126v.com | w9620.com | www.348458.com | www.66ckb.com | 5536699.com | www.1234118.com | www.872198.com | 111ctx.com | www.d58.com | www.261793.com | 61828.biz | www.60886k.com | dj0001.com | www.yinhe9507b.com | www.91233g.com | 2004877.com | www.23277.com | www.717228.com | 2jssss.com | www.a3410.com | 89777j.com | www.h7788a.com | www.35885.cc | 063939.com | www.4727.com | 3024u.com | www.00618k.com | www.6769r.com | ggg1915.com | www.5146z8.com | b9982.com | www.bet365228.com | www.39957g.com | 4340x.com | www.633756.com | 444000www.com | www.w22365.com | www.2109g.com | wlb222.com | www.861002.com | 55pp8332.com | www.078999.com | www.106569.com | www.546991.com | www.50080w.com | 5295.com | www.8905b.com | 83378z.com | www.lfcp111.com | 79964w.com | www.dy4411.com | www.bxcp3.com | 112q.net | www.379801.com | 3679ww.com | www.06820d.com | 5802dd.com | www.hg8319.com | ylzz1112.com | www.hg8968.com | www.506586.com | www.hg6914.com | www.589zf.com | 55818x.com | www.376500hd.com | 46474647.com | www.367777.cc | 3640kk.com | www.4546.com | 7616.net | www.115527x.com | 013373.com | www.92302.com | js14o.com | www.808888l.com | 6423l.com | www.2945b.com | 3568m.com | www.306015.me | 99772007.com | www.hf3138.com | 6220x.com | www.gh5550033.com | jdwxs.com | www.1234118.com | 95gamevip1.com | www.jinniu00.com | 33115vv.com | www.2945l.com | 111122vv.com | www.7415bb.com | 2019kk.cc | www.cn365t.com | o8009.com | www.js89i.vip | w3410.com | www.0967006.com | tz458.com | www.84499n.com | 2544.com | www.gocp4.com | www.vns991.cc | www.550207.com | www.770444.com | 3556vip7.com | www.767613.com | 87665t.com | www.22vn777.cc | 809h39.com | www.35898a.com | bet28t.com | www.ya318.com | www.7669d.net | www.109075.com | www.pj20888.com | 3568pp.com | www.biying920vip.com | i01234.com | www.375375d.com | www.339189.com | www.78114422.com | 66876k.com | www.44mgm777.com | 4955y.com | www.77210k.com | 8884048.com | www.393890.com | www.89266.com | 81366u.com | www.vnsr928.com | 91019f.com | www.hw52.com | www.0005156.com | 30006s.com | www.8080999j.com | 7720h.com | www.927035.com | www.3730-251.com | 8898444.com | www.1434n.com | 2418a.com | www.609712.com | www.778333.com | 53059.vip | www.pj56a.com | www.882236f.com | sxrkrdjq12.com | www.9b005.com | 8159n.cc | www.c5128.com | www.xpj5011.com | hggjtg8.com | www.6678687.com | 4630077.com | www.65707v.com | www.4963kk.com | 51200.com | www.777337a.com | www.49559.com | xhby988.com | www.65707s.com | www.67797y.com | 7376.com | www.48330a.com | www.bf855.com | feicai0537.com | www.79095d.com | 33115ff.com | www.99638a.com | www.00772k.com | 473042.com | www.435050.com | www.y456x.com | 90307q.com | www.698300.com | www.7335xx.com | 53358i.com | www.901376.com | www.185hwx.com | 3435c.com | www.682542.com | www.751cp3.com | 009207.com | www.550423.com | www.8863tt.com | 112a.net | www.43131f.com | www.87708c.com | 2019u.cc | 29918i.com | www.55717f.com | www.65358.com | 1665hh.com | www.07163w.com | www.26yh.com | 4196u.com | www.542116.com | www.89599u.com | 500000575.com | 500000599.com | www.hg0296.com | www.7025n.com | 17765.com | www.983888.com | www.c46.bet | 2546h.com | 2934q.com | www.16065x.com | www.10050813.com | 88993s.com | www.435050.com | www.3032kk.com | www.v1878.com | 11773885.com | www.923733.com | www.28000h.com | 97618y.com | yh77776.com | www.3126t.com | www.js353535.com | 68963999.com | 3936e.com | www.9155d.cc | www.u948u.com | 2613r.com | 55766.com | www.1368h.cc | www.laocaipiao.com | 80579a.com | bet365bet365005.com | www.hy5502.com | www.pj88l.com | www.hg08567.com | 85698c.com | www.674770.com | www.69567k.com | www.005966.com | s3405.com | 73055x.com | www.80767h.com | www.786555.com | 88665004.com | dd3189.com | www.603854.com | www.12345603.cc | www.bali666.com | 6261q.com | 22117c.com | www.255ak.com | www.cn365d.com | www.76543y.com | 3482d.com | 500000572.com | www.8667j.com | www.8473w.com | www.h067.com | 9659a.com | 33115vv.com | www.c1370.com | www.7036e.com | www.3844d.com | 3222i.cc | 500000454.com | www.221075.com | www.0601e.com | www.9928h.com | www.z0888.com | 3775v.com | 1294w.cc | www.743533.com | www.js28666.com | www.63228.com | www.77795.com | 4165x.com | 30007x.com | www.808731.com | www.410065.com | www.85857o.com | www.05058006.com | 33pp8332.com | 2js345.com | www.66652o.com | www.3479v.com | www.32031u.com | www.333980.com | www.zunbao19.com | few12we.com | 88xpj377.com | www.262548.com | www.86889.cc | www.69567c.com | www.848033.com | www.pj99997.com | 86811bb.com | 18438h.com | 132ag88.com | www.hm6622.com | www.hg2300.com | www.80969c.com | www.mh988.net | www.un3355.com | pjqinghai.com | 9649q.com | 4048eee.com | www.599464.com | www.50026l.com | www.29977.com | www.cc2777.com | www.4270ll.com | www.458458.net | 00jj8332.com | 5360cc.com | 077ll.com | 3y9944.com | www.669771.com | www.15355n.com | www.js58333.com | www.19019v.com | www.3814222.com | www.9785555.com | 883399n.com | 7599ii.com | 6655yh.com | 3844oo.com | 6118a.com | www.531982.com | www.5xgf.com | www.703097.com | www.pj55715.com | www.8886hj.com | www.jm49.com | www.tjflcpw.com | www.995g.net | www.hg4458.com | 3049g.com | w2490.com | 3522j.cc | 0234i.com | bm1392.cc | feicai0378.com | 33pp8331.com | www.188932.com | www.657259.com | www.hm6788.com | www.27676.cc | www.83033z.com | www.6678699.com | www.9464001.com | www.4996jq.com | www.cpdjl.com | www.3030011.com | www.13909999.com | www.6707555.com | www.330099m.com | www.31319193.com | www.38200s.com | www.238267.com | bst979.com | 55cc8332.com | gc.cc | hwcp33.com | 50099w.com | 7806.com | 55331ff.com | 3950r.com | 36405511.com | k70111.com | 3552u.com | x88288.com | 3846yyy.com | 795939.com | 3846ggg.com | 3788s.com | 36407733.com | 5856ooo.com | 3522s.cc | b5957.com | 4182i.com | by399.cn | 2997778.com | yth13.net | xx4455.com | 0066886.com | 2595j.com | 3024t.com | www.pj550055.com | www.223456g.com | www.7893w13.com | www.0860x.com | www.js888200.com | www.13201f.com | www.09809.com | www.07773.com | www.c44zz.com | www.n32939.com | www.7893w33.com | www.9895m.com | www.vns998.me | www.093738.com | www.4923t.com | www.26878f.com | www.5xce.com | www.901176.com | www.530629.com | www.53911a.com | 7196h.com | r2490.com | 78119955.com | 40033hhh.com | 22299ww.com | a5002.com | www.hg97hg97.com | www.7348.com | www.pj8333.com | www.28000j.com | www.y8862.com | www.js8600 | www.54400w.com | www.996863.com | www.986399.com | feicai0379.com | 0698b.com | 8299138.com | r5429.com | 78118844.com | www.js520567.com | www.49350.com | www.58118g.com | www.js89l.vip | www.909938.com | www.c7238.com | www.229958.com | 9103dd.com | 3301800.com | 44268888.com | 62620029.com | www.0860o.com | www.552226.com | www.4996km.com | www.00mgm777.com | www.0014r.com | www.390500.com | 67877p.com | caipiao99.com | qq365z.com | www.xjs8898.com | www.yh18826.com | www.ggy.99233y.com | www.742488.com | www.54400f.com | www.632750.com | t365r.com | 01234r.com | 3304x.com | www.8694y.com | www.797009.com | www.85155.com | www.49956h.com | www.455745.com | 28835533.com | 01234oo.com | 5855zz.com | www.bm9998.com | www.4196l.com | www.76520d.com | www.507933.com | 86688098.com | 4022c.com | www.sjg118.com | www.61808.com | www.73990l.com | www.8667c.com | www.41518a.com | 30150011.com | 56988r.com | www.hg2993.com | www.hg8ii.com | www.78949g.com | www.768299.com | 2016.ag | uuu5682.com | www.hg2297.com | www.4996jc.com | www.35155k.com | www.29178e.com | 8015z.com | 1479e.com | www.603234.com | www.90928.com | www.611506.com | 998e.cc | 168cp-u.com | www.hg0012.com | www.d12189.com | www.33ckb.com | 7933311.com | 32126d.net | www.p8867.com | www.bet63k.com | www.022yn.cc | 20166.com | 88851.com | www.i55106.com | www.1559501.com | www.bai84.com | 555p1.cc | 66876j.com | www.331666.com | www.0066psb.com | www.665772.com | hg10b.com | 224sun.com | www.z4042.com | www.84499w.com | 8988f.com | 73567tg10.com | www.9679a.com | www.6880dd.com | www.756764.com | 07074688.com | 4634455.com | www.705905.com | www.5091o.com | 3550s.com | 66876j.com | www.46678.com | www.3978i.com | 30007d.com | hb9038.com | www.569389.com | www.0270v.com | 168c6.com | 33432r.com | www.76188.com | www.61233t.com | 11z66.com | 55qq8332.com | www.20199nn.com | www.2109n.com | l5429.com | www.86611d.com | www.8888xp.com | www.814646.com | 2190b.com | www.yy883.com | www.g2894.com | www.341977.com | so222.cc | www.441399.com | www.00665a.com | 829330.com | 39830d.com | www.cn365j.com | www.602472.com | 3534i.com | www.33335375.com | www.99677l.com | 284123.com | www.7aobo.com | www.1022777.com | www.178752.com | 8381002.com | www.u75778.com | www.2109aa.com | hh01234.com | www.777444q.com | www.89777b.com | 667766r.com | 22207i.com | www.50685b.com | www.068617.com | 4000853.com | www.410083.com | www.769526.com | ks600.net | www.bs9088.com | www.ya383.com | 0055gbh.com | www.1112290.com | www.98528e.com | 85698c.com | www.4270pp.com | www.21202c.com | t08199.com | www.hg8801.com | www.35918f.com | 88021e.com | www.5254y.com | www.50090.cc | 1458c.com | www.480455c.com | www.99jtk.com | 3522ii.cc | www.b1259.com | www.957999.com | 7599ff.com | www.932442.com | www.452812.com | 8547xx.com | www.bet63s.com | 9081cc.com | 023139.com | www.hr1844.com | 4123ss.com | www.q27229.com | www.39957d.com | 4270uu.com | www.339788.com | www.712887.com | tz3222.com | www.775398.com | 97799v.com | www.653507.com | www.91233j.com | 4323s.com | www.8825666.com | www.534638.com | feicai0377.com | www.2283066.com | 3056.com | www.sbet345.net | www.2875e.com | xx3336.com | www.8473y.com | 2334.com | www.60yyhh.com | www.26878t.com | p01234.com | www.vns6601.com | js14g.com | www.60778.com | www.0014g.com | 6137l.com | www.4996km.com | 20166.com | www.hg726.com | www.870035.com | 7989z.com | www.8003xl.com | yt313.com | www.a7793.com | www.99djcp.com | www.hg2207.com | www.26299n.com | 72345.com | www.115527q.com | 2455a.com | www.88399a.com | www.309939.com | www.ylg292.com | www.26299z.com | vv3405.com | www.5886nn.com | 18438k.com | www.jjjj44444.com | rml0.com | www.8655msc.com | www.937816.com | 8577m.cc | www.99677f.com | 36405511.com | www.58908b.com | 3467l.cc | www.9418cp.com | 4833011.com | www.64566z.com | www.217650.com | www.900y.com | www.935026.com | 1407o.com | www.57189.cc | fc9098.com | www.010vip.com |