SlideShare a Scribd company logo
Academic Report Design




Best Practice Approaches
Academic Report Design


1 The Content > Formalities of Codifications

2 The Grid > The Style of the Space

3 The Typography > The Style of the Form
Academic Report Design


  1 The Content > Formalities of Codifications


     Examples > ask and find out:

1 · a What are the basic, standard requirements for the academic paper?
      It could be simple content such as table of contents, resume etc.

1 · b Are there any codifications of footnotes, pictures and references etc.?
      It could be the Harvard reference method, endnotes, footnotes etc.
      What is to be in the appendices and what is best displayed directly in
      the paper’s progression? Do you have a freedom of choice or are there
      any codification to govern this part?

      How is one page defined? No matter how a page is defined, say, as 2400
1 · c characters including spacing, you must not exceed more than 60
      characters per line (and avoid too narrow leading). That means, that
      the page count is not equal to the actual number of layouted pages.
Academic Report Design


  2 The Grid > The Style of the Space


     Examples > ask and find out:

2 · a Benefits of active, white space vs. a more compact layout?

2 · b How to make a well defined layout grid (columns)?

2 · c What is the best information structure?
Academic Report Design


  2 The Grid > The Style of the Space

2 · a Benefits of active, white space vs. a more compact layout?




    Picture Source: http://www.scottefranson.com/blogs/fall2011/group4/2011/11/11/ex-10-type-color/exercise_type-color-4/
Academic Report Design


            2 The Grid > The Style of the Space

        2 · a Benefits of active, white space vs. a more compact layout?

         Use a
    consistent
colour theme
        to add
 contrast and
     to signify
  information
     structure




                  Picture Source: http://joshuahellerrarebooks.com/catalogue/cat-42
Academic Report Design


  2 The Grid > The Style of the Space

2 · a Benefits of active, white space vs. a more compact layout?




    Picture Source: http://www.gngcreative.com/newsletters/nl6.html
Academic Report Design


  2 The Grid > The Style of the Space

2 · a Benefits of active, white space vs. a more compact layout?

                                                                                      Brand Guides for The British Council

                                                                                      1. A consistent design element (in this
                                                                                         case the strong horizontal line and
                                                                                         use of the corporate blue) is adapted
                                                                                         and applied considerately across the
                                                                                         spread.
                                                                                      2. Two-column grid on an A4 page. This
                                                                                         is shown by the pink outlined boxes –
                                                                                         which is not part of the design.
                                                                                      3. Running headers (in this case the
                                                                                         copy next to the number 3 – ‘Studying
                                                                                         English in the UK’) remind the
                                                                                         audience of the title of the document
                                                                                         and where they are in the document.
                                                                                      4. Images are considerately cropped to
                                                                                         show them to their best advantage.
                                                                                         Instead of filling this page with text,
                                                                                         white space has been left to balance
                                                                                         the feel of the page.




    Picture Source: http://brand.britishcouncil.org/visual-identity/typography/a4-portrait-typography/
Academic Report Design


  2 The Grid > The Style of the Space

2 · a Benefits of active, white space vs. a more compact layout?

                                                                                     Brand Guides for The British Council

                                                                                     1. A clear and consistent alignment
                                                                                        has been established. All graphic
                                                                                        elements (i.e. the tops of the
                                                                                        columns of text) all start at the
                                                                                        same height on the page.
                                                                                     2. A text-heavy page is balanced by
                                                                                        large areas of white space.
                                                                                     3. Running footers are separated
                                                                                        from text by a thin line.
                                                                                     4. A large column on the right-
                                                                                        hand side of the page is left free
                                                                                        to visually balance the two large
                                                                                        columns of text on the left.




    Picture Source: http://brand.britishcouncil.org/visual-identity/typography/a4-landscape-typography/
Academic Report Design


     2 The Grid > The Style of the Space

 2 · b How to make a well defined layout grid (columns)?

  From
Sketch
To Grid




          Picture Source: http://www.vanseodesign.com/web-design/grid-choices/
Academic Report Design


     2 The Grid > The Style of the Space

 2 · b How to make a well defined layout grid (columns)?

  From
Sketch
To Grid




          Picture Source: zzzzzz
Academic Report Design


     2 The Grid > The Style of the Space

 2 · b How to make a well defined layout grid (columns)?

  From
Sketch
To Grid




          Picture Source: http://www.shrutimaidam.com/typography.html
