|
|
01_01_shapes_and_lines.graffle
|
GRAFFLE
|
12.7 KB
|
|
|
01_02_text.graffle
|
GRAFFLE
|
24.8 KB
|
|
|
01_03_styles_shapes.graffle
|
GRAFFLE
|
48.2 KB
|
|
|
01_04_style_lines.graffle
|
GRAFFLE
|
72.9 KB
|
|
|
01_05_style_text.graffle
|
GRAFFLE
|
119.3 KB
|
|
|
01_06_align .graffle
|
GRAFFLE
|
126.6 KB
|
|
|
01_07_distribute.graffle
|
GRAFFLE
|
144.9 KB
|
|
|
01_08_group.graffle
|
GRAFFLE
|
147.3 KB
|
|
|
01_09_legend.graffle
|
GRAFFLE
|
146.7 KB
|
|
|
01_final_project.graffle
|
GRAFFLE
|
156.8 KB
|
|
|
02_01_organize.graffle
|
GRAFFLE
|
10 KB
|
|
|
02_02_connect.graffle
|
GRAFFLE
|
85.9 KB
|
|
|
02_04_sitemap.graffle
|
GRAFFLE
|
10 KB
|
|
|
02_05_group_stencil.graffle
|
GRAFFLE
|
95.9 KB
|
|
|
02_06_refine_sitemap.graffle
|
GRAFFLE
|
111.1 KB
|
|
|
02_07_refine_connections.graffle
|
GRAFFLE
|
124 KB
|
|
|
02_08_finalize_sitemap.graffle
|
GRAFFLE
|
133.8 KB
|
|
|
02_09_card.graffle
|
GRAFFLE
|
10 KB
|
|
|
02_10_content_cards_working.graffle
|
GRAFFLE
|
125.4 KB
|
|
|
02_10_organize_cards.graffle
|
GRAFFLE
|
42.7 KB
|
|
|
02_finished_content_map.graffle
|
GRAFFLE
|
171.2 KB
|
|
|
02_finished_sitemap.graffle
|
GRAFFLE
|
142 KB
|
|
|
03_01_process_flow.graffle
|
GRAFFLE
|
10 KB
|
|
|
03_02_edit_process.graffle
|
GRAFFLE
|
76.3 KB
|
|
|
03_03_use_case.graffle
|
GRAFFLE
|
93.1 KB
|
|
|
03_04_complex_process.graffle
|
GRAFFLE
|
99.7 KB
|
|
|
03_05_IRL_process.graffle
|
GRAFFLE
|
105.7 KB
|
|
|
03_finsished_use_cases.graffle
|
GRAFFLE
|
112.9 KB
|
|
|
04_01_wireframe_stencil.graffle
|
GRAFFLE
|
10 KB
|
|
|
04_02_home_wireframe.graffle
|
GRAFFLE
|
15.3 KB
|
|
|
04_03_edit_nav.graffle
|
GRAFFLE
|
68.2 KB
|
|
|
04_04_search_wire.graffle
|
GRAFFLE
|
76.6 KB
|
|
|
04_05_result_wire.graffle
|
GRAFFLE
|
109.9 KB
|
|
|
04_06_content_wire.graffle
|
GRAFFLE
|
119.3 KB
|
|
|
04_finished_wireframe.graffle
|
GRAFFLE
|
225.3 KB
|
|
|
05_01_mindmap_start.graffle
|
GRAFFLE
|
10 KB
|
|
|
05_02_mindmap_style.graffle
|
GRAFFLE
|
119.9 KB
|
|
|
05_03_logo_free.graffle
|
GRAFFLE
|
10 KB
|
|
|
05_03_logo_stencil.graffle
|
GRAFFLE
|
43.9 KB
|
|
|
05_logo_finished.graffle
|
GRAFFLE
|
74.6 KB
|
|
|
05_mindmap_finish.graffle
|
GRAFFLE
|
153.5 KB
|
|
|
06_01_subgraph.graffle
|
GRAFFLE
|
156.8 KB
|
|
|
06_02_subgraph_style.graffle
|
GRAFFLE
|
162.2 KB
|
|
|
06_03_text_shapes.graffle
|
GRAFFLE
|
74.6 KB
|
|
|
06_04_multi_window.graffle
|
GRAFFLE
|
84.8 KB
|
|
|
06_05_shared_layers.graffle
|
GRAFFLE
|
76.7 KB
|
|
|
06_06_ps_layers.graffle
|
GRAFFLE
|
76.7 KB
|
|
|
06_06_ps_layers.psd
|
PSD
|
11 MB
|
|
|
BabylonSlim Site Map.gstencil
|
GSTENCIL
|
38.8 KB
|
|
|
Bonus Resources.txt
|
TXT
|
307.2 B
|
|
|
Browser Chrome.gstencil
|
GSTENCIL
|
6.6 KB
|
|
|
Exercise Files Organization Example
|
|
64 KB
|
|
|
Get Bonus Downloads Here.url
|
URL
|
204.8 B
|
|
|
UML - Use Case.gstencil
|
GSTENCIL
|
22.6 KB
|
|
|
Web Flowchart.gstencil
|
GSTENCIL
|
5.5 MB
|
|
|
[10] Organizing linear content as virtual index cards.mp4
|
MP4
|
7.7 MB
|
|
|
[10] Organizing linear content as virtual index cards.srt
|
SRT
|
4.4 KB
|
|
|
[1] Choose a wireframe look and stencil.mp4
|
MP4
|
9.7 MB
|
|
|
[1] Choose a wireframe look and stencil.srt
|
SRT
|
5.1 KB
|
|
|
[1] Create a process flow diagram with stencils.mp4
|
MP4
|
9.7 MB
|
|
|
[1] Create a process flow diagram with stencils.srt
|
SRT
|
5.8 KB
|
|
|
[1] Creating collapsible subgraphs.mp4
|
MP4
|
2.8 MB
|
|
|
[1] Creating collapsible subgraphs.srt
|
SRT
|
1.7 KB
|
|
|
[1] Diagram with shapes and lines.mp4
|
MP4
|
4 MB
|
|
|
[1] Diagram with shapes and lines.srt
|
SRT
|
3.4 KB
|
|
|
[1] Mind mapping with the Diagram tool.mp4
|
MP4
|
3.6 MB
|
|
|
[1] Mind mapping with the Diagram tool.srt
|
SRT
|
2.6 KB
|
|
|
[1] Next steps.mp4
|
MP4
|
1.2 MB
|
|
|
[1] Next steps.srt
|
SRT
|
614.4 B
|
|
|
[1] Organizing content with shapes and text.mp4
|
MP4
|
10.2 MB
|
|
|
[1] Organizing content with shapes and text.srt
|
SRT
|
7 KB
|
|
|
[1] User experience and design thinking with OmniGraffle.mp4
|
MP4
|
1.6 MB
|
|
|
[1] User experience and design thinking with OmniGraffle.srt
|
SRT
|
512 B
|
|
|
[2] A quick note before starting.mp4
|
MP4
|
2.9 MB
|
|
|
[2] A quick note before starting.srt
|
SRT
|
2.1 KB
|
|
|
[2] Controlling connection points with magnets.mp4
|
MP4
|
11.5 MB
|
|
|
[2] Controlling connection points with magnets.srt
|
SRT
|
7.9 KB
|
|
|
[2] Edit a process flow based on feedback.mp4
|
MP4
|
4.9 MB
|
|
|
[2] Edit a process flow based on feedback.srt
|
SRT
|
3.3 KB
|
|
|
[2] Style mind maps with document styles and layouts.mp4
|
MP4
|
8.3 MB
|
|
|
[2] Style mind maps with document styles and layouts.srt
|
SRT
|
4.4 KB
|
|
|
[2] Styling subgraphs.mp4
|
MP4
|
6.1 MB
|
|
|
[2] Styling subgraphs.srt
|
SRT
|
3.8 KB
|
|
|
[2] Use text effectively.mp4
|
MP4
|
3.2 MB
|
|
|
[2] Use text effectively.srt
|
SRT
|
2.3 KB
|
|
|
[2] Wireframe a homepage.mp4
|
MP4
|
7.7 MB
|
|
|
[2] Wireframe a homepage.srt
|
SRT
|
4.4 KB
|
|
|
[3] Convert text to shapes.mp4
|
MP4
|
3.9 MB
|
|
|
[3] Convert text to shapes.srt
|
SRT
|
2.3 KB
|
|
|
[3] Create multiple use case scenarios.mp4
|
MP4
|
6.9 MB
|
|
|
[3] Create multiple use case scenarios.srt
|
SRT
|
3.7 KB
|
|
|
[3] Edit persistent navigation.mp4
|
MP4
|
9.8 MB
|
|
|
[3] Edit persistent navigation.srt
|
SRT
|
6.7 KB
|
|
|
[3] Finding and using stencils.mp4
|
MP4
|
14.9 MB
|
|
|
[3] Finding and using stencils.srt
|
SRT
|
8.5 KB
|
|
|
[3] Sketching visual design ideas.mp4
|
MP4
|
8.9 MB
|
|
|
[3] Sketching visual design ideas.srt
|
SRT
|
5.8 KB
|
|
|
[3] Style shapes.mp4
|
MP4
|
7.7 MB
|
|
|
[3] Style shapes.srt
|
SRT
|
5 KB
|
|
|
[4] Designing a rough logo with stencils.mp4
|
MP4
|
10.7 MB
|
|
|
[4] Designing a rough logo with stencils.srt
|
SRT
|
7.5 KB
|
|
|
[4] Diagram a complex online interaction.mp4
|
MP4
|
9.6 MB
|
|
|
[4] Diagram a complex online interaction.srt
|
SRT
|
3.7 KB
|
|
|
[4] Editing details with multiple windows.mp4
|
MP4
|
4 MB
|
|
|
[4] Editing details with multiple windows.srt
|
SRT
|
2.2 KB
|
|
|
[4] Style lines.mp4
|
MP4
|
3.8 MB
|
|
|
[4] Style lines.srt
|
SRT
|
2.8 KB
|
|
|
[4] Using a stencil to create a sitemap.mp4
|
MP4
|
9.5 MB
|
|
|
[4] Using a stencil to create a sitemap.srt
|
SRT
|
6.1 KB
|
|
|
[4] Wireframe an advanced search page.mp4
|
MP4
|
14.1 MB
|
|
|
[4] Wireframe an advanced search page.srt
|
SRT
|
5.9 KB
|
|
|
[5] Diagram a process that involves real-world and online aspects.mp4
|
MP4
|
13.8 MB
|
|
|
[5] Diagram a process that involves real-world and online aspects.srt
|
SRT
|
6.2 KB
|
|
|
[5] Editing stencil objects to diagram a group.mp4
|
MP4
|
8.4 MB
|
|
|
[5] Editing stencil objects to diagram a group.srt
|
SRT
|
5.7 KB
|
|
|
[5] Shared layers.mp4
|
MP4
|
4.9 MB
|
|
|
[5] Shared layers.srt
|
SRT
|
3.1 KB
|
|
|
[5] Style and position text.mp4
|
MP4
|
7.3 MB
|
|
|
[5] Style and position text.srt
|
SRT
|
4.4 KB
|
|
|
[5] Wireframe a search result or browse page.mp4
|
MP4
|
10 MB
|
|
|
[5] Wireframe a search result or browse page.srt
|
SRT
|
5 KB
|
|
|
[6] Align shapes.mp4
|
MP4
|
3.6 MB
|
|
|
[6] Align shapes.srt
|
SRT
|
2.6 KB
|
|
|
[6] Export Photoshop layers.mp4
|
MP4
|
3.1 MB
|
|
|
[6] Export Photoshop layers.srt
|
SRT
|
2.2 KB
|
|
|
[6] Refining sitemap content.mp4
|
MP4
|
3.6 MB
|
|
|
[6] Refining sitemap content.srt
|
SRT
|
2.1 KB
|
|
|
[6] Wireframe a content page for different kinds of media.mp4
|
MP4
|
11.9 MB
|
|
|
[6] Wireframe a content page for different kinds of media.srt
|
SRT
|
6.2 KB
|
|
|
[7] Distribute shapes.mp4
|
MP4
|
3.8 MB
|
|
|
[7] Distribute shapes.srt
|
SRT
|
2.3 KB
|
|
|
[7] Refining sitemap connections with orthogonal lines.mp4
|
MP4
|
5.1 MB
|
|
|
[7] Refining sitemap connections with orthogonal lines.srt
|
SRT
|
3.7 KB
|
|
|
[8] Finalizing the sitemap.mp4
|
MP4
|
9.1 MB
|
|
|
[8] Finalizing the sitemap.srt
|
SRT
|
5 KB
|
|
|
[8] Group objects.mp4
|
MP4
|
4.2 MB
|
|
|
[8] Group objects.srt
|
SRT
|
2.5 KB
|
|
|
[9] Create a legend.mp4
|
MP4
|
9.9 MB
|
|
|
[9] Create a legend.srt
|
SRT
|
5.6 KB
|
|
|
[9] Creating an index card graphic.mp4
|
MP4
|
7.8 MB
|
|
|
[9] Creating an index card graphic.srt
|
SRT
|
5 KB
|
|
|
data.plist
|
PLIST
|
581 KB
|
|
|
image1.pdf
|
PDF
|
2.4 KB
|
|
|
image10.pdf
|
PDF
|
2.3 KB
|
|
|
image11.pdf
|
PDF
|
874.9 KB
|
|
|
image12.pdf
|
PDF
|
54.8 KB
|
|
|
image13.pdf
|
PDF
|
59.8 KB
|
|
|
image14.pdf
|
PDF
|
41.5 KB
|
|
|
image15.pdf
|
PDF
|
34 KB
|
|
|
image16.pdf
|
PDF
|
2.8 KB
|
|
|
image17.pdf
|
PDF
|
59.1 KB
|
|
|
image18.pdf
|
PDF
|
57.7 KB
|
|
|
image19.pdf
|
PDF
|
59.7 KB
|
|
|
image2.pdf
|
PDF
|
33.3 KB
|
|
|
image20.pdf
|
PDF
|
55.3 KB
|
|
|
image21.pdf
|
PDF
|
50.3 KB
|
|
|
image22.pdf
|
PDF
|
52.4 KB
|
|
|
image23.pdf
|
PDF
|
60.3 KB
|
|
|
image24.pdf
|
PDF
|
55.2 KB
|
|
|
image25.pdf
|
PDF
|
6.8 KB
|
|
|
image26.pdf
|
PDF
|
51.9 KB
|
|
|
image3.pdf
|
PDF
|
33.7 KB
|
|
|
image4.pdf
|
PDF
|
4.2 KB
|
|
|
image5.pdf
|
PDF
|
4.2 KB
|
|
|
image6.pdf
|
PDF
|
33.9 KB
|
|
|
image7.pdf
|
PDF
|
2.3 KB
|
|
|
image8.pdf
|
PDF
|
2.3 KB
|
|
|
image9.pdf
|
PDF
|
2.4 KB
|
|
|
preview.jpeg
|
JPEG
|
258.6 KB
|
|
|
webflow.gstencil
|
GSTENCIL
|
281.5 KB
|