<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.50024g.com | www.590801.com | www.8839c.com | www.07163g.com | www.276608.com | www.954689.com | www.62500.cc | www.15355y.com | www.207881.com | www.904861.com | www.361gc.com | www.84499z.com | www.175902.com | www.88djcp.com | www.202115.com | www.8039e.com | www.33997w.com | www.96386y.com | www.444237.com | www.818807.com | www.flcb1.com | www.9889hc.com | www.49956h.com | www.53900g.com | www.203882.com | www.624880.com | www.631799.com | www.926799.com | www.zch8.com | www.xinyc8.com | www.cpyz1.com | www.30xw.com | www.979673.com | www.zc35.com | www.550284.com | www.506792.com | www.599690.com | www.609553.com | www.591029.com | www.580896.com | www.705059.com | www.669350.com | www.599849.com | www.550264.com | www.444086.com | www.369072.com | www.308126.com | www.301667.com | www.160881.com | www.81233x.com | www.55885g.com | www.91233j.com | www.66509.cc | www.hw52.com | www.751898.com | www.529081.com | www.215602.com | www.66376u.com | www.99788h.com | www.35918g.com | www.444xm.cc | www.689826.com | www.533786.com | www.290282.com | www.32123w.com | www.07163l.com | www.uucp300.com | www.998349.com | www.669773.com | www.338082.com | www.33598c.com | www.26299l.com | www.022s.cc | www.aa8618.com | www.554313.com | www.81520m.com | www.53900c.com | www.9fk.com | www.583792.com | www.91233o.com | www.43818y.com | www.df79.com | www.81233l.com | www.36166g.com | www.hcw332.com | www.546669.com | www.661929.com | www.hcw778.com | www.80065p.com | www.1555hc.com | www.444237.com | www.33598m.com | www.05gcw.com | www.585808.com | www.43131u.com | www.qilc9.com | www.175709.com | www.97171.cc | www.577972.com | www.60007f.com | www.588yc.com | www.305995.com | www.29277f.com | www.775377.com | www.99677r.com | www.98528f.com | www.81233i.com | www.gai20.com | www.bxcp3.com | www.76wcp.com | www.339281.com | www.8039a.com | www.369965.com | www.8039a.com | www.584611.com | www.61233w.com | www.896020.com | www.78700g.com | www.080wy.com | www.281877.com | www.2373c.com | www.506932.com | www.25688l.com | www.599546.com | www.15355b.com | www.509866.com | www.2632r.com | www.192733.com | www.c4523.com | www.71399d.com | www.977657.com | www.33112c.com | www.589344.com | www.9478k.com | www.101156.com | www.318548.com | www.81678w.com | www.507381.com | www.089wy.com | www.50732f.com | www.837887.com | www.49956j.com | www.375699.com | www.585hc.com | www.68689x.com | www.651514.com | www.2632x.com | www.77802q.com | www.876899.com | www.5441w.com | www.54400a.com | www.516105.com | www.hm5577.com | www.34788b.com | www.88266l.com | www.609816.com | www.qucp0.com | www.64700.com | www.66332i.com | www.566897.com | www.c131.vip | www.hx6627.com | www.23579d.com | www.71399s.com | www.500770.com | www.876928.com | www.33yfa.com | www.60123c.com | www.60007n.com | www.369477.com | www.927310.com | www.03czj.com | www.11018.cc | www.23636g.com | www.50026i.com | www.96386f.com | www.986399.com | www.558402.com | www.723013.com | www.hcw266.com | www.960913.com | www.u936.com | www.777337a.com | www.9889hc.com | www.00840p.com | www.96386s.com | www.66376c.com | www.80075d.com | www.le33.cc | www.348499.com | www.536210.com | www.514033.com | www.500021.com | www.449810.com | www.361477.com | www.315063.com | www.xinyc2.com | www.210955.com | www.126509.com | www.99677f.com | www.52072q.com | www.50024s.com | www.26878v.com | www.97655z.com | www.66376g.com | www.39500p.com | www.07163g.com | www.014ac.com | www.tj52.com | www.hcw823.com | www.557894.com | www.376163.com | www.183498.com | www.09500w.com | www.87668k.com | www.36166w.com | www.cll168.com | www.022u.cc | www.hf6660.com | www.766352.com | www.xcw866.com | www.84499u.com | www.71233j.com | www.686c.com | www.659957.com | www.225065.com | www.39957e.com | www.34736.com | www.cai001.vip | www.483552.com | www.54400r.com | www.33588b.com | www.575hc.com | www.901833.com | www.316546.com | www.26299e.com | www.595hc.com | www.703617.com | www.062166.com | www.cll168.com | www.984688.com | www.hcw332.com | www.26299b.com | www.3005.am | www.535666e.com | www.189370.com | www.88266s.com | www.2qxc.com | www.065966.com | www.6364n.com | www.855608.com | www.022175.com | www.781566.com | www.fh7557.com | www.71233x.com | www.11czj.com | www.502990.com | www.81233k.com | www.c9259.com | www.yc7701.com | www.5086y.com | www.548511.com | www.66652b.com | www.939287.com | www.60108m.com | www.c3714.com | www.178693.com | www.2350j.com | www.328477.com | www.00840s.com | www.607325.com | www.77802l.com | www.708609.com | www.77801l.com | www.782478.com | www.84499d.com | www.844689.com | www.71233l.com | www.587639.com | www.8499b.com | www.364511.com | www.5177.cc | www.126293.com | www.jcai5.com | www.55228e.com | www.54968f.com | www.60007z.com | www.370933.com | www.44ckb.com | www.76520v.com | www.858856.com | www.65707k.com | www.585868.cc | www.0014o.com | www.99638n.com | www.917052.com | www.77802f.com | www.369073.com | www.hm5699.com | www.09500w.com | www.431770.com | www.16wa.com | www.52072t.com | www.196087.com | www.965666.com | www.50064r.com | www.168212.com | www.904867.com | www.3005w.com | www.50051t.com | www.555958.com | www.hm2555.com | www.22743.com | www.61655b.com | www.yc7701.com | www.qilc7.com | www.36787b.com | www.77801x.com | www.506971.com | www.950665.com | www.1368h.cc | www.33598n.com | www.60123e.com | www.250756.com | www.685053.com | www.yi328.com | www.15355k.com | www.50064u.com | www.380068.com | www.914910.com | www.371l.cc | www.33112m.com | www.21202q.com | www.81520m.com | www.217630.com | www.395411.com | www.602465.com | www.721588.com | www.935970.com | www.mody8.com | www.66ffv.com | www.1444ac.com | www.8667e.com | www.29699.com | www.35155b.com | www.49956z.com | www.77803b.com | www.80075l.com | www.26163q.com | www.29178d.com | www.33598e.com | www.36166v.com | www.50054t.com | www.43818b.com | www.50788f.com | www.50732k.com | www.29277i.com | www.80767d.com | www.65707l.com | www.50051y.com | www.7793s.com | www.2934e.com | www.060wy.com | www.hm3777.com | www.939287.com | www.828701.com | www.602255.com | www.482770.com | www.152012.com | www.81520o.com | www.08588p.com | www.50026c.com | www.912485.com | www.511622.com | www.132031.com | www.53900k.com | www.80767d.com | www.2934p.com | www.hm5222.com | www.693930.com | www.yc7701.com | www.54400w.com | www.33588h.com | www.dan70.com | www.680955.com | www.ywzuqiu.com | www.66376q.com | www.67767.cc | www.878466.com | www.364141.com | www.39500o.com | www.5522d.cc | www.631799.com | www.99677d.com | www.49956h.com | www.fh6116.com | www.98528f.com | www.60007l.com | www.1666ac.com | www.616330.com | www.80075m.com | www.6364l.com | www.861099.com | www.102386.com | www.26299c.com | www.csw288.com | www.133902.com | www.26299p.com | www.820933.com | www.51331d.com | www.089wy.com | www.hcw332.com | www.66376j.com | www.927191.com | www.022193.com | www.2388cai.com | www.511642.com | www.77996c.com | www.901387.com | www.80075z.com | www.122by.com | www.lcw997.com | www.9149d.com | www.505151.com | www.36788c.com | www.684544.com | www.33997q.com | www.846689.com | www.32123k.com | www.877802.com | www.34788n.com | www.848266.com | www.00840z.com | www.769639.com | www.66653d.com | www.588088.com | www.16878c.com | www.368200.com | www.bxcp3.com | www.126019.com | www.akw4.com | www.35918l.com | www.763287.com | www.33112p.com | www.345512.com | www.88ttz.com | www.51515z.com | www.701548.com | www.26163m.com | www.303465.com | www.csgc6.com | www.07163k.com | www.511647.com | www.071wy.com | www.66332h.com | www.711863.com | www.7793u.com | www.77114q.com | www.669308.com | www.107ak.com | www.35918k.com | www.hcw332.com | www.kc67.com | www.66870.cc | www.35918k.com | www.355811.com | www.588088a.com | www.26299j.com | www.66653w.com | www.570477.com | www.hm2555.com | www.18005.com | www.68689z.com | www.536210.com | www.938901.com | www.7793aa.com | www.78700h.com | www.79520d.com | www.401278.com | www.898140.com | www.126ll.com | www.08588m.com | www.33598e.com | www.081506.com | www.448910.com | www.757209.com | www.c6089.com | www.984jc.com | www.50051f.com | www.36166a.com | www.86267r.com | www.257188.com | www.550419.com | www.710230.com | www.907118.com | www.c5884.com | www.44clf.com | www.2875n.com | www.23022.cc | www.23636n.com | www.50026j.com | www.71399x.com | www.88266y.com | www.16878r.com | www.35918v.com | www.50080x.com | www.66653i.com | www.60108y.com | www.53900c.com | www.50074b.com | www.50026q.com | www.35155l.com | www.26299h.com | www.07163c.com | www.83993z.com | www.60108k.com | www.33997g.com | www.cll168.com | www.3478.cc | www.00clf.com | www.hc5859.com | www.895594.com | www.711448.com | www.546599.com | www.322424.com | www.88266r.com | www.49956b.com | www.54400q.com | www.9478i.com | www.003ac.com | www.c1456.com | www.773925.com | www.424223.com | www.083037.com | www.26163y.com | www.00840j.com | www.6fa500.com | www.855312.com | www.504733.com | www.99677h.com | www.78949s.com | www.3416c.com | www.ch8567.com | www.634880.com | www.wcp666888.com | www.41518m.com | www.44607.com | www.c133.vip | www.335484.com | www.50051t.com | www.3479m.com | www.868955.com | www.308388.com | www.26878i.com | www.977hf.com | www.668566.com | www.87668h.com | www.29277q.com | www.cb2388.com | www.371679.com | www.81678l.com | www.4dwj.com | www.354611.com | www.88266z.com | www.flff7.com | www.330831.com | www.80075k.com | www.flff6.com | www.221836.com | www.52303y.com | www.904827.com | www.83033g.com | www.022s.cc | www.361576.com | www.36788r.com | www.c760c.com | www.50732d.com | www.csgc6.com | www.106135.com | www.1035f.com | www.424770.com | www.33997s.com | www.655096.com | www.07163h.com | www.895594.com | www.39500x.com | www.cp7777b.com | www.61233k.com | www.fcff2.com | www.80767e.com | www.ybao1.com | www.055973.com | www.084wy.com | www.108382.com | www.bxcp3.com | www.049049.com | www.9dwj.com | www.66332d.com | www.977657.com | www.33112g.com | www.817055.com | www.68568y.com | www.606370.com | www.9711c.com | www.249880.com | www.126ll.com | www.96386l.com | www.981500.com | www.81233s.com | www.guocai667.com | www.1368f.cc | www.68568d.com | www.799417.com | www.56717.com | www.178753.com | www.cp8015.cc | www.bxcp3.com | www.xcw866.com | www.can87.com | www.12455hh.com | www.397836.com | www.tj52.com | www.54400d.com | www.187513.com | www.936370.com | www.27989.cc | www.68682r.com | www.596081.com | www.ya130.com | www.81678w.com | www.196109.com | www.830523.com | www.1368o.cc | www.281877.com | www.171880.com | www.689066.com | www.6tdc.com | www.61497.com | www.50788o.com | www.ywzuqiu.com | www.913075.com | www.622by.com | www.50989k.com | www.77803p.com | www.495770.com | www.876488.com | www.5xci.com | www.6832q.com | www.90305b.com | www.83033m.com | www.345512.com | www.xinyc8.com | www.cp500.biz | www.1555hc.com | www.26163d.com | www.00665a.com | www.77803m.com | www.rcw321.com | www.366098.com | www.631012.com | www.290282.com | www.qmfc7.com | www.787zf.com | www.5086a.com | www.33598z.com | www.81233c.com | www.43131w.com | www.53911a.com | www.78949d.com | www.063353.com | www.178259.com | www.298396.com | www.324229.com | www.407871.com | www.389233.com | www.511647.com | www.485648.com | www.499428.com | www.504277.com | www.390006.com | www.338082.com | www.346511.com | www.188732.com | www.053883.com | www.78949u.com | www.61233h.com | www.43131g.com | www.89894n.com | www.61233f.com | www.33588c.com | www.9889hc.com | www.8199.cc | www.tang444.com | www.122888a.com | www.837887.com | www.rcw789.com | www.257188.com | www.83993m.com | www.90305f.com | www.37193.cc | www.88ac.com | www.855085.com | www.544949.com | www.315063.com | www.50732a.com | www.43818g.com | www.5666hc.com | www.910282.com | www.534211.com | www.91233o.com | www.80075r.com | www.1368g.cc | www.hcw823.com | www.526121.com | www.81233q.com | www.50052p.com | www.97655g.com | www.088wy.com | www.815266.com | www.309135.com | www.132031.com | www.77114n.com | www.1555hc.com | www.680227.com | www.097067.com | www.36166l.com | www.ck9393.com | www.490780.com | www.26878f.com | www.085wy.com | www.548511.com | www.50064j.com | www.055w.cc | www.582006.com | www.61655l.com | www.022gx.cc | www.543122.com | www.43818g.com | www.07hc.com | www.271696.com | www.26299k.com | www.819847.com | www.76520i.com | www.361gc.com | www.401267.com | www.52072z.com | www.98528f.com | www.50732r.com | www.bxcp3.com | www.109307.com | www.067wy.com | www.451770.com | www.33997n.com | www.655061.com | www.80075f.com | www.xcw866.com | www.35918b.com | www.978315.com | www.66376q.com | www.az0908.com | www.54968f.com | www.973709.com | www.60123r.com | www.995684.com | www.77114f.com | www.xinyc3.com | www.50051o.com | www.911888.com | www.33598q.com | www.793500.com | www.81520h.com | www.628987.com | www.08588x.com | www.369499.com | www.2109m.com | www.178153.com | www.jx68.com | www.50074h.com | www.799849.com | www.55885g.com | www.431016.com | www.910xj.com | www.78700b.com | www.912055.com | www.60007x.com | www.332807.com | www.4dwj.com | www.25688j.com | www.602983.com | www.2875g.com | www.77114o.com | www.771645.com | www.6364f.com | www.81678h.com | www.757988.com | www.3416o.com | www.55228b.com | www.599457.com | www.371r.cc | www.16878a.com | www.382780.com | www.c6883.com | www.50080b.com | www.290282.com | www.680358.com | www.38394.cc | www.50064k.com | www.500916.com | www.ct6676.com | www.39500p.com | www.81520a.com | www.xinyc8.com | www.ct6675.com | www.9149m.com | www.33997x.com | www.192762.com | www.640505.com | www.okw0.com | www.07163d.com | www.50026m.com | www.192722.com | www.608115.com | www.269777a.com | www.1333ac.com | www.65707s.com | www.66332r.com | www.290282.com | www.609715.com | www.938621.com | www.069wy.com | www.8839r.com | www.77802n.com | www.66332o.com | www.202341.com | www.lcw199.com | www.799849.com | www.rcw8844.com | www.29czj.com | www.0014y.com | www.15899.cc | www.41518f.com | www.87668w.com | www.50024m.com | www.66653u.com | www.bxcp3.com | www.179012.com | www.444059.com | www.599309.com | www.663566.com | www.755901.com | www.889938.com | www.54968f.com | www.c1669.com | www.hm5333.com | www.qilc7.com | www.ac9911.com | www.yi328.com | www.55fzc.com | www.71gcw.com | www.2tdc.com | www.zcwf0.com | www.jx68.com | www.c805.cc | www.912485.com | www.898304.com | www.hcw018.com | www.626990.com | www.534680.com | www.xcw866.com | www.186357.com | www.81678v.com | www.50074h.com | www.99788j.com | www.29277q.com | www.3416p.com | www.4ttz.com | www.960885.com | www.818807.com | www.583477.com | www.286967.com | www.81233r.com | www.15355q.com | www.12455g.com | www.bxcp3.com | www.hcw266.com | www.583792.com | www.192762.com | www.50064p.com | www.35155m.com | www.102ak.com | www.938904.com | www.529026.com | www.025517.com | www.00840f.com | www.8667g.com | www.c300.cc | www.595707.com | www.083037.com | www.88266c.com | www.371d.cc | www.98528f.com | www.305988.com | www.23579c.com | www.2408a.cc | www.853548.com | www.321537.com | www.15355v.com | www.986jc.com | www.669268.com | www.88065f.com | www.15355y.com | www.979500.com | www.335037.com | www.88266x.com | www.bei05.com | www.507670.com | www.34788s.com | www.061wy.com | www.djcp007.com | www.32123x.com | www.yw373.com | www.451117.com | www.81233h.com | www.c5905.com | www.217502.com | www.33588k.com | www.263988.com | www.66653x.com | www.288hc.com | www.568380.com | www.77803k.com | www.963220.com | www.88065c.com | www.055m.cc | www.346311.com | www.16878r.com | www.637477.com | www.97655p.com | www.915056.com | www.60007d.com | www.gy11.com | www.86267v.com | www.622by.com | www.209713.com | www.5854z.cc | www.377506.com | www.50024f.com | www.hcw332.com | www.52303q.com | www.607323.com | www.43818z.com | www.570821.com | www.36788w.com | www.576679.com | www.39500z.com | www.508277.com | www.6364m.com | www.230320.com | www.9889hc.com | www.97655b.com | www.lycp886.com | www.49956f.com | www.756764.com | www.43818j.com | www.401276.com | www.106ak.com | www.81520p.com | www.914909.com | www.78700b.com | www.501349.com | www.910xj.com | www.68568t.com | www.853548.com | www.33997b.com | www.314677.com | www.fh6116.com | www.88266l.com | www.395477.com | www.fo03.com | www.96386z.com | www.401276.com | www.qmfc6.com | www.84499j.com | www.401268.com | www.lqc2.com | www.83033m.com | www.xinyc8.com | www.962505.com | www.81699.cc | www.78949t.com | www.606624.com | www.55qxc.com | www.77803w.com | www.202337.com | www.809215.com | www.2188cai.com | www.33997s.com | www.301990.com | www.853053.com | www.1158c.com | www.99001r.com | www.202115.com | www.732400.com | www.85gcw.com | www.50026h.com | www.77803o.com | www.377507.com | www.870013.com | www.084wy.com | www.49956k.com | www.51515b.com | www.307683.com | www.669202.com | www.hr1888.com | www.981jc.com | www.65707r.com | www.68689p.com | www.336766.com | www.yc7701.com | www.808712.com | www.cpkk7.com | www.918li.com | www.35918k.com | www.99677b.com | www.62118e.com | www.165595.com | www.356126.com | www.550314.com | www.666407.com | www.844689.com | www.983699.com | www.fo03.com | www.662by.com | www.3890u.com | www.15355s.com | www.61655p.com | www.81678w.com | www.12455g.com | www.16878a.com | www.33997x.com | www.41518i.com | www.43818u.com | www.60108f.com | www.54400l.com | www.53900j.com | www.54400n.com | www.50732y.com | www.50026k.com | www.35918o.com | www.26299q.com | www.87668l.com | www.68682w.com | www.50024y.com | www.64422.cc | www.3933d.cc | www.878zf.com | www.9889hc.com | www.sxyl0.com | www.hy2811.com | www.901573.com | www.729198.com | www.560671.com | www.dcw566.com | www.079776.com | www.55885j.com | www.80075p.com | www.26001.com | www.9889hc.com | www.hf6680.com | www.876488.com | www.621431.com | www.335324.com | www.86267q.com | www.16878j.com | www.50048.com | www.66ffs.com | www.901175.com | www.501274.com | www.83033m.com | www.66621q.com |