Next_3_Visual Standard Guide by Eddie SC Lin

Eddie Lin

Visual Standard Guides

03 Visual Standard Guide Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

CONTENTS

01 02 03

New Logo

p. 1

Proper Logo Usage

p. 2

Clear Space

p. 4

Logo with Background

p. 6

Improper Logo Usage

p. 8

Size-Selection Chart

p. 10

Design Systems

p. 12

NEXT Color Useage

p. 14

Typographic Standards

p. 16

Graphic Element

p. 18

Corporate Identity System

p. 20

NEXT Future

p. 24

Resources

p. 68

Visual Standard Guides

Eddie Lin

Visual Standard Guides

"PLAY IS THE HIGHEST FORM OF RESEARCH.

â&#x20AC;&#x201D; Albert Einstien, Theoretical physicist

Visual Standard Guides

01 NEW LOGO

The final logo is an N shape that created by two assembled pieces, and these two pieces show the idea of Collaborative. Also, the upper and lower apexes of the N are breaking the ascender line and baseline which represent thining out of the box. In this logo, four hidden arrows pointing toward four different directions. This treatment indicates that your next step can be anywhere, and your future has no limits.

Eddie Lin

Visual Standard Guides

140Â°

X X

Visual Standard Guides

PROPER LOGO USAGE

NEXT logo is the essential to present the brand through different media, design situations, and purposes. Before using our logo, please follow our guidelines to get to know what are the proper ways of using our logo.

VERTICAL LOGO The vertical logo is the primary version that we recommend to use for our brand.

HORIZONTAL LOGO The horizontal logo is recommended to use when the design has limited space or horizontal space.

Eddie Lin

Visual Standard Guides

SYMBOL The symbol is recommended to use when space is limited or a tiny design item.

LOGOTYPE The logotype is recommended to use as signage. It can also use in a limited space.

Visual Standard Guides

Eddie Lin

CLEAR SPACE

Our logo needs clear space to keep the visual system consistent. There shouldn't be graphics, text or other elements within the "clear space" area.

Eddie Lin

Visual Standard Guides

2X 2X

Visual Standard Guides

LOGO WITH BACKGROUNDS

Our logo prefers to use in only three colors of our color palette. Please follow our guideline for our consistency of the visual system.

R 26 G 49 B 79

C 95 M 80 Y 43 K 39

R 234 G 138 B 28

C6 M 54 Y 100 K0

R 230 G 231 B 232

C8 M6

R 255 G 255 B 255

C0 M0

Y6 K0

Y0 K0

Eddie Lin

Visual Standard Guides

Eddie Lin

IMPROPER LOGO USAGE

Our logo is designed for specific uses of maintaining the consistency of the system. The logo needs to present in the original form. The list below is the examples of "Not to Do" with the logo. Please follow the guideline to ensure to use our logo properly.

Disort

Rotate

Bavel or Emboss

Drop Shadow

Miscolor

Gradient

Eddie Lin

Visual Standard Guides

Inner Glow

Outer Glow

Cut Element

Inner Shadow

Satin

Feather

Visual Standard Guides

SIZE-SELECTION CHART

Dimension restriction helps to indicate the proper size of our logo to use in different versions.

VERTICAL

1 in

0.8 in

0.5 in

0.2 in

HORIZONTAL

Eddie Lin

LOGO

Visual Standard Guides

LOGOTYPE

Visual Standard Guides

02 DESIGN SYSTEM

This phase will guide the direction of our brand visual system. It will help to scope our brand in the right direction. Please follow our design rules and instructions to make our brand consistent.

Eddie Lin

Visual Standard Guides

NEXT COLOR USAGE

We chose five colors as our brand color which is orange, dark purple, light gray, and two basic colorâ&#x20AC;&#x201D;black and white. The orange represents the innovative, energetic side of the brand. The dark purple shows NEXT aims to integrate art into creative education.

Eddie Lin

R 234 G 138 B 28

R0 G0 B0

C0 M0 Y0 K 100

Visual Standard Guides

R 255 G 255 B 255

C0 M0

R 230 G 231 B 232

C8 M6 Y6 K0

R 44 G 47 B 102

C 97 M 93 Y 30 K 79

Y0 K0

C6 M 54 Y 100 K0

Visual Standard Guides

TYPOGRAPHIC STANDARDS

