Kio estas TTT-ejo Wireframe?

Lernu uzi simplajn Wireframes por komenci viajn dezajnojn

Reteja dosierujo estas simpla vida gvidilo por montri al vi, kia paĝo retejo aspektus. Ĝi sugestas la strukturon de paĝo , sen uzi ajnajn grafikojn aŭ tekston. Reteja dosierujo montros la tutan retejon-strukturon - inkluzive de paĝoj ligitaj al kie.

Retejaj telefonaj telefonoj estas bonega maniero por komenci vian dezajnan laboron. Kaj dum ĝi eblas krei kompleksajn dratajn telefonojn kun grandegaj detaloj, via planado povas komenci per buŝtuko kaj plumo. La ŝlosilo por fari bonajn klavojn estas lasi ĉiujn vidajn elementojn. Uzu skatolojn kaj liniojn por reprezenti bildojn kaj tekston.

Aferoj por inkludi en retpaĝaj dosierujoj:

Kiel Konstrui Simpla Retpa Wireframe

Krei TTT-paĝan kadron uzante ajnan skrapon de papero, kiun vi havas oportuna. Jen kiel mi faras ĝin:

  1. Donu grandan rektangulon - ĉi tio povas reprezenti ĉu la tuta paĝo aŭ nur la videbla parto. Mi kutime komencas kun la videbla parto, kaj poste vastigas ĝin por inkluzivi elementojn, kiuj estus sub la faldoj.
  2. Skizu ​​la aranĝon - ĉu ĝi estas 2-kolumnoj, 3-kolumnoj?
  3. Aldonu en skatolo por kaplinio-grafikaĵo - Transmetu viajn kolumnojn, se vi volas ĝin esti unuopa kaplinio super la kolumnoj, aŭ simple aldonu ĝin, kie vi volas ĝin.
  4. Skribu "Titolon" kie vi volas, ke via H1-titolo estu.
  5. Skribu "Sub-Kapo", kie vi volas H2 kaj malsupre titolojn esti. Ĝi helpas se vi faros ilin proporciaj - h2 pli malgranda ol h1, h3 pli malgranda ol h2, ktp.
  6. Aldonu en skatoloj por aliaj bildoj
  7. Aldonu en navigado. Se vi planas pestañas, simple desegni skatolojn, kaj skribu "navigado" super la supro. Aŭ metu bulletajn listojn en la kolumnoj, kie vi volas la navigacion. Ne skribu la enhavon. Simple skribu "navigado" aŭ uzu linion por reprezenti tekston.
  8. Aldonu pliajn elementojn al la paĝo - identigu kion ili estas kun teksto, sed ne uzu la enhavan tekston. Ekzemple, se vi volas alvoki al agi butono en la malsupra dekstra, metu skatolon tie kaj etikedi ĝin "voki al ago". Ne skribu "Aĉeti Nun!" en tiu skatolo.

Unufoje vi havas vian simplan tekston skribitan, kaj ĝi ne devus preni vin pli ol 15 minutojn por skizi unu, montri ĝin al iu alia. Demandu al ili, ĉu estas io ajn mankas kaj por aliaj rimarkoj. Surbaze de tio, kion ili diras, vi povas skribi alian telefonon aŭ konservi tiun, kiun vi havas.

Kial Papero Wireframes Estas Plej Bonaj por Unuaj Skriboj

Dum ĝi eblas krei telefonajn telefonojn uzante programojn kiel Visio, por viaj komenca kunsido de cerbo, vi devas bati al papero. Papero ne aspektas kiel konstanta, kaj multaj homoj supozos, ke vi ĵetis ĝin kune en 5 minutoj, do ne hezitu doni bonajn retuŝojn. Sed kiam vi uzas programon por krei fajnajn telefonajn tekston kun perfektaj kvadratoj kaj koloroj, vi kuras la riskon kaptiĝi en la programo mem kaj pasigante horojn perfektigante ion, kio neniam iros vivanta.

Papilaj telefonaj telefonoj estas facile fari. Kaj se vi ne ŝatas ĝin, vi nur malplenigas la paperon, ĵetu ĝin en reciklado kaj prenu novan folion.