Academic Report Design


  2 The Grid > The Style of the Space

2 · c What is the best information structure?




    Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
Academic Report Design


          2 The Grid > The Style of the Space

      2 · c What is the best information structure?

 Footnotes:

  Use good
    Space.

  Let books
Inspire you.




               Picture Source: Excerpt from the book Leyers eller Beleyrings Dagverck, typograpic design by David Engelby
Academic Report Design


        2 The Grid > The Style of the Space

    2 · c What is the best information structure?

Right page




             Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
Academic Report Design


       2 The Grid > The Style of the Space

   2 · c What is the best information structure?

Left page




            Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
Academic Report Design


           2 The Grid > The Style of the Space

       2 · c What is the best information structure?

   Let books
 inspire you

      Edward
        Tufte
 is a famous
    expert in
information
       Design
    (see link)




                 Picture Source: http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001Zi
Academic Report Design


          2 The Grid > The Style of the Space

      2 · c What is the best information structure?

         Let
 magazines
inspire you

 A bit risky
with black
 backdrop,
     But for
 some info
    pages it
     adds a
   break to
the flow of
   the text.




               Picture Source:
               http://vi.sualize.us/annual_2007_catapult_design_typography_grid_annual_report_picture_xirT.html
Academic Report Design


  3 The Typography > The Style of the Form


     Examples > ask and find out:

3 · a Benefits of serif fonts vs. non serif fonts?

3 · b The variation of the font family?

3 · c The connotation of the font?
Academic Report Design


  3 The Typography > The Style of the Form

3 · a Benefits of serif fonts vs. non serif fonts?




     Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/
Academic Report Design


  3 The Typography > The Style of the Form

3 · b The variation of the font family?




     Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/
Academic Report Design


  3 The Typography > The Style of the Form

3 · c The connotation of the font?




     Picture Source: http://blog.typekit.com/category/new-fonts/page/3/
     & http://typographica.org/typeface-reviews/expo-serif/
Academic Report Design




                    Content




             Grid



                        Typography
Academic Report Design


Good Resources


Kim Pedersen & Anders Kidmose (1993):                        And for web:
In Black and White.
An r&d Report on Typography and Legibility.                  http://www.smashingmagazine.com/2010/02/09/apply
The Graphic College of Denmark.                              ing-mathematics-to-web-design/
(A publication in both Danish and English. Orig.: Sort
på hvidt. En udviklingsrapport om typografi og læselighed.   http://webtypography.net/
Den Grafiske Højskole 1993)
                                                             http://fontdeck.com/
Hartmut Stöckl (2005):
“Typography: body and dress of a text – a signing
mode between language and image.” In Visual
Communication 4, 2005.

Edward Tufte (2001):
The Visual Display of Quantitative Information.
Graphics Press USA. 2nd edition.

Robert Bringhurst (2008 ed.)
The Elements of Typographic Style.
Hartley & Marks Publishers.

More Related Content

More from David Engelby

The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)
David Engelby
 
Forretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dkForretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dk
David Engelby
 
Version2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and englishVersion2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and english
David Engelby
 
Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)
David Engelby
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...
David Engelby
 
Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)
David Engelby
 
Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)
David Engelby
 
Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...
David Engelby
 
Infographics design
Infographics designInfographics design
Infographics design
David Engelby
 
Philosophy of science and research
Philosophy of science and researchPhilosophy of science and research
Philosophy of science and research
David Engelby
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
David Engelby
 
Semiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danishSemiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danish
David Engelby
 
Social media marketing 3 copywriting and news coverage in the groundswell
Social media marketing 3 copywriting and news coverage in the  groundswellSocial media marketing 3 copywriting and news coverage in the  groundswell
Social media marketing 3 copywriting and news coverage in the groundswell
David Engelby
 
Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012
David Engelby
 
E design affordance theory-mental models
E design affordance theory-mental modelsE design affordance theory-mental models
E design affordance theory-mental models
David Engelby
 
E concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsE concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semiotics
David Engelby
 
Field theory pierre_bourdieu
Field theory pierre_bourdieuField theory pierre_bourdieu
Field theory pierre_bourdieu
David Engelby
 
Philosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyPhilosophy of science summary presentation engelby
Philosophy of science summary presentation engelby
David Engelby
 
Philosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papersPhilosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papers
David Engelby
 
Philosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communicationPhilosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communication
David Engelby
 