We chose Rams as the font for header and subheader, Choplin as the font for body copy and caption. Rams' light font may be used as body copy when the design is for a digital purpose.

Primary Type

Rams Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:"?

Rams Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:"?

Rams Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:"?

Eddie Lin

Visual Standard Guides

Secondary Type

Choplin Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:"?

Choplin Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+{}:"?

Visual Standard Guides

GRAPHIC ELEMENTS

Except for the type, color, and the logo itself, graphic element also a part of our brand system. The triangle from the X in our logotype indicates arrows, and it can also be a tangram when you are repeating the element. Tangram is a tool that helps people to show their imagination and creativity; this perfectly represents the spirit of our brand.

Eddie Lin

Visual Standard Guides

Arrows

Pattern

Shapes

Abstact

Visual Standard Guides

Eddie Lin

Visual Standard Guides

BUSINESS IDENTITY SYSTEM

The business identity system shows the basic usage of our brand identity. We applied our brand system to school supplies with a minimal style. It's simply just displaying logos and pattern. Its simplicity makes it easier to integrate with the rest of our organization's visual system.

Visual Standard Guides

Eddie Lin

Visual Standard Guides

03 NEXT FUTURE

In the past, NEXT focused on inventing technologies for college students by building fantastic hardware and software to help them doing researches, experiments, etc. The new NEXT believes everyone is creative and focuses on people who want to learn to be creative. Helping them to learn and inspire their imaginations to be more innovative. We help our users to know more how to generate a good idea through providing various products, services, events, and environments.

Eddie Lin

Visual Standard Guides

Eddie Lin

BRAND CHART

EDUCATION

ART

SOCIAL

MEDIA

PRODUCT

NextClass

NextTalk

Campus Plug-In

Textbook Developing Center

Xⁿ Camp

NextIdea

Popup Art Museum

NextGallery

Gameⁿ

BrainstormMate

Xⁿ Cafe

Next TV

Next X Youtuber

N² Theater

Next Store

NextLab

Xⁿ Lab

Hand-Crafting Truck

M L

M L M

Eddie Lin

Visual Standard Guides

Making E4

P3 P2

Getting a New Idea

Learning S1

M1 S3

Thinking

M3 E2

E5 A2 M2

Visual Standard Guides

Eddie Lin

LEARNING

THINKING

Every big idea starts from a tiny sparkle. In this aspect, NEXT is going to provide products, services, and environments to help people get inspired.

After getting inspired, we will need to do tons of research, talking with a bunch of people to get more information, suggestions, and feedbacks. NEXT's new services will make getting feedback easier.

NextClass [S] [En]

Xⁿ Cafe [En] [S]

A series of classes that inspire people to think out of the box, and be more creative.

A cafeteria that is designed for people interacting with each other, brainstorming, and exchanging ideas.

Next TV [Ed]

Next Store [En] [S]

An online channel that provides different shows in various aspects of education.

A shopping store that sells all the NEXT’s products and people can try the products in the store to find the most suitable tool for their creations.

Next X Youtuber [Co]

NextTalk [Ev] [Co]

Next will collaborate with YouTubers to share their experience with NEXT products, and showcase how they use them.

Next is going to collaborate with people in different fields, people with different backgrounds to have one-time-lectures to make people think differently.

Gameⁿ [P]

Campus Plug-In [Co]

A series of board games that inspire people to think out of the box.

NextTalk will collaborate with different schools, and hold lectures in different campuses. The contents will be customized for students from different school and majors.

Xⁿ Camp [Ed] [Co]

BrainstormMate

A series of camps that collaborate with different organizations, and it will bring people out of classrooms, offices, or even cities. It can be a museum tour, a field trip to national parks.

An online service that helps you to find someone to talk about your projects, getting some feedbacks and suggestions.

[P]

Popup Art Museum [Ex]

N² Theater

A popup art show in a public space. The concept of this event is "Art is everywhere.", and NEXT would like to let people feeling the power of art through this event.

A service that provides all kinda of movies, documentaries, and even short films from all over the world to inspire people. This could be an actual theater or online service.

[S] [Ev]

Eddie Lin

Visual Standard Guides

MAKING Fulfilling ideas is a crucial point of the journey of being innovative. It's one of the most important things, but the most difficult. NEXT aims to make fulfilling ideas easier and more productive.

