SlideShare a Scribd company logo
1 of 24
Download to read offline
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 dkDavid 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 englishDavid 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
 
Philosophy of science and research
Philosophy of science and researchPhilosophy of science and research
Philosophy of science and researchDavid Engelby
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1David 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_danishDavid 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 groundswellDavid Engelby
 
Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012Media - quantitative and qualitative research 2012
Media - quantitative and qualitative research 2012David Engelby
 
E design affordance theory-mental models
E design affordance theory-mental modelsE design affordance theory-mental models
E design affordance theory-mental modelsDavid Engelby
 
E concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsE concept metaphors-representations_signs_semiotics
E concept metaphors-representations_signs_semioticsDavid Engelby
 
Field theory pierre_bourdieu
Field theory pierre_bourdieuField theory pierre_bourdieu
Field theory pierre_bourdieuDavid Engelby
 
Philosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyPhilosophy of science summary presentation engelby
Philosophy of science summary presentation engelbyDavid 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_papersDavid 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, communicationDavid 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

如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证ugzga
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理thubko
 
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样awasv46j
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisPeclers Paris
 
Rise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionRise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionVictoria Gaitskell
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...drmarathore
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement 210303105569
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样yhavx
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...Payal Garg #K09
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxtrose8
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyIsadora Agency
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURECHANDRAKIRTISINGH
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign designAkankshaD3
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfSarbjit Bahga
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 

Recently uploaded (20)

如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样
如何办理(UPM毕业证)马来西亚博特拉大学毕业证成绩单留信学历认证原版一模一样
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
Rise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionRise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintAction
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 

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.