0% au considerat acest document util (0 voturi)
6 vizualizări11 pagini

Tutorial

Acest document oferă o prezentare generală a instrumentului WireframeSketcher. Conține instrucțiuni despre cum să creați wireframe-uri, să obțineți feedback, să construiți software și să implicați echipe. Caracteristicile cheie evidențiate includ crearea rapidă a wireframe-urilor, obținerea rapidă a feedback-ului de calitate și utilizarea storyboard-urilor pentru a organiza poveștile utilizatorilor și fluxurile de ecran. Documentul menționează, de asemenea, adăugarea de pictograme personalizate și exportarea în alte formate de fișiere.

Tradus de

ScribdTranslations
Drepturi de autor
© All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca PDF, TXT sau citiți online pe Scribd
0% au considerat acest document util (0 voturi)
6 vizualizări11 pagini

Tutorial

Acest document oferă o prezentare generală a instrumentului WireframeSketcher. Conține instrucțiuni despre cum să creați wireframe-uri, să obțineți feedback, să construiți software și să implicați echipe. Caracteristicile cheie evidențiate includ crearea rapidă a wireframe-urilor, obținerea rapidă a feedback-ului de calitate și utilizarea storyboard-urilor pentru a organiza poveștile utilizatorilor și fluxurile de ecran. Documentul menționează, de asemenea, adăugarea de pictograme personalizate și exportarea în alte formate de fișiere.

Tradus de

ScribdTranslations
Drepturi de autor
© All Rights Reserved
Respectăm cu strictețe drepturile privind conținutul. Dacă suspectați că acesta este conținutul dumneavoastră, reclamați-l aici.
Formate disponibile
Descărcați ca PDF, TXT sau citiți online pe Scribd

Începe

Meniu ș i
Bara de unelte
Această pictogramă pătrată galbenă
indică o notă ataș ată.
Proiectele tale,
ecrane ș i WireframeSketcher
povestiri vizuale

Bine ai venit
Paleta
Proprietăț i, widget-uri ș i
Iată ce ai
Legături ș i Note activele tale
ai pe al tău
ecran

Ecranul următor
Schita

Această pictogramă galbenă rotundă


indică un link.
Faceț i clic pe el pentru a continua.

Prototip Extinde Link Împărtăș eș te


Obț ineț i ș abloane suplimentare din Galeria Mockups Împărtăș eș te-ț i munca
Iată ce poț i face cu WireframeSketcher
Fi ș ier
WireframeSketcher
[Link] Bine ai venit

Conț inut ajutor Foloseste linkuri pentru a adăuga interactivitate


WireframeSketcher Tur Instalează Blog Forum Despre tutorial de wireframing Caută
active
icoane Raportaț i o eroare... Start Mockup Extinde Link Împărtăș eș te Exportă în PDF Exportă în PNG
Instrument de wireframing pentru [Link] Cheie de licenț ă...
Profesioniș ti [Link]
Adăugaț i active din Galeria Mockups...
[Link]
Creează schiț e în câteva minute [Link] Verifică actualizări Folosiț i tablouri de poveste pentru a organiza poveș tile utilizatorilor
Obț ine feedback de calitate rapid
Construieș te software mai bun Captură de ecran [Link] Instalare software nou... ș i fluxuri de ecran
Implică-ț i întreaga echipă!
Despre

Prezent (F5) Tipăriț i


Adaugă-ț i propriile icoane în biblioteca de icoane
Încearcă acum sau Fă un tur

Mockup orice Obț ineț i rezultate rapid Colaboraț i fără efort


Utilizaț i imagini SVG pentru forme ș i pictograme noi
Exportă în HTML
ș i partajaț i online
Ecranul următor

Să aveț i o proiectare fericită!


Ecranul următor

Ecranul următor Înapoi la început


Meniu ș i
Bară de instrumente Această pictogramă pătrată galbenă
indică o notă ataș ată.
Proiectele tale,
ecrane ș i WireframeSketcher
panouri de poveste

Bine ai venit
Paletă
Proprietăț i, widget-uri ș i
Linkuri ș i note
Iată ce ai
ai pe al tău activele tale
ecran

Schita

Această pictogramă galbenă rotundă


indică un link.
Fă clic pentru a continua.
1. Începe
Aceasta este ecranul de început care arată toate părțile principale ale interfeței utilizatorului WireframeSketcher.

Puteți găsi mai multe informații detaliate despre fiecare parte consultând ajutorul integrat care poate
fii deschis folosind F1.

Această descriere, în special, este o notă pe ecran pe care o poți edita folosind theNotesview.

