Rula ya Ukurasa inaongeza rula na mistari ya miongozo inayoburuzwa katika mtindo wa Photoshop kwenye ukurasa wowote wa wavuti.
Rula ya Ukurasa inaongeza rula na mistari ya miongozo inayoburuzwa katika mtindo wa Photoshop kwenye ukurasa wowote wa wavuti.
Rula sahihi zenye alama za kila pikseli 50 zinapita juu na kushoto mwa viewport. Rula husogeza pamoja na ukurasa na kuonyesha nafasi sahihi za pikseli kuhusiana na asili ya ukurasa (0,0). Alama za kila pikseli 10 zenye lebo kila pikseli 50.
Bofya na uburute kutoka kwenye rula ya usawa ili kuunda mwongozo wa usawa, au kutoka kwenye rula ya wima kwa mwongozo wa wima. Miongozo inajipanga (snap) kwenye nafasi ya kielekezi na kuonyesha kuratibu kamili ya pikseli (mfano, y: 200px). Buruta ili kubadilisha nafasi, bofya mara mbili ili kuondoa.
Wakati miongozo miwili inayofanana inapowekwa, umbali wa pikseli kati yao unakokotolewa kiotomatiki na kuonyeshwa kwa bracket ya kuunganisha na lebo. Weka miongozo miwili ya usawa yenye umbali wa 120px na uone lebo ya "120px" kati yao.
Miongozo ya usawa ni bluu, miongozo ya wima ni nyekundu — kuifanya iwe rahisi kuitofautisha kwa mtazamo mmoja wakati miongozo mingi imewekwa. Kila mwongozo unaonyesha nafasi yake katika beji ndogo ya lebo.
Rula na miongozo vinatolewa kama overlay ya uwazi ambayo haiathiri DOM, mpangilio, au JavaScript ya ukurasa. Bado unaweza kubofya kupitia ili kuingiliana na vipengele vya ukurasa. Overlay inakamata tu mibofyo kwenye rula na vishikio vya miongozo.
Weka miongozo mingi kadiri unavyohitaji — hakuna kikomo. Unda grid kamili ya upimaji yenye miongozo ya usawa na wima inayoweka alama kwa kila hatua muhimu ya upangaji kwenye ukurasa.
Mockup inasema kichwa kina urefu wa 80px na maudhui yanaanza 120px kutoka juu. Weka miongozo ya usawa kwenye nafasi esas na uthibitishe papo hapo ikiwa ukurasa uliotekelezwa unalingana na sifa za usanifu.
Weka miongozo juu na chini ya vipengele vinavyojirudia (kadi, vitu vya orodha, sehemu) ili kuthibitisha kuwa vyote vina nafasi sawa. Mapengo yasiyo thabiti kati ya vitu yanakuwa wazi mara moja.
Weka mwongozo wa wima kwenye ukingo wa kushoto wa kichwa, kisha angalia ikiwa maandishi ya aya, vifungo, na picha hapa chini yanajipanga kwenye mstari mmoja. Kupotoka hata kwa pikseli chache kunaonekana dhidi ya mwongozo.
Weka miongozo miwili ya wima kwenye ukingo wa kushoto na kulia wa kipengele ili kupima upana wake. Weka miongozo miwili ya usawa kwa ajili ya urefu. Umbali uliokokotolewa kiotomatiki unakupa vipimo kamili vya pikseli.
Weka mwongozo wa wima kwenye upana wa kawaida wa breakpoint (768px, 1024px, 1280px) na urekebishe ukubwa wa kivinjari ili kuangalia ikiwa vipengele vinarejelewa kwa usahihi katika kila breakpoint. Miongozo inabaki tuli kama pointi za marejeleo ya kuona.
Fungua kizimbani kinachoelea cha DevSuite Pro na ubofye ikoni ya Page Ruler. Rula sahihi za pikseli zinaonekana juu na kushoto mwa viewport.
Bofya na uburute kutoka kwenye rula ya juu ili kuweka mstari wa mwongozo wa usawa, au kutoka kwenye rula ya kushoto kwa mwongozo wa wima. Mwongozo unafuata kielekezi chako na unajipanga kwenye nafasi ya pikseli unapouachia.
Kila mwongozo unaonyesha nafasi yake ya pikseli (mfano, y: 200px). Wakati miongozo miwili inayofanana inapowekwa, umbali kati yao unaonyeshwa kiotomatiki na bracket yenye lebo.
Buruta mwongozo wowote ili kuusogeza kwenye nafasi mpya — lebo za umbali zinajisasisha kwa wakati halisi. Bofya mara mbili mwongozo ili kuuondoa kwenye ukurasa.
Bofya ikoni ya Page Ruler tena ili kuficha rula na miongozo yote. Nafasi za miongozo yako zinahifadhiwa ikiwa utawasha tena katika kikao hicho hicho.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