More from David Engelby (20)

The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)The executive summary (Service Management_4th semester)
The executive summary (Service Management_4th semester)
 
Forretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dkForretningsstrategi sem 1 dk
Forretningsstrategi sem 1 dk
 
Version2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and englishVersion2 project management projektstyring_dk and english
Version2 project management projektstyring_dk and english
 
Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)Intercultural communication (Service Management_2nd semester)
Intercultural communication (Service Management_2nd semester)
 
Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...Oral communication (part I) / Web communication (part II) (Service Management...
Oral communication (part I) / Web communication (part II) (Service Management...
 
Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)Service and communication / Writing strategies (Service Management_2nd semester)
Service and communication / Writing strategies (Service Management_2nd semester)
 
Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)Service and communication / Introduction (Service Management_2nd semester)
Service and communication / Introduction (Service Management_2nd semester)
 
Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...Marketing and Advertising: web design, web information architecture, usabilit...
Marketing and Advertising: web design, web information architecture, usabilit...
 
Infographics design
Infographics designInfographics design
Infographics design
 
Philosophy of science and research
Philosophy of science and researchPhilosophy of science and research
Philosophy of science and research
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
 
Semiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danishSemiotik og typografi lite lektion_1_dk_danish
Semiotik og typografi lite lektion_1_dk_danish
 
Social media marketing 3 copywriting and news coverage in the groundswell
Social media marketing 3 copywriting and news coverage in the  groundswellSocial media marketing 3 copywriting and news coverage in the  groundswell
Social media marketing 3 copywriting and news coverage in the groundswell
 
Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012
 
E design affordance theory-mental models
E design affordance theory-mental modelsE design affordance theory-mental models
E design affordance theory-mental models
 
E concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsE concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semiotics
 
Field theory pierre_bourdieu
Field theory pierre_bourdieuField theory pierre_bourdieu
Field theory pierre_bourdieu
 
Philosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyPhilosophy of science summary presentation engelby
Philosophy of science summary presentation engelby
 
Philosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papersPhilosophy of science academic methodology reports_papers
Philosophy of science academic methodology reports_papers
 
Philosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communicationPhilosophy of science 3 knowledge, theory, communication
Philosophy of science 3 knowledge, theory, communication
 

Recently uploaded

一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
kuapy
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Designforuminternational
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 

Recently uploaded (20)

一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
按照学校原版(UIUC文凭证书)伊利诺伊大学|厄巴纳-香槟分校毕业证快速办理
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
Discovering the Best Indian Architects A Spotlight on Design Forum Internatio...
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 

