Iyo dhizaini dhizaini (inoteerera dhizaini)

Vashandisi vari kuwana iyo Internet kuburikidza nemapiritsi uye nhare mbozha vari kuwedzera. Izvi, sekuziva kwako, zvinoreva kuti hazvichakwanise kugadzira peji rewebhu rinotaridzika zvakanaka pamakomputa edu: zvakare rinofanirwa kuonekwa pane imwe nhare mbozha. Dambudziko? Masikirini akasiyana maseru uye resolution. Ndosaka zvichinetsa kuita dhizaini inoenderana nenzira kune ese midhiya (iyo inozivikanwa wirirana patani, rakashandurwa se dhizaini dhizaini).

Heano mamwe matipi ekuchengeta mupfungwa kana uchigadzira dhizaini nehunhu uhu. Teerera!

Matipi ekugadzirisa dhizaini

1. Gadzira template yakapusaNekureruka ini handireve bland. Ndiri kutaura nezve chimiro HTML yewebhusaiti yako: iyo yakajeka iri, zvirinani. Ramba uchifunga kuti komputa screen inogona kukwana matatu akamira makoramu; pachiratidziro chemafoni, iwe unongokwana imwe chete. Funga nezvazvo uye nemabatiro aungaitezve izvo zvinhu.
2. Bvisa zvese zvisina basaNgwarira mhedzisiro yejQuery, Flash animations uye chero imwe kodhi inononoka kudzora peji rako. Zvishoma zvemukati zverudzi urwu zvaunazvo, inokurumidza iyo webhu inotakura.
3. Tsanangura chimiro css ye "saizi" yega yegaGadzira tiny.css, small.css, uye big.css (semuenzaniso) iyo inomhanya zvichibva pane chishandiso chainoonekwa. Semuyenzaniso:
   

   @import url (tiny.css) (min-wide: 300px);

   @import url (diki.css) (min-upamhi: 600px);

   @import url (big.css) (min-upamhi: 900px);

4. Sarudzo dzakanyanya kushandiswa320px/480px/720px/768px/900px/1024px
5. Gadzira template yako FLEXIBLEPese paunogona, shanda nemaperesenti panzvimbo yemari yakatarwa. Heano mamwe mareferenzi akafanana: 200px = 15'38% / 300px = 23'07% / 800px = 61'5384615384%
6. Typography chakakosha kupfuura nakare kose Dzimwe nguva chishandiso chako chingave chidiki zvekuti zvese zvaunoona zvinyorwa. Ndokusaka tichifanira kusarudza zvakanyatsonaka mafonti akanakisa pane yedu saiti, kuitira kuti kana iwo akaderedzwa muhukuru varege kurasikirwa nehunhu. Uye zvakare, isu tinofanirwa kuziva maitiro ekubatanidza mamwe asina kwaakarerekera mafonti nevamwe ane hunhu ayo anopa iyo webhu hunodiwa hunhu. Naizvozvo, zano rekutanga nderekuti iwe unoshandisa nguva kusarudza mafonti auchazoshandisa.
7. Zvishandiso mifananidzo yemhando yepamusoroSezvo nzvimbo yacho painoderedzwa, mifananidzo ichaiperekedza. Sarudza iyo isingarasikirwe nehunhu painoderedzwa, uye inoshanda zvakafanana kana yakwirwa. Mufananidzo wakaderera unoita kuti webhusaiti yako iratidzike yakaipa.
8. Kuti mifananidzo yako inogara ichionekwa izereDzivirira mifananidzo yako kubva mukuchekwa nekuwedzera iyo img (upamhi: 100%;) kodhi mune yako CSS. Nenzira iyi, iwe urikuudza chishandiso kuti chiverengezve kukwirira kwainofanira kupa mufananidzo kuitira kuti upamhi hwayo huwonekwe zana muzana.
9. Zvese zvakaderera iyo URL imwe cheteKanganwa nezve subdomains senge www.mysite.com/mobile, sezvo iyo imwechete index.html faira iri mumidzi dhairekitori ichashandira zvishandiso zvese (kana iwe ukaita dhizaini dhizaini nenzira kwayo). Unotoziva zvakwakanakira: iwo mashoma maseruini, iyo inomhanyisa iyo peji reji ichave iri.
10. Tora mukana wekutsigira: Iva nekufungidzira Hazvina kufanana kuwana webhusaiti kubva pakombuta yedesktop pane kubva kuIpad kana nhare mbozha. Nayo yekutanga, iwe uchafamba nenzira yakadzikama uye yakadzikama. Neyekupedzisira, iwe uchazviita mumaawa asina basa uye uvhare hwindo nekukurumidza kana uchinge wakufinha. Tora mukana weaya mamiriro kuti ufadze mushandisi uye uite kuti vafare mumaminetsi mashoma ayo avanoda kukumikidza kwauri. Pamwe paanosvika kumba anozofunga kushanyira iwe nenzira yakasununguka.
11. Wana kufemerwa Mune zvinyorwa zvemadhijitari, iwe unoshamisika kuti nei iri zano. Zviri nyore kwazvo: digital magazini (vakanaka) kuziva mashandisiro erutsigiro uye dhizaini yavo yakangwara kwazvo. Wana kukurudzirwa navo uye gadzira webhusaiti iyo yakaoma kusiya.

Mamwe mashoko - Magazini eDhijitari

Kunobva - splio, 960.gs, yakora