通過“瞇眼測試”的36種布局設(shè)計(jì).ppt課件

1、Extreme Presentation Example Page LayoutsRev.2.0Andrew V. Abela, Ph.D.ExtremePresentationa.v.abelagmail1Applying the Squint TestIn the Extreme Presentation workshop we discuss the importance of using what graphic designers call the “squint test when laying out a page. To pass the squint test, the la

2、yout of the page must tell you something about the page, even if youre squinting so that you cannot read any of the text. The goal is that the layout of the page should reinforce the main message of the page. If the message is that there are two alternatives, for example, then you should lay the pag

3、e out with one alternative on each side. To help you with this, we have created this document, which contains 36 examples of page layouts that pass the squint test. Of course, these are just a few ideas among thousands of possible layouts. The simplest way to use this is to save a copy of this file

4、(with the name of your new presentation). Then go to the Slide Sorter view and move all the layouts that you want to use towards the front of the presentation, and delete the rest. Then put the remaining layouts in the order you want them (you can use CTRL-D to duplicate any layouts where you need m

5、ore than one copy). This work is licensed under the Creative Commons Attribution-ShareAlike 2.5 License. This means that you are free to copy it, modify it, and use it for commercial and non-commercial purposes. You are not allowed to sell these templates, or any derivatives of them. If you wish to

6、share them with others, instead of forwarding them this copy, please have them access their own copy at extremepresentation; this way they will be sure to get the most up-to-date versions of the templates. To view a copy of this license, visit /licenses/by-sa/2.5/. Introduction to

7、 version2.02In Office 2019, Microsoft introduced its SmartArt feature. According to Microsoft, “A SmartArt graphic provides a visual representation of information so that you can more effectively communicate your message. Each graphic represents a different concept or idea, such as a process flow, a

8、n organization hierarchy, a relationship, and so on.Several of the original Extreme Presentation layouts are included in the current set of SmartArt designs. This version (2.0) of the layouts now includes those designs or adaptations of them. We are working with Microsoft on future developments of t

9、he SmartArt feature, and as new designs are released we will incorporate them in new versions of the Extreme Presentation layouts.See ExtremePresentation for the latest updates.SmartArt Enabled Layouts34Cyclical ProcessOptional SubtitleSource: text5Growth OpportunityOptional SubtitleSource: text6Ten

10、sion or ConflictOptional SubtitleSource: text7In BalanceOptional SubtitleSource: textNote: “In Balance and “Out of Balance use the same SmartArt design; when the number of items is uneven, the balance adjusts accordingly. Cool!8Out of BalanceOptional SubtitleSource: textNote: “In Balance and “Out of

11、 Balance use the same SmartArt design; when the number of items is uneven, the balance adjusts accordingly. Cool!9Multiple AlternativesOptional SubtitleSource: text10Detailed ProcessOptional SubtitleSource: textProcess TitleProcess subtitleTextNote: “Detailed Process is constructed out of the “Close

12、d Chevron Process SmartArt design and a table. You will have to add or remove steps to the SmartArt design and table separately 11“To text or graphics hereFrom-To Process“From text or graphics hereOptional SubtitleSource: text12Organization ChartOptional SubtitleSource: text13Diverging Approaches or

13、 IdeasOptional SubtitleSource: text14Problem Disaggregation or Decision TreeOptional SubtitleSource: text15Segmentation (Two Dimensions)Optional SubtitleSource: text16RelationshipOptional SubtitleSource: text17Improvement StepstextOptional SubtitleSource: textOriginal Layouts1819Screening Alternativ

14、eslist alternativesOptional Subtitlelist alternatives remaining after screen 1list alternatives remaining after screen 2list alternatives remaining after screen 3Screen 1Screen 2Screen 3Source: text20Barriertext or graphicsOptional SubtitleSource: text21text or graphics hereTwo Alternativestext or g

15、raphics here?Optional SubtitleSource: text22Decisiontext or graphics heretext or graphics heretext or graphics hereOptional SubtitleSource: text23Converging Issuestitletext or graphics hereOptional Subtitletitletext or graphics heretitletextSource: texttitletext or graphics heretitletext or graphics

16、 here24Avoiding Extreme Alternatives Very weak alternativeOptional Subtitle Weak alternative Moderate alternative Strong alternative Excessive alternativeSource: text25Course ChangetitletextOptional SubtitleSource: texttitletexttitletexttitletexttitletexttitletexttitletexttitletext26AlignmentOptiona

17、l SubtitleSource: textTitletext or graphics hereTitletext or graphics hereTitletext or graphics hereTitletext or graphics hereTitletext or graphics here27Gameboard - Complex Processtext or graphics hereOptional SubtitleSource: texttext or graphics heretext or graphics heretext or graphics heretext o

18、r graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics heretext or graphics here28Flowchart/Process DiagramtextOp

19、tional SubtitleSource: texttexttexttextcallout detailtextlabellabellabellabellabellabellabelproblemproblem29Downward SpiraltextOptional SubtitleSource: text30Inputs and Outputstext or graphicsOptional SubtitleSource: texttexttexttexttext31From Chaos To AlignmenttitletextOptional SubtitleSource: text

20、titletexttitletexttitletexttitletexttitletexttitletexttitletext32Progress Towards GoaltextOptional SubtitleSource: text33Tip of the Icebergtext or graphicsOptional SubtitleSource: texttext or graphics34Maze-ConfusionMove the white boxes around, or copy and paste new ones, to change the layout of the mazeSource: texttext or graphicstext or graphicstext or graphicstext or gr