Academic report design

  • 1. Academic Report Design Best Practice Approaches
  • 2. Academic Report Design 1 The Content > Formalities of Codifications 2 The Grid > The Style of the Space 3 The Typography > The Style of the Form
  • 3. Academic Report Design 1 The Content > Formalities of Codifications Examples > ask and find out: 1 · a What are the basic, standard requirements for the academic paper? It could be simple content such as table of contents, resume etc. 1 · b Are there any codifications of footnotes, pictures and references etc.? It could be the Harvard reference method, endnotes, footnotes etc. What is to be in the appendices and what is best displayed directly in the paper’s progression? Do you have a freedom of choice or are there any codification to govern this part? How is one page defined? No matter how a page is defined, say, as 2400 1 · c characters including spacing, you must not exceed more than 60 characters per line (and avoid too narrow leading). That means, that the page count is not equal to the actual number of layouted pages.
  • 4. Academic Report Design 2 The Grid > The Style of the Space Examples > ask and find out: 2 · a Benefits of active, white space vs. a more compact layout? 2 · b How to make a well defined layout grid (columns)? 2 · c What is the best information structure?
  • 5. Academic Report Design 2 The Grid > The Style of the Space 2 · a Benefits of active, white space vs. a more compact layout? Picture Source: http://www.scottefranson.com/blogs/fall2011/group4/2011/11/11/ex-10-type-color/exercise_type-color-4/
  • 6. Academic Report Design 2 The Grid > The Style of the Space 2 · a Benefits of active, white space vs. a more compact layout? Use a consistent colour theme to add contrast and to signify information structure Picture Source: http://joshuahellerrarebooks.com/catalogue/cat-42
  • 7. Academic Report Design 2 The Grid > The Style of the Space 2 · a Benefits of active, white space vs. a more compact layout? Picture Source: http://www.gngcreative.com/newsletters/nl6.html
  • 8. Academic Report Design 2 The Grid > The Style of the Space 2 · a Benefits of active, white space vs. a more compact layout? Brand Guides for The British Council 1. A consistent design element (in this case the strong horizontal line and use of the corporate blue) is adapted and applied considerately across the spread. 2. Two-column grid on an A4 page. This is shown by the pink outlined boxes – which is not part of the design. 3. Running headers (in this case the copy next to the number 3 – ‘Studying English in the UK’) remind the audience of the title of the document and where they are in the document. 4. Images are considerately cropped to show them to their best advantage. Instead of filling this page with text, white space has been left to balance the feel of the page. Picture Source: http://brand.britishcouncil.org/visual-identity/typography/a4-portrait-typography/
  • 9. Academic Report Design 2 The Grid > The Style of the Space 2 · a Benefits of active, white space vs. a more compact layout? Brand Guides for The British Council 1. A clear and consistent alignment has been established. All graphic elements (i.e. the tops of the columns of text) all start at the same height on the page. 2. A text-heavy page is balanced by large areas of white space. 3. Running footers are separated from text by a thin line. 4. A large column on the right- hand side of the page is left free to visually balance the two large columns of text on the left. Picture Source: http://brand.britishcouncil.org/visual-identity/typography/a4-landscape-typography/
  • 10. Academic Report Design 2 The Grid > The Style of the Space 2 · b How to make a well defined layout grid (columns)? From Sketch To Grid Picture Source: http://www.vanseodesign.com/web-design/grid-choices/
  • 11. Academic Report Design 2 The Grid > The Style of the Space 2 · b How to make a well defined layout grid (columns)? From Sketch To Grid Picture Source: zzzzzz
  • 12. Academic Report Design 2 The Grid > The Style of the Space 2 · b How to make a well defined layout grid (columns)? From Sketch To Grid Picture Source: http://www.shrutimaidam.com/typography.html
  • 13. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
  • 14. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Footnotes: Use good Space. Let books Inspire you. Picture Source: Excerpt from the book Leyers eller Beleyrings Dagverck, typograpic design by David Engelby
  • 15. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Right page Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
  • 16. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Left page Picture Source: David Engelby’s academic paper: http://www.opgavebank.dk/src/ViewArticle.php?id=633
  • 17. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Let books inspire you Edward Tufte is a famous expert in information Design (see link) Picture Source: http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001Zi
  • 18. Academic Report Design 2 The Grid > The Style of the Space 2 · c What is the best information structure? Let magazines inspire you A bit risky with black backdrop, But for some info pages it adds a break to the flow of the text. Picture Source: http://vi.sualize.us/annual_2007_catapult_design_typography_grid_annual_report_picture_xirT.html
  • 19. Academic Report Design 3 The Typography > The Style of the Form Examples > ask and find out: 3 · a Benefits of serif fonts vs. non serif fonts? 3 · b The variation of the font family? 3 · c The connotation of the font?
  • 20. Academic Report Design 3 The Typography > The Style of the Form 3 · a Benefits of serif fonts vs. non serif fonts? Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/
  • 21. Academic Report Design 3 The Typography > The Style of the Form 3 · b The variation of the font family? Picture Source: http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces/
  • 22. Academic Report Design 3 The Typography > The Style of the Form 3 · c The connotation of the font? Picture Source: http://blog.typekit.com/category/new-fonts/page/3/ & http://typographica.org/typeface-reviews/expo-serif/
  • 23. Academic Report Design Content Grid Typography
  • 24. Academic Report Design Good Resources Kim Pedersen & Anders Kidmose (1993): And for web: In Black and White. An r&d Report on Typography and Legibility. http://www.smashingmagazine.com/2010/02/09/apply The Graphic College of Denmark. ing-mathematics-to-web-design/ (A publication in both Danish and English. Orig.: Sort på hvidt. En udviklingsrapport om typografi og læselighed. http://webtypography.net/ Den Grafiske Højskole 1993) http://fontdeck.com/ Hartmut Stöckl (2005): “Typography: body and dress of a text – a signing mode between language and image.” In Visual Communication 4, 2005. Edward Tufte (2001): The Visual Display of Quantitative Information. Graphics Press USA. 2nd edition. Robert Bringhurst (2008 ed.) The Elements of Typographic Style. Hartley & Marks Publishers.