Xâ ż Lab

[En] [S]

A workshop that has various tools, such as 3D printers, laser cutters, etc. People can pay for the workshop and use those tools to make their ideas come true.

NextIdea [Ev] A competition that is providing opportunities for people to show their creativity and looking for the most innovative ideas.

NextGallery [En] A space to showcase works from NextIdea or the projects from NextU students.

NextLab [S] [En] A series of classes that introduce students how to use NEXTâ&#x20AC;&#x2122;s products to make their ideas come true.

Textbook Developing Center [Co] [En] The center is where to develop the creative textbooks; they are more interesting, more interactive, and making learning fun.

[P] Products [S] Services [En] Environments [Ex] Experiences

Hand-Crafting Truck [Ex] A truck that is driving around in the city with all the tools and products from NEXT. It can let people experience how to use the products.

[Ed] Educational Opportunities [Ev] Events [Co] Co-Branding Opportunities

Eddie Lin

NEXT CLASS LEARNING & MAKING / EDUCATION / SERVICE & ENVIRONMENT

NEXT CLASS is a series of classes in NEXT U that inspire people to think out of the box, and evoke students' creativity, eventually helping them to be more creative. In the NEXT Classes, you can explore your imaginations and ideas without any limitations. We offer various courses, such as Design Thinking, Storytelling, Problem Solving, 3D-Modeling, and Cultures.

◀

Classroom,

Study area

where students having classes.

◀

Visual Standard Guides

◀

NEXT U Lobby

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

NEXT TV LEARNING / MEDIA / EDUCATIONAL OPPORTUNITY

NEXT TV is an online channel that provides different shows in various aspects of education. They could be documentaries, quiz shows, talk shows, etc. These shows talk about all kind of topics, such as history, cultures, politics, science. On this channel, students will learn something while they are having fun.

◀

Users can watch it anywhere, anytime.

◀

Visual Standard Guides

◀

Our shows make learning fun, and you can do it with people you love. NEXT TV offers all kind of educational shows for our audience.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

Xⁿ Camp LEARNING & THINKING / EDUCATION / EDUCATIONAL & CO-BRANDING OPPORTUNITY

In Xⁿ Camps, students can finally see what they’ve learned from textbooks, and will also experience, participate, and DIY of what they are interested. This Camps will collaborate with different organizations from different industries, and it will bring people out of classrooms, offices, or even cities to experience the real things. It can be a museum tour or a field trip to national parks.

◀

We also bring our students out of

Students can experience the latest

city to explore and learn new things.

◀

Visual Standard Guides

◀

technology in our camp. Students will not only learn from our classes, but also from other students.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

Xⁿ CAFE THINKING / SOCIAL / ENVIRONMENT & SERVICE

Xⁿ CAFE will open in the financial district or other areas that have campuses and offices. This cafeteria welcomes people to come over with their laptop, and discuss their projects here. In Xⁿ CAFE, there are whiteboards, working spaces, bean bags, etc. We hope these pieces of equipment can make brainstorming easier and help people sharpen their ideas, helping people to generate their best idea.

◀

We welcome people to adventages of our environment and equipments to generate thier best ideas. The cafe provides healthy food to make people live heathier, and be more creative.

◀

Visual Standard Guides

◀

Bottomless coffee and other baverages.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

NEXT TALK LEARNING & THINKING / EDUCATION / EVENT & CO-BRANDING OPPORTUNITY

Next is going to collaborate with successful people from different fields and people with different backgrounds to have speeches or lectures. We wish to inspire audience through sharing speakers’ stories, thoughts and opinions to make people think differently.

◀

NEXT TALK invites all kind of people to share their inspiring stories.

◀

Visual Standard Guides

◀

We wish these stories can inspire people to chase their dream. This event with be hold national and international.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

BrainstormMate THINKING / SOCIAL / PRODUCT

BrainstormMate is an App that helps you to get different opinions on everything. Users can find book some people who are professional or from the industries to talk about their projects and to get some feedbacks and suggestions. Everyone will be rated by each other to make sure they are trustful and professional.

◀

Users can just hold their phone and ask for some feedback for their projects.

◀

Visual Standard Guides

◀

Everyone will be recorded for their reliabilities. Users can get opinions quickly with our app.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

