Typographic Layouts : Create Layouts for Content Heavy Websites and Apps

Discussion in 'E-Books & Tutorials' started by Romanpower, Jul 28, 2015.

  1. Romanpower

    Romanpower Member

    Joined:
    Jul 14, 2015
    Messages:
    170
    Likes Received:
    1
    Trophy Points:
    16
    Gender:
    Female
    [​IMG]

    SkillShare - Typographic Layouts: Create Layouts for Content Heavy Websites and Apps
    3hours 2min | Video: h264, yuv420p, 1500x860, 30fps | Audio: aac, 44100 Hz, 2ch | 932 MB
    Genre: eLearning | Language: English | Project files

    Considering sites like Reuters or the new iteration of New York Times and USA Today we can see how the web is shifting towards typographic compositions where the content is king and the user interface is minimal but relevant. During this course we will learn how to structure an effective layout for a splash page and a news article template. We will go through the basics of responsive design, grid composition and using typography to build the visual hierarchy of the composition.

    What You'll Learn
    *Sketching a Top Level Wireframe.We'll cover the visual backbone of UX, wireframing.
    *Building a Grid.You'll design your perfect grid, detailing how your app looks on different sizes and different devices.
    *Typography, Look and Feel.We'll cover the basic components of typography, including headlines and subtitles.
    *Visual Weights and Composition.We'll prepare elegant compositions using visual weights like size, color, density, value, and white space.
    This is a design only course. No development will be taught!
    What You'll Make
    You'll design a news reading app that relies heavily on tasteful typography. During the process of creating a wireframe, you will consider user interaction, asset placement, and responsive design elements. By the end of this class you will have a detailed mock-up displaying all of your app's functions.

    [​IMG]

    [​IMG]

    Code:
    http://www.nitroflare.com/view/C026BD164C226A9/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part1.rar
    http://www.nitroflare.com/view/1BC0596A2F393A1/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part2.rar
    http://www.nitroflare.com/view/89819E774B1DE92/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part3.rar
    
    http://xxxxxxxx.net/file/2970ec262b210344aea5029150ce23a3/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part1.rar.html
    http://xxxxxxxx.net/file/cda9ff6df27743b7940347d4f370ca59/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part2.rar.html
    http://xxxxxxxx.net/file/8392ac45dffd53613da4b16c34eaeb0b/alwg7.Typographic.Layouts.Create.Layouts.for.Content.Heavy.Websites.and.Apps.part3.rar.html
    
    
     

Share This Page