# Notă
1 Notele reprezintă o modalitate alternativă de a adnota ecranele tale. Notele pot fi adăugate la orice obiect.
și poate conține o descriere suplimentară care ar trebui atașată acelui obiect.
Obiectele care au o notă atașată sunt afișate cu un mic icon suprapus în colțul din dreapta sus
colț pentru a indica asta.
FolositiNotite pentru a oferi lucruri precum descrieri, explicații, documentație mai extinsă, și
specificații pentru designeri și dezvoltatori.
Iată ce poț i face cu WireframeSketcher
WireframeSketcher
[Link]

WireframeSketcher Tur Instalaț i Blog Forum Despre

Instrument de wireframing pentru


Profesioniș ti
Creează wireframe-uri în câteva minute
Obț ine feedback de calitate rapid
Construieș te un software mai bun Captură de ecran
Implică-ț i întreaga echipă!

Încercaț i acum sau Fă un tur

Mockup orice Obț ine rezultate rapid Colaboraț i fără efort


2. Mockup
Această ecran arată un wireframe tipic pe care îl poți crea folosind WireframeSketcher.
Cu WireframeSketchery obț ii un aspect brut, neterminat, desenat de mână pentru mockup-urile tale. În acest fel
părțile interesate nu vor fi distrase de detalii mici și poți să te concentrezi pe ceea ce este important. Când
necesar, poți trece instantaneu la un aspect curat.
Obț ineț i ș abloane suplimentare din Galeria Mockups

Fi ș ier

Bine ai venit

Conț inut Asistenț ă


tutorial de wireframing Caută
active
icoane Raportează o eroare...

7-locaț ie-hartă.svg Cheie de licenț ă...

[Link]
Adăugaț i active din Galeria Mockups...
[Link]
[Link] Verifică actualizări

[Link] Instalare software nou...

Despre

Adăugaț i propriile pictograme în biblioteca de pictograme

Foloseș te imagini SVG pentru forme ș i icoane noi


3. Extinde
WireframeSketcher poate fi extins cu uș urinț ă cu active personalizate.

Folosește galeria de mockup-uri contribuie de utilizatori pentru a-ți impulsiona mockup-urile și pentru a obține inspirație.
găsiți șabloane pentru Android, iPhone, iPad, Windows Phone, icoane suplimentare și alte resurse utile pe
site-ul nostru sau direct sub Ajutor > Adaugă Active din Galeria Mockups....
Ai nevoie de un șablon comun, un master pentru toate ecranele tale? Vrei să reutilizezi acel dialog standard
în mai multe locuri? Folosește componente pentru a face exact asta. Schimbările aduse unei componente sunt vizibile instantaneu în
toate ecranele care îl folosesc. Le poți pune în paletă și crea propriile tale șabloane. Orice ecran poate
a fi folosit ca un component. Acest lucru înseamnă că crearea variațiilor de ecran este ușoară fără nicio
duplicație. Un mecanism de moștenire ușor permite să modifici instanța componentului fără a rupe legătura.
la originea sa.
Îți lipsește un widget? Vrei să incluzi un logo? WireframeSketcher îți permite să folosești imaginile tale. Culoare
imaginile pot fi desenate convenabil în alb și negru pentru a se integra în aspectul general al
wireframe. Și cel mai bun lucru - poți folosi imagini vectoriale SVG care se vor adapta automat.
obține aspectul desenat de mână.
Foloseș te link-uri pentru a adăuga interactivitate

LinkShare

Foloseș te tablouri de poveste pentru a organiza poveș tile utilizatorilor

ș i fluxuri de ecran
4. Link
Foloseste linking-ul pentru a crea prototipuri interactive.

Prezentați prototipurile dvs. în modul pe întregul ecran și faceți clic pentru a arăta cum aplicația sau site-ul web
se presupune că funcționează.

Exportați prototipul dvs. în format PDF clicabil, de înaltă calitate și lăsați-vă clienții să-l testeze singuri.

Scenariul tău de utilizare și arată cum UI-ul răspunde la acțiunile utilizatorului și la schimbările în timp. Folosește
storyboard-uri pentru a crea prezentări cu diapozitive și a exporta PDF-uri interactive pe mai multe pagini sau HTML.
Împărtăș eș te-ț i munca

Exportaț i în PDF Exportă ca PNG

Prezent (F5) Tipăriț i

Exportaț i în HTML
ș i împărtăș eș te online

Felicitaț i-vă cu wireframing!


5. Împărtăș eș te

Trebuie să discuți o idee fără ca alte aplicații să îți stea în cale? Vrei să faci o prezentare a
prototip pentru clientul tău? Modul de prezentare pe ecran complet este la un clic distanță.

Vrei să trimiți schemele și tabloul de poveste? Exportă-ți schemele în format PDF de înaltă calitate,
HTML sau PNG și ești pregătit. Încarcă și împărtășește HTML-ul exportat online pe WireframeSketcher
servere ([Link]).
Îți poți imprima întotdeauna wireframe-urile pe hârtie și apoi să le discuți cu clienții tăi față în față
față.

S-ar putea să vă placă și