designer style guide

8/14/2019 Designer Style Guide

1/6

& whiteblue

designer handbook


2/6

welcomeWhether youre a returning designer or just starting, welcome to Blue & White. I

hope youre as excited as I am to make this semester the best b&w has ever had!Last semester brought a lot of good changes, and I want us to keep improving. To me,improvement is more than just looking better. Its new marketing ideas, creative storiesand angles, and innovative designs.

The wonderful thing about being a b&w designer is that youre not limited to designing.Youre welcome and encouraged to contribute story ideas and even writethem as well as suggest ways to enhance our reputation and revenue, and increaseour readership.

Our goal is to make Blue & White the best campus magazine out there. We need yourhelp and ideas to accomplish that, so dont be afraid to speak up and speak out! Werelistening.

meet the art director My name is Kelly Giles and Ima junior psychology and publicrelations (previously graphicdesign) major from Winston-Salem. Ive been with b&w since my freshman year.

getting startedWhere do you have to go and how do you access b&w

les? Carroll Hall and access the server!

Log in to thecomputer.User name: bluewhitePassword: curry

Log in the server, Howell. Click the Howell icon (@

sign) in the tool bar.Then click StudentPublications and click

OK.

Open Font Book under Applications.

Load the b&w fonts. Openthe Blue & White folder:Student Publications>> Blue & White. Drag*bwfonts into the lowerwindow of Font Book.

Open the InDesign documentcontaining your le. Student

Publications >> Blue & White >>MONTH07 >> Story Folder >>Story.indd

Lab HoursLabs 58 and 59, in the basement o Carroll Hall

Sunday-Thursday 5:30-9:30

Friday 9am-5pm

not open on Saturday

i you have a Mac computer, you can access the serrom home. Ask me or details.


3/6

my visionfor b&wBet you think you already read this,dont you? I used the word vision

because I want to talk about how Isee b&ws style.

When I arrived on staff, designswere ecclectic to say the least. Everyfeature spread looked completelydifferent from every other. Diversityis good, but each page of a magazineis only part of the whole. The pagesshould blend together to create aholistic image.

I want Blue & Whites image to besimple and classy, but not stuffy. Iwant it to look like a professionalmagazine designed by students whotake industry trends and make themtheir own.

When I became Art Director, Iworked to redesign the magazinewith those goals in mind. I took ideas

from some of my favorite magazines,like O Magazine, InStyle and Yoga

Journal, and I encourage you to dothe same in your designs.

Infuse each design with yourpersonal style, but use the guidelinesthat follow to make sure it blendsseamlessly into the b&w style.

Chcek out thedifference

between the old b&w layouts

(black stroke) andthe new b&w style

(pink stroke). Allof the old layouts

appeared in thesame issue!


4/6


5/6

www.unc.edu/bw 9

dit il ut exeraessit praese faci eum irit luptat prae-sequi tet at ut nonse conullaore tin et eu faccumvenit luptate faccum dolortio od te minissequatalit vullan velissecte feuiscinis nonum zzriustin veldoluptat ver ipit ea cor senisim veliquam, sum ius-cil elit ilis aliquatie dolor am, cons aut accumsanex ex eumsandrero dolore veliquat delis ad tat eufeuipisim ad modolorpero odolor susting eugiamet et irit venim quat at.Putpatumsan ent velent nim ver sed do commodo-lore volor sequiscillam dolobore conulla consectemod min hent nos autat nullam nit wis adigna autad doluptat, consent ing er sed etum ver sit alisnim dolorperat, conum quam dolut aut lore feufaccums andiam, consequ amconsequis augiat, sitalit wisis dolore essed tem do euisi blam zzriust is-modolese verit in ea feugiam zzrilla feu feugait in-iam vullutpatie molore con hendre deliquametuedolorpe rillut dolor augue vulla feum doloboriliquatuer suscipsusto odit volore delesto od tinisdolorper adipis euip exeros et estrud tat vent dolorsummy non ullan velis at, velese velit aut autpatpraesequipit elessi blaorperci tat at. Re mod mo-lut ulpute dolore do odipit ercilla feugiat lumsan-diamet la facin et laoreet, si elent illummodolumnostrud magna alit augait vel ullutat lor se dolobor

iliquis modolor adipsum veros enibh ea cons eufeu facinim quat, quat in vent at, venibh et et dipisetue facidui smodignit non hendrem dunt nisi tisldions at. Sum dolortisi ex etumsan henim exer iuretem zzrilla feu feumsandre velit, vulputet, quatioodolore tie volorpe rcilla feumsan vendiat adignafacinis ciliquatet wis digna feuipsu stionullan hen-dre consed essi.Umsandio conseniamcon enis et, quam do cortieveraese dit nullan velesti ssequam zzrit ilit augaitutat in eugiam, volorpero odiamconum augaitaugait luptatisi.Il ullaore mod mincidunt ad eu facil ut ilis nul-