Xⁿ Lab MAKING / PRODUCT / ENVIRONMENT & SERVICE

Xⁿ Lab is a workshop that provides various tools for people to produce their artworks, products, or prototypes. The gears that we provide include 3D printers, laser cutters, blister machine, etc. People can pay for the workshop as an annual membership, seasonal membership, or even one-time user to use those tools to make their ideas come true.

◀

Members are allowed to use all the tools they want.

◀

Visual Standard Guides

◀

Every members will get a NEXT t-shirt. The clean and bright environment make people more productive.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

NEXT IDEA THINKING & MAKING / ART / EVENT

A competition that is providing opportunities for people to show their creativity and looking for the most innovative ideas. This competition has different disciplines such as Graphic Design, Industrial Design, Advertising, Game Design, Technology Design, App Design, and more. NEXT IDEA aims to encourage people to fulfill and showcase their best idea, instead of just thinking about it.

◀

The award will add more values for

The ceremony will invite all the

winner's products.

◀

Visual Standard Guides

◀

candidates, and networking with each others. NEXT will hold a innovation competition every year.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

TEXTBOOK DEVELOPING CENTER MAKING / EDUCATION / CO-BRANDING OPPORTUNITIES & ENVIRONMENT

The center is where developing creative textbooks. NEXT aims to make textbooks more interesting, more interactive and making learning fun through design and design thinking. NEXT will collaborate with different designers and artists to develop a new type of textbooks that encourage students to think and interact with them, draw on them, or even destroy them. The purpose is making people think different from learning.

◀

The center aims to make a revolu-

Tons of designers and artists work

◀

Visual Standard Guides

◀

We want to make a new definition

tion of textbook.

on these text books.

for learning.

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

"EDUCATION

IS THE KEY TO UNLOCK THE GOLDEN DOOR OF FREEDOM. â&#x20AC;&#x201D; George Washington Carver, American botanist

Visual Standard Guides

Eddie Lin

RESOURCES

LEARNING Photography

http://www.arquinauta.com/ryerson-university-student-learning-centre-zeidler-partnershiparchitects-snohetta/2015/08/ http://udemy.com http://netflix.com https://www.tonybates.ca/2016/08/13/demographics-and-online-learning/ https://elearningindustry.com/10-most-popular-free-online-courses-for-elearning-professionals http://www.evad3rs.net/search/label/CYDIA http://www.augmentedrealitytrends.com/augmented-reality/similarity-and-difference-between-ar-and-vr.html https://www.wired.com/2016/06/went-vr-field-trip-tomorrow-heres-saw/

THINKING

https://pixabay.com/en/food-ham-filling-sandwich-cheese-2590485/

Photography

https://www.officelovin.com/2014/12/09/inside-squares-san-francisco-headquarters/ https://nairobigarage.com/co-woorking-betahaus-berlin/ https://kentingle.com/kent-ingle/the-ted-talk-that-changed-my-thinking-forever http://healthifyme.com/blog/10-inspiring-health-fitness-ted-talks-not-miss/ted-talk-2016/ https://www.ted.com/talks/dalia_mogahed_what_do_you_think_when_you_look_at_me https://www.shutterstock.com https://graphicburger.com http://teamorganic.co.uk/meet-tinder-of-networking-shapr/

MAKING

http://int.staging.recaro-cs.com/press/Recaro-Zero.1-Elite-wins-iF-Design-Award-2016

Photography

http://www.if-gallery.me/en/if-2014/hand-over-of-certificates/ https://www.vocier.com/de/behind-the-curtain-de/if-design-award-2015-2/ https://www.shutterstock.com/video/clip-14698285-stock-footage-group-of-young-startup-professionals-posing-with-their-business-executive-after-a-succesful.html http://www.raisethewaves.com/2014/03/wreck-this-journal.html https://goodereader.com/blog/digital-publishing/new-scholastic-report-sheds-light-on-kids-reading https://www.amny.com/real-estate/techshop-brooklyn-manufacturing-1.14526829 https://untappedcities.com/2017/10/23/techshop-a-205000-sq-ft-advanced-manufacturing-center-toopen-at-nycs-brooklyn-army-terminal/ https://opentomato.wordpress.com/reflections/site-visitings/techshop/

Eddie Lin

Visual Standard Guides

Eddie Lin

Visual Standard Guides

Eddie Lin