lum esequi tet velissi blam erat la consed tatemet lorer sustrud dolorem dignibh er am, sim nosautpatueros ectetuero et wiscipis nullummy numnonsed dolorper augiam quisl etum nullut accumil inibh euguer susci etue vercipis auguero dunt aci

te facipis cinciduis euguer illa con venis enim zzritdoloreetum eugiam, volortie do ex eraessed deleseer sit utpatumsan et, corperatin ullum ing et, se-quatum iure do dui et, velit ut wisisim at ipissi.Lor at. Volorer in venim velit alit wismod min vo-luptat. Ut irit aliquatum zzrit nim del dionsenisatem ing exero odipit eugait voloreril ilit loreet veldolum delenim doluptatis dolore vel eum eraesedmod doleniamcon venibhNosto od magna alit exenismod oluptat lore facidui smodit aliquipsustodolor ad molumsan ulputatin ulluptatem zzrilitluptat. Bore vullam, core vulla ate min ullandreestio dolore magna facip euismod iamcortio oddolenis nit volenim dit lan ercidunt wis ea consentatin ulputpa tuercipit iriure magna facidunt nostoeugiatem ad tat, quat amconsed molobortie ve-lessenit dolummy nim in henim augait irit adignafaccum in ut ipisi exeraes senibh el er auguercilitlut veliquatum in volortin utatue magna core tioeuisim dio core verosto endre duisi.Conullaor seniat amconse ctetue vent ad tem ip-susci blaor suscilit amcoreetum vullum dignim inut utem iriusto enit aut ullaorp erilluptatem ius-cidunt enim quatin erosto ex eu feugait nullumeuipsuscin ullandit iriliquipis non ut alisi el euisi.Minci tio od eugiam, conullu tpatet nit lum iurersit luptat nim nit, quamet do enibh ent at lor si.Obor at ex ea feugue molor autpat irius

Pull quote box. Please leave text this font and color (Jayne and Pantone 185), but feel free tochange the size to anythingbetween 18 and 24.

&

This image is bleeding off thepage, meaning it will print all

the way to the edge of thepage. To make an image bleed,you must drag it off the edgeof the page (represented by

the pink line around the page).

Photos usually dont have a stroke (outline). You can use one, but onlyif it adds some value to your design.

This image isnt bleeding.To make sure non-bleeding

images dont get cut off, youneed to place them inside

the guidelines, which arentvisible here but will be on

the InDesign document.

A pull quote is a pithy partof the story that you feelis worth pulling out and

highlighting. Only use 2 pullquotes per story.

The ampersand is ourtrademark story-ender.

The typeface is BookmanOldStyle Bold, size 18, in

the spot coolor. It willalready be placed in thelayout, but make sure to

place it at the end of the copy.

Color (in InDesign):Use only Black (NOT Registration)white and the spot color o the monwhich will already be in the design Find the colors in the Swatches pal-lette (Window>>Swatches). In thatpallette, you can adjust the tint.To adjust transparency, clickWindow>>Transparency.

Grayscaling Images:ClickImage>>Mode>>Grayscale1.

Placing

Images:Go back toInDesign.Click on the picture

rame (i you haveone drawn). I not, goon to step 3.ClickFile>>Place.Select le andclick OK.

1.2.

3.4.

Saving Images:Save as.tif les on the server, in your

older.Keep original color les!


6/6

navigating Selection Tool: selectand move objects

Pen Tool: drawstraight lines andcurves

Photo Box: draw aframe where you canplace an image

Eye Dropper: selectseffects of an objectand lets you applythem them to otherobjects. Especiallyuseful for colors andfonts

Fill: lls area (includingfont) with color

Direct Selection:lets you move a

picture inside itsframe

Text Box: drawtext boxes or

select text

Line Tool: draw aline and change its

appearance usingthe stroke palette

Rectangle Tool: Drawshapes, including circles,octagons, etc. Hold down

the shift key to make aperfect cirlce or square.

Transform: lets youscale and rotate objects

including text.

Stroke: color of stroke pattern

Fonts: To see the Character Palette, hitApple + T on thekeyboard.

Name of the font

Style: bold, italic,etc.Size

Leading: spacebetween lines

of text

Kerning:space between

c h a r a c t e r s

other notesFeel free to jot down other helpful hints as you learn them.

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

designer style guide

Documents