https://andreaherstowski.xyz andreaherstowski.xyz Mon, 24 Mar 2025 14:55:38 +0000 https://andreaherstowski.xyz en https://andreaherstowski.xyz/Slider Thu, 28 Mar 2024 21:27:22 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/Slider Variable Font Slider body { font-family: 'Roboto Slab', serif; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; /* Reset default margin */ } .slider-container { width: 100%; max-width: 600px; } .slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #4CAF50; cursor: pointer; } .slider::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: #4CAF50; cursor: pointer; } .text { font-size: 72pt; /* Set font size to 72pt */ text-align: center; margin-top: 20px; } Variable Font Slider https://andreaherstowski.xyz/ModularFont Thu, 22 Dec 2022 14:49:30 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/ModularFont andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment Google DriveFonstruct :: Fonstruct Demo Illustrator TemplateGlyphs app Modular Font: Parts Make the Whole Any lettering or type is based on a system. The alphabet is a typographic system with a set of (visual) rules and guidelines that help govern the decisions involved in creating letters. These implicit systems enable characters to work together, by regulating and defining their appearance—dictating their shapes and sizes, how they fit together, and their visual spirit, as well as all other underlying tenets of the letters.A modular typeface is an alphabet constructed out of a limited number of shapes or modules. Modular describes any letter assembled from a limited palette of distinct elements, repeated, flipped, and flopped but not scaled. Typically these elements are geometric and simple in shape—square pixels on a digital display or modernist circles, squares, and lines. Traditionally, modular lettering has responded to the limitations and possibilities of the media used to create it. Today designers are using more ornate, complicated, and/or organic forms (modular units) and even physical objects to construct modular letters. They have taken a broader approach to modular letter-forms, pushing the possibilities to create letters from more complicated elements. <img width="1400" height="300" width_o="1400" height_o="300" data-src="https://freight.cargo.site/t/original/i/51a1d5d6a2a75de61124cd2b1c2d588c1bfc0681cef4c869fe04acdf632a32a0/58d796106629425.5f9577d711719.png" data-mid="165515872" border="0" src="https://freight.cargo.site/w/1000/i/51a1d5d6a2a75de61124cd2b1c2d588c1bfc0681cef4c869fe04acdf632a32a0/58d796106629425.5f9577d711719.png" /> The task of Parts Make the Whole is to design a prototype for a modular font by using a letter construction context. The typeface must include at all 26 characters, either in upper-case or lower-case, or a unicase. Unicase combines typical features of both cases. The letterforms should be modular, rational, and repeatable, meaning that parts of the letters are used to create other letters. The design process should begin with creating letters on a grid of squares or dots. Handlettering or creating letters based on an existing font is not allowed; the letters must be constructed. &nbsp;<img width="838" height="1200" width_o="838" height_o="1200" data-src="https://freight.cargo.site/t/original/i/cf2bc999e215371bf3d1d343b4fae7ce1d2dda154efac4ab6dc55761ad14f1fd/FregioMecano-1920s.jpg" data-mid="165515950" border="0" src="https://freight.cargo.site/w/838/i/cf2bc999e215371bf3d1d343b4fae7ce1d2dda154efac4ab6dc55761ad14f1fd/FregioMecano-1920s.jpg" /> <img width="1112" height="1600" width_o="1112" height_o="1600" data-src="https://freight.cargo.site/t/original/i/fb1b97f0eadea65c2cb3df1af3e24b0e239467f908f7af83c806d0f24ad0af0b/Durer_1.png" data-mid="165515956" border="0" src="https://freight.cargo.site/w/1000/i/fb1b97f0eadea65c2cb3df1af3e24b0e239467f908f7af83c806d0f24ad0af0b/Durer_1.png" /> <img width="1112" height="1600" width_o="1112" height_o="1600" data-src="https://freight.cargo.site/t/original/i/2903ef36beb4b56aa274e43b1880c85fe97c2e35c80c8802b1631275b292cfb6/Durer_2.png" data-mid="165515958" border="0" src="https://freight.cargo.site/w/1000/i/2903ef36beb4b56aa274e43b1880c85fe97c2e35c80c8802b1631275b292cfb6/Durer_2.png" /> Any lettering or type is based on a system. Typographic systems are sets of visual rules and guidelines that govern the actions and decisions involved in creating letters. These implicit systems enable characters to work together, by regulating and defining their appearance—dictating their shapes and sizes, how they fit together, and their visual spirit, as well as all other underlying tenets of the letters. Explore the modular system. Once defined, refine the letters to something new and less expected, the new will become the system to create all 26 letters of the alphabet. Work in Adobe Illustrator and use the software Glyphs to output the final set of upper or lower case letters as a usable, shareable, typeface. Explore your modular system. Once you have defined your system, made some letters, refined them to something new, the new will become your system to create all 26 letters of the alphabet. We will work in Adobe Illustrator and you will use the software Glyphs to output your final set of upper or lower case letters as a usable, shareable, font. You may find it useful to refer to the reference section and the the works of Wim Crouwel’s grid-based fonts, Phillip Apeloig, early fonts by Zuzana Licko/Emigre and Hamish Muir... *Please use all the resources given, they are there to help you. LEARNING OBJECTIVES _ understand the anatomy of letterforms/characters/glyphs_ explore the expressive potential of typography_ solve communication problems within given parameters_ methodically document relevant design inspiration and process_ present and assess work in a visually and verbally articulate manner_ professionally document outcomes_ demonstrate exemplary visual craft—hand and digital_ Adobe Illustrator (pathfinder, clean vectors)_ Glyphs App (beginner level of the Glyphs program) MAC only.SOFTWAREAdobe IllustratorFontStruct (free web-based software) (created a tutorial for you)Glyphs app: https://glyphsapp.com/ it is MAC only software. Trial version is available MAC only and is for 30 days so don’t download it yet.PC people you can use a combination of illustrator and the Glyphs app.*You will have to use the 313 lab for the glyphs app. PROJECT DELIVERABLES&nbsp;working font (all caps or all lowercase -- not both)process bookbehance post (examples)PROCESS BOOKProcess Book will be digital and a pdf. It must be well organized, labeled, name on it!. Make sure you include: _ Your Name_ Project Description_ Project Overview_ All of the process, notes you took, construction_ final product. **All the homework, feedback, class notes etc go into the process book. Don't forget a title page with the name of the project and your name, project description (what was the project), project overview (your thoughts on the project), all your process (all of it! organized by date). Process Book Examples Anne | Kate | Abby | RESOURCESBauhaus and Art Deco Wim Crowel Early Type Design Fonts and foundry or type house:- by Foundry:- Type Wolfsee Resources for more PEOPLE Wim CrowelPhillip ApeloigEmigre/ Zuzana Licko Hamish Muir :- future fonts :- type in use:- type class *follow:- oh no:- studio type:- font of the month club:- burn type:- studio marlonilg FILES &amp; LINKS drawing font (lettter fountain)anatomy video&nbsp;glossary herepdf compilation Anatomy refresher.pdfhttps://adhesiontext.com/ *does not work in Chrome CALENDAR Introduction <img width="5054" height="3108" width_o="5054" height_o="3108" data-src="https://freight.cargo.site/t/original/i/0b421c3191bc14b63213b7111ee2d983bacdf5ef8c4dbaf4bf205c0f9df2d3fe/WilliKunz.jpg" data-mid="162773704" border="0" src="https://freight.cargo.site/w/1000/i/0b421c3191bc14b63213b7111ee2d983bacdf5ef8c4dbaf4bf205c0f9df2d3fe/WilliKunz.jpg" /> A modular typeface is an alphabet constructed out of a limited number of shapes or modules. Modular describes any letter assembled from a limited palette of distinct elements, repeated, flipped and flopped but not scaled. Typically these elements are geometric and simple in shape—square pixels on a digital display or modernist circles, squares, and lines. Traditionally, modular lettering has responded to the limitations and possibilities of the media used to create it. Today designers are using more ornate, complicated and/or organic forms (modular units) and even physical objects to construct modular letters. They have taken a broader approach to modular letter-forms, pushing the possibilities to create letters from more complicated elements. When designing fonts you always start with a few core letters, such as handgloves or hamburg and then you build out the rest of the alphabet from there. As you can note from the chart below once you have the Cap H you can get the letters E F L T, once you have the B defined you can to the P R. etc. The same principle goes with the lower case. If you start with the h you can easily get to n, u, l, i, m, r. The d gives you an idea of the p, b, q... etc. The chart below shows once you have the Cap H you can develop the letters E F L T. Once you have the B defined you can to the P R. etc. The same principle goes with the lower case. If you start with the h you can easily get to n, u, l, i, m, r. The d give you an idea of the p, b, q... etc. When designing a typeface always begin by figuring out the core letters. The word&nbsp; HANDGLOVES, handgloves or HAMBURG, hamburg gives you the core letters. <img width="1024" height="791" width_o="1024" height_o="791" data-src="https://freight.cargo.site/t/original/i/d2586be1fb2610356600206ee45ace48e84b4c3afd157ca183f2397b021b1bac/TypographicSystems1024_1.jpg" data-mid="162774507" border="0" src="https://freight.cargo.site/w/1000/i/d2586be1fb2610356600206ee45ace48e84b4c3afd157ca183f2397b021b1bac/TypographicSystems1024_1.jpg" /> <img width="1024" height="791" width_o="1024" height_o="791" data-src="https://freight.cargo.site/t/original/i/bafa67dc567341ea318ecb334a6b5a58be4a7f9c3758138bc0cadc2cad7b100a/TypographicSystems1024_2.jpg" data-mid="162774508" border="0" src="https://freight.cargo.site/w/1000/i/bafa67dc567341ea318ecb334a6b5a58be4a7f9c3758138bc0cadc2cad7b100a/TypographicSystems1024_2.jpg" /> <img width="1024" height="791" width_o="1024" height_o="791" data-src="https://freight.cargo.site/t/original/i/420d35912f9d312a28d94be69609801aa091d14ed238caf730d5e49adf68508f/TypographicSystems1024_3.jpg" data-mid="162774509" border="0" src="https://freight.cargo.site/w/1000/i/420d35912f9d312a28d94be69609801aa091d14ed238caf730d5e49adf68508f/TypographicSystems1024_3.jpg" /> Drawing Similar Forms: Letter Fountain <img width="1368" height="1094" width_o="1368" height_o="1094" data-src="https://freight.cargo.site/t/original/i/16628b53959ccc0b8968384b4100a5dcdb98decf1c2090a7c4f145d9642d5a1f/Screen-Shot-2023-02-14-at-5.03.46-PM.png" data-mid="168451666" border="0" data-scale="71" src="https://freight.cargo.site/w/1000/i/16628b53959ccc0b8968384b4100a5dcdb98decf1c2090a7c4f145d9642d5a1f/Screen-Shot-2023-02-14-at-5.03.46-PM.png" /> Monday, February 27 Intro to the project The Modular Letter LectureTypographic Systems forms of construction.pdfGrids for sketching.pdfIntroduction to FontStruct / recorded demo the modular part one | part two | part three |In small groups discuss and capture (take notes) on what you observe looking at the following links. Appoint a note taker and share your notes with each other to include in your presentation and process book_ apeloig.com/type/typography_ muirmcneil.com/projects/ :: instagram.com/muirmcneil_ https://twitter.com/hashtag/TypeSystemGridBefore you leave class make sure you understand the homework and the difference between handlettering and constructed letterforms/characters. You can only make constructed modular letterforms. <img width="1354" height="340" width_o="1354" height_o="340" data-src="https://freight.cargo.site/t/original/i/b009f276ef75a7594d43d854bf7f6f56c023d196102c57b1e0c688a814428969/module.png" data-mid="165516190" border="0" src="https://freight.cargo.site/w/1000/i/b009f276ef75a7594d43d854bf7f6f56c023d196102c57b1e0c688a814428969/module.png" /> Getting Started... You can draw all uppercase or lowercase. Try both. Try all uppercase&nbsp;H, E, N, A, O, D, G. Try all lowercase n,&nbsp;h, e, a, o, d, g. The main rule is the letters must be constructed and based on some set of modular forms. Define a kit of modular parts -- shapes that you can combine, stack, rotate, flip to build a letterform) Sketch the letters (H, E, N, A, D, O, G ... or ... n, h, e, a, o, d, g) using that system. Use as many or few shapes as needed for the set.Keep in mind that smaller grids provide a more limited set of design options. Do not scale or distort any of the components. Do not overlap the elements or use a white shape knocked out of black forms. Fewer grid units provide a more limited set of design options. Start Sketching Sketch as neatly as you can. Keep organized. Range of solutions is better than tring to get on idea perfect. You have time ot make something perfect. Now is the time to explore options. Write down the checklist and keep it in front of you. The main rule is the letters must be constructed = based on some set of modular forms.__ alll caps : H, E, N, A, D, O, G. __ all lowercase: n, h, e, a, o, d, g__ unicase__ tall (condensed), thin stroke / __ short (extended), thin stroke __ tall (condensed), bold stroke / __ short (extended), bold stroke__ tall (condensed), super heavy / __ short (extended), super heavy__ try sans serif / __ try serifs__ try different types of serifs__&nbsp; try to work in different sizes: more grid units <img width="1502" height="332" width_o="1502" height_o="332" data-src="https://freight.cargo.site/t/original/i/f93f85b2242cb70f337cb67937cfd632f8dc65643249b917a55eef250ad960af/serifs.png" data-mid="165516350" border="0" src="https://freight.cargo.site/w/1000/i/f93f85b2242cb70f337cb67937cfd632f8dc65643249b917a55eef250ad960af/serifs.png" /> Diagram by Rob Roy Kelly, America Wood Type <img width="736" height="305" width_o="736" height_o="305" data-src="https://freight.cargo.site/t/original/i/0ccd0be9301aa2566e8453d089f8470fe0677ee1557af2f93d3ed5c9e9d83d6f/RobRoy1.png" data-mid="165516386" border="0" src="https://freight.cargo.site/w/736/i/0ccd0be9301aa2566e8453d089f8470fe0677ee1557af2f93d3ed5c9e9d83d6f/RobRoy1.png" /> sketching examples<img width="1400" height="800" width_o="1400" height_o="800" data-src="https://freight.cargo.site/t/original/i/90ce60bca0659d298bf0a390417d06444f99133ce31f22866e349bc76d5754c2/4.png" data-mid="165516401" border="0" src="https://freight.cargo.site/w/1000/i/90ce60bca0659d298bf0a390417d06444f99133ce31f22866e349bc76d5754c2/4.png" /> <img width="622" height="833" width_o="622" height_o="833" data-src="https://freight.cargo.site/t/original/i/ea04e11757a8a3d1e673a5f95100029545dc9d38520680990ec119f1851c6c3c/4.png" data-mid="165516420" border="0" src="https://freight.cargo.site/w/622/i/ea04e11757a8a3d1e673a5f95100029545dc9d38520680990ec119f1851c6c3c/4.png" /> Introduction to FontStruct / recorded demo<img width="622" height="833" width_o="622" height_o="833" data-src="https://freight.cargo.site/t/original/i/e6142f84903e15ad1333e92d2440031223b1a6674a6fbee827dc6589af97069e/1.png" data-mid="165516430" border="0" src="https://freight.cargo.site/w/622/i/e6142f84903e15ad1333e92d2440031223b1a6674a6fbee827dc6589af97069e/1.png" /> HOMEWORKExplore / Sketch Watch:&nbsp;Gail Bichler Watch: &nbsp;Matt Willey Read:&nbsp;Ugliness in Type Design Handout:&nbsp;Homework.pdf EXPLORE + CREATE| examples | Anne | Kate | Abby | 20 sets/font ideas, each set has 7 key letters H, E, N, A, O, D, G (if you are drawing caps draw them in this order -- should make sense why...orn, h, e, a, o, d, g (if you are drawing lowercase draw them in this order -- should make sense why...*the a and g can be one story or 2 story try both yes it is a lot 20 sets with 7 letters in each set. a set is a design direction.do not draw the letter H 20 times, then 20 letter E or e. Work in sets, the letters should go together the H should inform the E (n inform the h) get it? Try not to fill your pages give your different ideas some space around them. Work in different sizes/ work in different proportions . Organize your sketches while you are working. Number them.Use as many pages as you need to keep things organized and clear. Start by using the handouts to create the your initial studies. Once you get started you can also create your own grids/parts/ modulars. EXPLORE have fun. This should not be torture. Ugly is awesome. You have to make. The only thing you can't do is hand-letter letterforms. You just can't hand draw letters they have to be constructed. Make sure you know what this means before you start your homework! You can do all 20 studies by hand (each study has 7 letters in them)OR 10 studies by hand and 10 in Fonstruct (you have to save and show them). If you hate fontstruct then don't use it! just try and and decide if you LOVE it you can only make 10 different fonts for your homework the rest have to be by hand) Explore. Should be fun not torture. Fonstruct Shortcuts ** try both. don’t just construct CAPITAL LETTERS or don’t just construct lowercase letters for the different sets try different ones. H, E, N, A, O, D, G /or/ n, h, e, a, o, d, g Bring everything to class in physical form (ie not on your computer. PRINT everything so we can all see what you have created. *if you have trouble printing out of FontStruct take a screen shot and print it. While you are working…look through your sketches and if they are not organized, start to organize the sketches. You can cut them out of a page and tape them down onto another paper to get them organized. If you used tracing paper you may want to do this. If you look through your sketches and you noticed you rushed or maybe you have a lot that look the same. Take some time and to look at what you have done and sketch a couple more ideas. You want to have a range of choices. Look though your sketches and mark the ones you like, are the most interesting, that you want to continue working on. Recap for Wed.— 20 sets of the 7 letters, nice variety and neatly organized— Sketches printed out and ready to talk about.— Favorite 5 marked in some way. Wednesday, March 1 Sam Picking most interesting 3 to build in illustrator and create variations of. (Do this in class, now...)&nbsp; Your process book is digital.Take a photo (you can use your phone) &nbsp; Make sure you rotate your images so they are right reading (that we don’t have to turn our head) Make a folder with your name and all you photos/scans onto the google drive. Document Grid. It is important and turns out to be extremely useful if you take the time to adjust the document grid to work for you. This way you can use the snap to grid option in Illustrator. Will keep your vectors clean and consistent. Watch: Snap to GridKey is to adjust your grid to work for you watch at at 2:05 WATCH: these | or top 10 illustrator tips |-&gt; need a bit of an illustrator refresher? HOMEWORK Template Adjusting document grid Variations Use the template Yes the template is big. USE THIS TEMPLATE! YOU WILL BE SAD LATER. So you may have several art boards. Choose 3 most successful/interesting studies H, E, N, A, O D, G /or/ n, h, e, a, o, d, g , and put them into illustrator. In Illustrator start by recreating the modules you need to build your letterforms. Use the grid and snap to it. <img width="1434" height="1546" width_o="1434" height_o="1546" data-src="https://freight.cargo.site/t/original/i/f4f116746ca2a649f8aa84861e8fe53320d58f2db7db376753af4024e81401fd/modules.png" data-mid="162773708" border="0" src="https://freight.cargo.site/w/1000/i/f4f116746ca2a649f8aa84861e8fe53320d58f2db7db376753af4024e81401fd/modules.png" /> <img width="2212" height="996" width_o="2212" height_o="996" data-src="https://freight.cargo.site/t/original/i/0c6aabf20d1c12d0c955a492b2a1330790b1e67ea251d1e9e3dc1caa14ab3a5b/letters.png" data-mid="162773709" border="0" src="https://freight.cargo.site/w/1000/i/0c6aabf20d1c12d0c955a492b2a1330790b1e67ea251d1e9e3dc1caa14ab3a5b/letters.png" /> After you get your 3 sets in illustrator try variations of the H or n. Make the letter taller, wider, heavier, rounder (be selective on what you make round. (how can you make the letters better, more interesting?). *this is a key step in making your letters different from everyone else in the class -- you have to explore options. <img width="4170" height="678" width_o="4170" height_o="678" data-src="https://freight.cargo.site/t/original/i/a19d9060453d5042621203601ad7d3931b5b7a2e4814d9e946d6a6dfd06f2826/variation.png" data-mid="168455623" border="0" src="https://freight.cargo.site/w/1000/i/a19d9060453d5042621203601ad7d3931b5b7a2e4814d9e946d6a6dfd06f2826/variation.png" /> From those studies on the H/or/n pick out 3 (any three from any of the sets you have made). Three that you like and then do the full set again in that variation H, E, N, A, O D, G /or/ n, h, e, a, o, d, g. Play out at least 3 variations in total.If you didn't use serifs can you add serifs?Can you change the serifs?Can you change the proportion of the letter? cCan you change the weight of the letter....lots of options! repeat of directions...1) draw the 3 original sets in illustrator (even if you use fontstruct recreate them in illustrator). Set your baseline grid. Create the modulars and draw them in a smart and clean way using snap to grid. 2) take the H or n from each set and play with variation EXPLORE (at least 9 variations of the H or n) 3) from your H or n variations studies pick 3 different ones build them out to the rest of the letters H, E, N, A, O D, G /or/n, h, e, a, o, d, g recapfor Monday you should have 3 original sets drawn nicely in illustrator, exploration of H or n for each set. Create 3 more sets from a variation. In total you should have 6 sets total in illustrator to choose from. The variation is your opportunity to explore how far you can push the modular/rational letterform. Print everything out for class crit. And Save as a pdf for your process book. Something to start thinking about is how you are going to put this all together in a process book so you don't have to do that in the end. Feel free to contact me (email me) this weekend if you have questions or if you need some feedback. I hope you all can get on track for Monday. Or post some sketches on Slack so your peers can see and or give you feedback. Monday, March 6 Picking most interesting 2. *you may not have 2 great ones to choose from so you need to keep working until you do. This is your chance to catch up.Hang Up.Hang Sections.Think about uses or personality. HOMEWORK Adding letters to your top 2 directions. Use the template*it is very important that you use the template. It is given to you for a reason. Use it. Add T I U S M K X W Z /or/ i u s m k x w z<img width="2315" height="3000" width_o="2315" height_o="3000" data-src="https://freight.cargo.site/t/original/i/b6890fab29aa2e7f1b83d049f0e14ffef32f10633be780aa0b04ba8e76d7f31a/lfa_emigre_0096_002.jpeg" data-mid="165516815" border="0" src="https://freight.cargo.site/w/1000/i/b6890fab29aa2e7f1b83d049f0e14ffef32f10633be780aa0b04ba8e76d7f31a/lfa_emigre_0096_002.jpeg" /> While you are working by hand or on the computer you will find some letters give you trouble, just keep making variations of that letter and you will be able to pick the best option. (k, n, b, p) – LetterformArchive.org/emigre. Explore different solutions to letters that are giving you trouble, refine in Illustrator. Please keep adding to the template.By adding the next of letters you are testing out your modular system and hopefully finding your favorite direction. And pushing your idea further.Start thinking about how you could use it.And what personality/mood does it feel like?Print out for class. Save as a pdf for your process book*reminder to work on your process book :) Wednesday, March 8 Walter Tracy: Letters of Credit Spacing pdf: SpacingOpen Type Features in Illustrator: Video InClassPicking most interesting ONE directions to refine.Refine any letters you have done so far. What letters are still giving you trouble.Look at your illustrator file and can the letters be more clean?If you have used strokes (lines) all links have to be outlined into shapes.Look at the stroke weights and correct -- they should be consistent.Look at the counter shapes and correct -- they should be consistent.Defining personality/feeling/mood (starting Toolkits)Write down some reasons WHY you pick this direction.What words would you use to describe your font? (sharp, soft, constructed, scifi, romantic, dramatic, vintage...If it had an emotion -- what would it be?If it had a personality -- what would that be?Make a long list ^Pick least 3 - 6 words that describe the mood, tone, emotion, personality of your letters.Imagery start looking for images that match or enhance or question your mood tone... Find 6 – 12&nbsp; different photo/ illustrations so you have some choice (you can pick from)Please only find copyright free.See the class syllabus for a list of image sources&lt;-- use the list! HOMEWORK (over spring break) Cleaning up illustrator file and prep your illustrator file.After Spring break we will start to copy and paste into Glyphs. In Illustrator first SAVE AS do not save over your sketches. SAVE AS name it something new and merge all your parts and clean up the letters. Please put you illustrator file on the google drive Name your Typeface (you can have a couple of options if you want)Tool Kits. For your final typeface create 2 different tool kit ideas based on different moods or personalities. Tool kit is a one stop shop for all the assets you will need when creating your final post. You chould be able to open your toolkit when you are designing your behance post and have everything you need. Design the toolkits in Adobe Illustrator.Toolkit should include: Name of the font, 3 words to describe it, 1 - 3 images/illustrations, color palette, pangram/quote, secondary font if needed, modules used to create your letters. Print out and save as a pdf for your process book. Only for a bit of context. Here is some inspiration for where you can take your font and the final presentation. At the end the font is due. Part of this homework is starting to get the things you need for the final. Watch: Tina Smith's Food for Thought (summary/thoughts must included in your process book) - - - - -If you are on a MAC download the trial version of Glyphs.You need it when class starts so download it before class starts on Monday. After Spring Break I will demo Glyphs and we will work together. Please have your illustrator files on a google drive or dropbox so you can easily download them to a school machine. &nbsp; &nbsp; Spring Break Monday, March 20 You have ^ homework do it :) Tina Smith -- ThoughtsToolKits Download FREE Trial of Glyphs if you have a MAC.Stem Thickness Window &gt; Plugin ManagerFind Stem Thicknessyou may have to install something restart Glyphs, then install the plug in. INTRO TO GLYPHS (if you missed Monday’s class or need to rewatch)Overview DemoPlugins DemoHow to Copy and Paste from Illustrator to Glyphs UPPERCASE Demolowercase demo Tip Work on your Glyphs file not the otf file :) *** IF YOU GET STUCK YOUR JUST MESSAGE ME IN SLACK OR EMAIL.&nbsp; HOMEWORK Finish all the 26 characters: all the lowercase OR all the uppercase. You can draw them in illustrator and copy and paste into Glyphs or you can just draw them in Glyphs. If you want to do numbers or some punctuation that is optional. *Make variations of the letters that are giving you trouble. *if the s is giving you trouble then try a few versions of or the g or w or whatever letters now is the time to explore the trouble letters. Remember it might be easy to turn one letter into another one. Do that when possible. Refer to the handout forms of construction.pdf. Think of a name for your font. Name it. Save your glyphs file AND export it and test it out in illustrator!!! Type out your letters in a pangram. Save as a pdf and bring a print out to class so we can see your letters. Wednesday March 22 Walter Tracy: Letters of Credit Spacing pdf: SpacingOpen Type Features in Illustrator: Video Demo Making Patterns in illustratorMaking patterns (make at least 3 before you leave class) Starting thinking about animations: one should explain your modular, how it is used.&nbsp; Working in class to explore options, refine, correct letter spacing. Open your font in Glyphs._ Glyphs: Questions : what do you need help with? Export your font, add it to font book and open illustrator.Create a pangram at least 120 point tall and 36 pt tall._ crit letters, what are the problem letters?_ how is the letterspacing?. Glyph Tips Diamonds are everyones best friendsDouble check that all your letters are on the baselineDouble check that all your letters go up to the x-height or cap/ascender height.-&gt; If you need me to help you get your guides set please say so. Side BearingsWhat are they, How do you change them all at onceCheck your L I T J Q U c e j k leasiest way is to look at letters using a control letter H or nHIHTHIHJHQUH or ninitinjnquncnenlc*and remember to kern in illustrator, you have the control Background layercommand B, screen turns pink when you are in the background HOMEWORK Start thinking /planning how to show off / teach us about your font.What could be a compelling way to show off your font? Make a Pattern? Construction, Modules, a Quote, a lyric, poem, just words. What image(s) enhance the feeling or set the mood of your font? You started this now be more selective (maybe you need to research a bit more). What words can you use to show it off? (what are your favorite letters and what words use them? if you hate a letter don't use it :) Find a pangram you want to use. Or create your own.Refine any letters that are still giving you trouble. Work on your letter and word spacing. Start making your process book so you can just add to it and not have to design it the night before. Examples Anne | Kate | Abby | 1) Testing. Test your font at different sizes so you know how SMALL you can use it in a behance post. Also test how small you can use your secondary font. Change it to your fonts, change the words to your words... turn off the direction layer. Post to your behance so you can see them in context. (and make sure you have in your process book) 2) Patterns. before moving on to the tool kit play with making patterns. Use the Pattern Options under window. Play making patterns out of dots, squares, lines, maybe a letter, maybe your modules... just play so you understand how to make, use and edit patterns. You may end up not using patterns for this project but it is the time to learn about them so just embrace the learning experience! :) Make at least 10 patterns so you understand all the options in pattern maker. Include them in your process book.&nbsp; <img width="1400" height="600" width_o="1400" height_o="600" data-src="https://freight.cargo.site/t/original/i/d8994d1b242a770615d3323ad107390dc293d1fc5f11169912a343b3f405e8cf/a8fb22106693597.5f962a0d100ca.gif" data-mid="165516938" border="0" src="https://freight.cargo.site/w/1000/i/d8994d1b242a770615d3323ad107390dc293d1fc5f11169912a343b3f405e8cf/a8fb22106693597.5f962a0d100ca.gif" /> 3) Starting to think about ... Part of the final will be presenting your modular system, show how it is used, and describe 3 to 6 characteristics of your font. You will need to visual show and verbally explain characteristics about selected letters -- we will call this Show and Tell. sheet of examples | 1 | 2 | 3 | 4 | 5 | What is important is at this stage you Explore. I don't want to give you any more direction than that: be inspired by the possibles by looking at apeloig posters, patterns by MuirMcNeil... Think of how to manuals or exploded views or …. try different ways to diagram the letters. (don't just do these examples! Starting sketching/ writing down ideas on how you want to show your entire alphabet, how do you want to show off one letter series of letters. How do you want to explain both visually and using typed words to describe the characteristics of your font/letters. How do you want to show how a letter(s) are constructed with your system. Start looking at examples online. Bookmark, collect (google drive, pinterest or are.na, take notes, sketch your ideas. 4) Tool Kits. Create 2 different tool kit ideas based on different moods or personalities. Tool kit is a one stop shop for all the assets you will need when creating your final post. You chould be able to open your toolkit when you are designing your behance post and have everything you need. Design the toolkits in Adobe Illustrator. Toolkit should include: Name of the font, 3 words to describe it, 1 - 3 images/illustrations, color palette, pangram/quote, secondary font if needed, modules used to create your letters, highlight at least 3 characterisics "show and tell" you need words (use your secondary font, pattern(s) (optional). Monday, March 27 Open Type Features in Illustrator: Video Discuss homework. We understand this is abstract&nbsp; – it is time for you to try and find your own way. How are you going to show off your font on a behance post?. You must have all the content above in any order. Remember your Behance post/page can go very LONG, scrolling is great, do not cram it all in.examples: https://www.behance.net/collection/188877001/Modular-Font-Examples HOMEWORK Craft is king. What do you have to fix to have perfect craft? Practice Animations (these are practice you will have to make new for your final, treat them as practice) Build out 2&nbsp;Behance posts think of them as sketches. Practice Frame by Frame Animations. Make at least 2 (you will have to remake them for the final). Practice Time Line Animations. Make at least 1 to practice (you will have to remake them for the final). Based on your toolkit and what you now understand about animation start planning out your behance post When thinking about your animation please don't get tricky making your letters 3D doesn't make much sense when you are supposed to be teaching us about your letters, also effects like glitch or bevel or shadow don't add anything like noise to your presentation -- make sure what you are doing is all about teaching us about your font. Keep them simple and clear. Any shimmer or shake will be viewed as bad craft. IF you want to have some special effects that is fine -- but don't do them in place of teaching us -- do them in addition to. To start planning for your final behance presentation. Make at least 2 ideas post them on Behance so you can see the size of things. BEHANCE (can have more in your post but must have these...) Font Name3 words for the tone/moodAt least one image (photo or illustration) to set the tone/mood.Pangram (any) or a poem, quote...Entire uppercase or lowercase (numbers or punctuation optional)At least 1 animation on how your modular worksAt least 1 animation showing off a characteristics show and tell (and make sure you show your font Large and as small as it can go! you tested this out) You need at least 2 animations on your final behance post. You need to have a plan before you start to build it/animate it. Build it in Illustrator or in Photoshop, using layers in either case. Build it to a one to one size that will work for behance. *this is the key part. before you start building out your final animations for behance you must know what size you need to make them. Wednesday, March 29 Open Type Features in Illustrator: Video Final crit for feedback. Have your Behance posts ready for feedback.&nbsp; HOMEWORK Build out/ Refine your final behance post. Behance Post includes at least these things (you can have more this is the minimum)_ Font Name_ 3 words for the tone/mood_ At least one image (photo or illustration) to set the tone/mood._ Pangram (any) or a poem, or a quote..._ Entire uppercase or lowercase (numbers or punctuation optional)_ How does your Modular system work?_ Visually and verbally explain 3 - 6 characteristics of your typeface._ At least 2 animations (can be anything) *and make sure you show your font Large and as small as it can go and still be legible. Behance Tips:__Use a grid.__Think about scale, and pacing don't be static.__Test your secondary font as to how small you can use it so use it at that size and keep it consistent through the post including in your animated gifs (if you use it -- keep it the same font, style, size)__Design your post in illustrator using a place holder image for your animations so you can see how it all will look together.__You tested how small your font will work online so use it at that smallest size.__Don't be afraid to have us scroll and maybe we don't see everything until we scroll (you know SCALE.__other things can animate (patterns, images, text... __Process book is professional and ready to show a professional for an internship. Must be well designed will take points off it is thrown together, doesn't use a grid, unclear hierarchy, incomplete.... Remember you must include a project description (what was the project), project overview (your thoughts on the project where you struggled, where it was too short, too long, too to hard, too unclear, fun :) Due Monday April 3 Walter Tracy: Letters of Credit Spacing pdf: SpacingOpen Type Features in Illustrator: Video Things we will consider when grading...__Process: did you make progress every class / did you explore options__Font construction is modular.__Font construction craft: is it clean, did you attempt to remove points in glyphs,...__Behance post contains all the content required__Kerning of your font on behance post. *you may have to manual kern in__Use of a grid__Clear hierarchy/ use of the page__Animation 1: appropriate, idea__Animation 1: craft (alignments and timing)__Animation 2: appropriate, idea__Animation 2: craft (alignments and timing)__Animation 3: for instagram, appropriate, idea, craft__Process book is professional and ready to show a professional for an internship. Must be well designed will take points off it is thrown together, doesn't use a grid, unclear hierarchy, incomplete.... Rember you must include a project description (what was the project), project overview (your thoughts on the project where you strugggled, where it was too short, too long, too to hard, too unclear, fun :) https://andreaherstowski.xyz/Conference Mon, 25 Mar 2024 18:41:58 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/Conference andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment/Google DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22 **Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7&nbsp; All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. *If a project or process book were handed in digitally, you do not need print. ** Workbook. If you want a LULU version for Review send it off by April 23. Conference Resources Conference Brand Experience (overview)Kit-of-Parts. Kinetic System. Imagine, brand, and promote a conference around a theme of your choice, drawing inspiration from TED.com for ideas on themes, speakers, and content. Your goal is to create a dynamic identity system ​(typographically sound) that informs, engages, and excites your target audience. This process involves brainstorming, in-depth research, and creative experimentation, resulting in a comprehensive and cohesive body of work. The visual representation of your conference should capture a single moment within a constantly evolving and dynamic framework. The identity program acts as a kit-of-parts, offering a versatile collection of elements. It serves as a visual language, defining the use of colors, complementary fonts, and a variety of graphic elements like symbols, patterns, textures, and photographs.Every successful conference hinges on a captivating theme. What message will your speakers convey, and what will attendees take away? The most effective themes are catchy, relatable, and evoke an emotional response, igniting inspiration and sparking meaningful conversations. Your theme isn't just a slogan; it's the cornerstone of your branding strategy, influencing everything from logo design to social media hashtags, promotional materials, websites, and speaker introductions.The best themes are catchy, relatable, and trigger an emotional response. You want the conference to inspire and stimulate conversation. Your theme has to enable that. For instance, “Stronger as a team” is probably a better theme than “Achieving improved efficiencies through increased cross-functional collaboration.” Or “Spark Your Brilliance” versus “Efficiency Sparks: Fanning the Flames of Cross-Functional Synergy”. The theme is more than just a rallying cry for all participants; it will also guide your branding and promotion, from designing a logo, social media, printed material and screen based experiences. Empty the tank.This project represents a significant milestone, encapsulating all the knowledge and skills you've acquired throughout the year into one comprehensive design final. From crafting conceptually driven, eye-catching printed collateral to mastering dynamic motion graphics, this endeavor demands your unwavering commitment, courage, and perseverance.It’s an opportunity to showcase the culmination of your hard work and dedication, pushing yourself to produce the best work you’re capable of. The next 5 weeks will be challenging, approaching them with determination and resilience will ensure that you finish the semester on a high note. Embrace the journey with enthusiasm and confidence, knowing that each step forward brings you closer to achieving your goals. Let this project serve as a testament to your growth, creativity, and unwavering passion for design. (All the clichés are true: trust the process, believe we are here for your success.) You have what it takes to rise to the occasion and leave your mark with brilliance and distinction. LEARNING OBJECTIVES Cultivate independent critical thinking skillsEmbrace technology to enhance the effectiveness of the communication messageFurther develop conceptual skills and problem-solving toolsFurther develop design principles, relationships between form, content, and contextExplore semiotic theory in developing visual concepts for effective communication (image alteration, image combination, simile, metaphor, metonymy, type as image)Explore various typographic grid systems applicable to single-page, short-form multiple-page, and dimensional formats, including booklets, posters, signage, environmental design, motion graphics, and interactive applicationsExplore the expressive potential of typography Understand and create a kinetic, rich brand experienceRefine an eye for detail (demonstrate exemplary visual craft—analog and digital)Methodically document relevant design inspiration and processPresent and assess work in a visually and verbally articulate manner Present design work with an emphasis clarity and professionalismSOFTWAREAdobe Illustrator, Adobe AfterEffects, Adobe InDesign. CONFERENCE RESOURCES What does it really mean to brands a festival Power of Motion Brand New Conference Designs Designing BAM Design Inspiration KU Design Students BRANDING RESOURCESBrand New Worlds Briefly: all about the Design Brief Tagline vs Brand Purpose Brand Tool Kit Kinetic Brand in Motion Good Design is Good WillDigital Brand Guidelines | dropbox | squarespace FORM RESOURCES Typographic Poster Archivegretelny.com/mode | wework pentagram.com/library-of-congress | cohere wearecollins.com/kalw | freeform firebellydesign.com/the-humane-space | onwardTypographic Form and Communication Typographic Workbook Making and Breaking the Grid Introduction, Monday, April 1 Your next challenge is to imagine, design and produce the materials for a 2-day conference on a topic based on any Ted.com/topics. To give your conference line-up some seriousness you will use TED.com to identify at least 6 of the 8 speakers in your speaker line-up. You need 8 speakers total. At least 6 speakers need from Ted.com What is the big idea behind the conference?Who are the speakers ?Why would people want to attend? Who are they?When and where would it be held. Look and Feel: The final solutions must be an organic/kinetic series. PLEASE... Do not start by thinking of the end product. You will get sidetracked on making something cool and not having a concept. Don’t look. Just think, write, explore. Look at the TED.com/topics. Watch TED talks. Read. Research. Brainstorm. What would be a cool conference in regards to CONTENT. IDEAS. You will make this project look cool but do not start there! It is dangerous to your future to image what you want it to look like first. Some tips from experince, avoid topics around mediation, brian health, etc., – not because we shouldn’t care about them, but because the visuals are not that interesting. Pick something that you are interested in but still out of your comfort zone. HOMEWORK Click through the Resources Links what resonated with you?TED ResearchTED talks/topics and start to get a sense of who your speakers might be. Do you want to focus on a topic or maybe your speakers don’t need to feel like they initially go together. How do the ideas build on one another? How can they be related to one another? See the Playlists For example if your conference is about Sports / Data. Could a speaker focused on the genetics of athletes also be interesting Have a list of 10-12 potential speakers / talks. What is the connecting thread here? Make sure your speaker line-up is diverse in topic, perspective… Type up to present all of the content outlined below.Capture. What are TED.com/topics sound interesting. Or the curated Playlist. Consider at least topics 3 before you pick one.Watch at least 8 videos on the topic and pick your 6 - 8 speakers.Identify at least your 6 - 8 speakers.Watch videos and use the transcripts to capture :: key words :: key phases :: key points Looking at your lists... what are a common theme(s)/thread(s) between the talks?Is there someone that is not a TED speaker that you would like to include? Capture Speaker Info (you have to have this later so do it now)While you are researching make sure you capture all this speaker info. Gather it all in one place (maybe a google doc).&nbsp;The information should be handy when you are working on your materials. URL, Speaker Name, (do they have a title/credentials), collect their bio, title of the talk, short description of the talk, at lease 1 quote from the talk, and one question that can be asked or answered Create an onscreen presentation 1920x1080px (landscape) use as many pages/slides as you need, don’t crowd the pages. Use a grid. Pick your typography. This is the start of your Process Book :) Save as a pdf and put it on the google drive and be prepared to share it with the class or small groups. https://andreaherstowski.xyz/WedApril3 Thu, 14 Mar 2024 16:29:51 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/WedApril3 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment Google DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May Sophomore/Second-Year Review Tuesday, May 7 All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. *If a project or process book were handed in digitally, you do not need print Wednesday, April 3 Present ResearchNext steps develop concepts/themes/titles/taglines Develop Concept/Theme. Conference Name. Tagline.Developing a theme for your conference is an essential step that sets the tone and direction for the entire event. A theme serves as the guiding principle, providing coherence and focus to the presentations, discussions, and activities throughout the conference. It acts as a unifying thread that ties together diverse topics and perspectives, creating a cohesive and engaging experience for attendees. Think about the audience you are targeting and what topics or issues are most relevant and compelling to them. The theme should resonate with attendees and inspire their participation and involvement. A great theme captures the essence of the conference, sparks curiosity, generates interest among potential participants, and acts as a visual springboard when developing the look and feel of your conference. Use what you collected for last class… Capture ____key points ____phases ____words they use ____things they refer to. Common theme(s)/thread(s) 3 - 6 question(s) that can be answered 6 questions that can be asked.Overarching/ big ideas about the conference ^ if you didn’t do a great job or you don’t have things to pull from start by reworking the list. HOMEWORK TO DO... Work down the list. Format your work into a wide screen presentation (should just become part of your process book). Design it. Use a grid. Design Principles. Typographic Principles. (examples are on the google drive) WHERECan be virtual or in a place/city, pick some where interesting for your Conference how can where you have it affect the theme and who attends?WHOWho will attend your conference (don’t say anyone or everyone be very specific)Who are your Speakers CONCEPTNow that you have done the who and where. Start to develop a concept. You need 6 different names, 6 different taglines, 6 short paragraphs, + 3 words for each concept (words that help find visuals, + 1 - 3 images that express the mood or tone (tech, organic, east coast, west coast, retro, vintage, etc just try)Brainstorm words that can capture, expand, twist your thread. Start with these ideas… expansion, expanding, unfold, unravel, extend, distend, broaden, develop, multiply, disjoin, combine, reveal ... or any other words. What 2 words could you put together to make a thread?&nbsp;Maybe a metaphor? Look at some Action Verbs. What is the concept? The Big Idea?-- Name of the Conference-- Tagline-- Write 3 -5 sentences about your conference to support, expand, the idea behind the name and tagline. This would be used on your promotion materials PRESENTATIONStart off your pdf with all the stuff you had for last class, where, then the who, then all the concepts... followed by one page/screen for each idea (x6)Conference NameTaglineShort Paragraph3 words (words that evoke emotion or a visual)1 - 3 images that express the mood *don't have a visual that matches your topic ie: coral or a mind or a book you want to have an image that shows the mood or tone like something that looks like tech or looks organic, or looks complicated or menacing or .... get it? just try. Please end presention with all 6 titles and 6 taglines on one page so we can discuss them easily. Add homework to your previous presentation and save it as pdf. Upload it to CANVAS (there is an assignment). Be ready to flick it onto the TV to present on Monday*. If you are on a PC upload it to the google drive and I can pull it from there for you to present. If you have questions please use Slack to DM me. *If you are participating in a Design Week event DM me a photo of you at the event :) can be a group photo and get your pdf on canvas “on-time”. Please include in your pdf which idea(s) you think are the strongest. Can’t give you feedback you don’t tell me what you favoring and why. (This becomes part of your process book). Design these presentations so you can stitch them together to make a digital, screen based process book. <img width="2200" height="1700" width_o="2200" height_o="1700" data-src="https://freight.cargo.site/t/original/i/f50af97cd1fb01a7659187618e9844d1cb1e24998843596e881ad7f87507f772/Mollie_Mytinger_processbook_Page_19.jpg" data-mid="206812142" border="0" src="https://freight.cargo.site/w/1000/i/f50af97cd1fb01a7659187618e9844d1cb1e24998843596e881ad7f87507f772/Mollie_Mytinger_processbook_Page_19.jpg" /> TITLES.SUB.TEXT Diversity Sparks Fostering Growth Through Inclusion Celebrate the vibrant synergy that diverse perspectives ignite. Join us as we explore how embracing diversity fuels creativity, sparks innovation, and leads to breakthrough solutions. Get ready to be inspired by the transformative power of inclusion! Thriving Together Fueling Growth as One Join us to celebrate the power of collective synergy and shared success. Experience an atmosphere charged with excitement and possibilities as we explore how collaboration fuels growth and unlocks unlimited potential. Be part of this transformative journey towards mutual prosperity and envision a future where we thrive together as a unified force. Mirror of Humanity Reflect, Connect, ThriveMirror of Humanity: Reflect, Connect, Thrive invites you to delve into self-reflection, forge meaningful connections, and thrive in a diverse world. Join us in exploring the power of self-awareness and empathy as catalysts for personal growth and societal harmony. Get ready for an enlightening experience that will inspire positive change within and beyond! Unearthing Humanity’s Origin The Evolution of Graphic CommunicationUnearthing Humanity’s Origin: The Evolution of Graphic Communication beckons you on a captivating journey to explore the ancient roots of human expression and graphic communication through the fascinating history of early European art. By examining the artistic expressions of our ancestors, we gain insights into the complexities of human cognition and the universal language of visual storytelling that transcends time and geographical boundaries. Join us in uncovering the universal language of visual storytelling and gaining insights into the complexities of human cognition that transcend both time and geographical boundaries Beyond Boundaries: Unraveling the Puzzle of PersonalityJoin us for an enlightening journey of exploration and understanding. Beyond Boundaries: Unraveling the Puzzle of Personality beckons participants to delve into the intricate layers of human identity, examining the moments when individuals defy conventional boundaries and reveal deeper truths about themselves. This captivating title underscores the theme of self-discovery and the impact of cultural influences on shaping our personalities. (use Chat GPT and edit it)Do you like scary movies? (Don’t Go In There) Conference is a brand identity for a horror movie gathering, featuring speakers who talk about the sexism of horror, the absurdist themes of the genre, and other horror-related topics. Inspired by vintage cinematography and photography as ways to reframe how we think of horror. (Don’t Go In There) is an electrifying and spine-chilling gathering that celebrates the captivating world of horror movies. Immerse yourself in a journey that promises to send shivers down your spine and ignite your imagination. With a focus on pushing boundaries and uncovering the hidden depths of horror, this conference is not for the faint of heart. Join us as we dare to explore the darkest corners of cinematic terror, challenging perceptions and unraveling the cultural impact of fear-inducing narratives. https://andreaherstowski.xyz/MondayApril8-1 Thu, 14 Mar 2024 16:31:03 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/MondayApril8-1 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment/Google DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7&nbsp; All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. *If a project or process book were handed in digitally, you do not need print. Monday, April 8 Present and Discuss 6 different names,6 different taglines,6 short paragraphs+ 3 words for each concept (words that help find visuals)+ 1 - 3 images that express the mood or tone In-Class 6 word pitch Audience Persona Speaker Content (if you skipped this part earlier do it now:&nbsp;and gather all the speaker info into one place (maybe a google doc). Speaker Name, (do they have a title/credentials), collect their bio, title of the talk, short description of the talk, at lease 1 quote from the talk, and one question that can be asked or answered. HOMEWORKRefine your concept: title, subtitle, paragraph.If you are still between 2 different ideas work them both out. If you skipped gathering all the speaker info before do it now. Write an audience persona. Very specific. Think of a person that would go to your conference. Try not to think about a peer but a person out there in the world. What is their name, how old are they, what level of education do they have, where do they live, who do they live with, do they have a pet (name the pet), do they binge watch -- what is it? do they read -- what do they read? what is the last movie they have watched? where do they shop? Walmart vs Target, Dillons vs the Merc? etc. Write it in a narrative.Read this pdf What is the difference between a moodboard and toolkit (in this case in this class :) Moodboard (develop 3 different ideas, rough but thoughtful first moodboard then toolkit, examples)What does the type look like for the title/tagline, quote, date, body text?What is the color palette?How you are going to use color? Full, as tints, as overlays, as...How you are going to treat photography? is it black and white, color, bit mapped, colorized?If you are using illustration how does that look?__ typography, font, styles, how it will be used.. __ color palette: define a palette/ and how you will use it/ overlay. pure. bold. soft__ images: what images would you use/objects, place... *&nbsp; &nbsp;no headshots of speakers for this part__ images manipulation… full color, bw, bitmapped, juxtaposed/collage...__ patterns/textures: if you are using them what do they look like&nbsp;(you can just show an example)__ icons if you were going to use them what is the style (you can just show an example) Print out the 3 different Moodboard directions on 11 x 17. Canvas Assignment: save your speaker information, audience persona and moodboards as a pdf and upload to Canvas for feedback. Mark in someway which one you are thinking you want to go with and why.*If you are participating in a Design Week event DM me a photo of you at the event :) can be a group photo and get your pdf on canvas “on-time”. Examples <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/a6e6c63140454f1acecfb0884ecec99c977b5dc6d84158fe455d9b275c05d63d/sydneydeitz_process_Page_44.jpg" data-mid="206810220" border="0" src="https://freight.cargo.site/w/1000/i/a6e6c63140454f1acecfb0884ecec99c977b5dc6d84158fe455d9b275c05d63d/sydneydeitz_process_Page_44.jpg" /> <img width="4103" height="3171" width_o="4103" height_o="3171" data-src="https://freight.cargo.site/t/original/i/a9938f6bf17cdf4076f1a82774d43a927c410fd08e0c10f8ca2b0c2c69fea396/sydneydeitz_process_Page_45.jpg" data-mid="206810221" border="0" src="https://freight.cargo.site/w/1000/i/a9938f6bf17cdf4076f1a82774d43a927c410fd08e0c10f8ca2b0c2c69fea396/sydneydeitz_process_Page_45.jpg" /> <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/96945fb31529740ec307f8578771029bc8c2461d13b370d3388729b019350d97/sydneydeitz_process_Page_43.jpg" data-mid="206810219" border="0" src="https://freight.cargo.site/w/1000/i/96945fb31529740ec307f8578771029bc8c2461d13b370d3388729b019350d97/sydneydeitz_process_Page_43.jpg" /> <img width="1618" height="1250" width_o="1618" height_o="1250" data-src="https://freight.cargo.site/t/original/i/4010506197aea770b3752a5908c3f0d81e0a3d4184b7e510de50a55873d76d9a/Sara_processbook_Page_066.jpg" data-mid="206810487" border="0" src="https://freight.cargo.site/w/1000/i/4010506197aea770b3752a5908c3f0d81e0a3d4184b7e510de50a55873d76d9a/Sara_processbook_Page_066.jpg" /> <img width="1100" height="850" width_o="1100" height_o="850" data-src="https://freight.cargo.site/t/original/i/a393d2e14c92103772ab3e360dd54e1c9fa2628ecb95292cf409f1f7b1ddaf86/Sara_processbook_Page_067.jpg" data-mid="206810490" border="0" src="https://freight.cargo.site/w/1000/i/a393d2e14c92103772ab3e360dd54e1c9fa2628ecb95292cf409f1f7b1ddaf86/Sara_processbook_Page_067.jpg" /> <img width="1100" height="850" width_o="1100" height_o="850" data-src="https://freight.cargo.site/t/original/i/0132bde25b4e09cee45961eba2af74c9fa60ef62a7efe74baa24cfe49c2fa4a9/Sara_processbook_Page_065.jpg" data-mid="206810486" border="0" src="https://freight.cargo.site/w/1000/i/0132bde25b4e09cee45961eba2af74c9fa60ef62a7efe74baa24cfe49c2fa4a9/Sara_processbook_Page_065.jpg" /> <img width="3025" height="2338" width_o="3025" height_o="2338" data-src="https://freight.cargo.site/t/original/i/f98af39bfde87a71386b5909e039b863ff7b918ec81e5a3f0ee4f34727756881/Mollie_Mytinger_processbook_Page_34.jpg" data-mid="206810737" border="0" src="https://freight.cargo.site/w/1000/i/f98af39bfde87a71386b5909e039b863ff7b918ec81e5a3f0ee4f34727756881/Mollie_Mytinger_processbook_Page_34.jpg" /> <img width="4774" height="3689" width_o="4774" height_o="3689" data-src="https://freight.cargo.site/t/original/i/b5d0d7880fd7fa7d2d4fcc17e1334a40fe7f98086f1e35a8205d19d9053c3dd7/Mollie_Mytinger_processbook_Page_35.jpg" data-mid="206810738" border="0" src="https://freight.cargo.site/w/1000/i/b5d0d7880fd7fa7d2d4fcc17e1334a40fe7f98086f1e35a8205d19d9053c3dd7/Mollie_Mytinger_processbook_Page_35.jpg" /> <img width="3454" height="2669" width_o="3454" height_o="2669" data-src="https://freight.cargo.site/t/original/i/8f4da9fe42060dcfb783e24c8755f16381a4be178a63e35bde1851517a04184b/Mollie_Mytinger_processbook_Page_36.jpg" data-mid="206810739" border="0" src="https://freight.cargo.site/w/1000/i/8f4da9fe42060dcfb783e24c8755f16381a4be178a63e35bde1851517a04184b/Mollie_Mytinger_processbook_Page_36.jpg" /> <img width="3334" height="2576" width_o="3334" height_o="2576" data-src="https://freight.cargo.site/t/original/i/403d0158c3ffdc20254520750e31de02bce5fbadb677adf135f59c2dc8945528/gracegoga_process-book-43.jpg" data-mid="206811462" border="0" src="https://freight.cargo.site/w/1000/i/403d0158c3ffdc20254520750e31de02bce5fbadb677adf135f59c2dc8945528/gracegoga_process-book-43.jpg" /> <img width="4004" height="3094" width_o="4004" height_o="3094" data-src="https://freight.cargo.site/t/original/i/39f13f9cb4032739e8d9e0981a340051ed0e061cb4979b93eda2ee8e1a9bf728/gracegoga_process-book-44.jpg" data-mid="206811463" border="0" src="https://freight.cargo.site/w/1000/i/39f13f9cb4032739e8d9e0981a340051ed0e061cb4979b93eda2ee8e1a9bf728/gracegoga_process-book-44.jpg" /> <img width="3696" height="2856" width_o="3696" height_o="2856" data-src="https://freight.cargo.site/t/original/i/782901215b0bf5b98a530c90306e4a42facd7da122e7f68e9b6f5b0f976383ed/gracegoga_process-book-45.jpg" data-mid="206811464" border="0" src="https://freight.cargo.site/w/1000/i/782901215b0bf5b98a530c90306e4a42facd7da122e7f68e9b6f5b0f976383ed/gracegoga_process-book-45.jpg" /> https://andreaherstowski.xyz/WedApril10 Thu, 14 Mar 2024 16:17:44 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/WedApril10 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment Google DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7 All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. If a project or process book were handed in digitally, you do not need print. Wednesday, April 10 Review MoodboardsCreate 2-Day Schedule|&nbsp;1 |&nbsp;2 |&nbsp;3 |&nbsp;4 |&nbsp;5 | &nbsp;7 |&nbsp;8 | HOMEWORK big weekend of homework do not put it off until Sunday or Monday ;(Create 2-Day Schedule If you didn’t finish creating your 2-day schedule in class finish it. (not designed, only create a text version of a two-day shedule) This is the fun part! Explore 25 different (wide range, wide variety of Typographic only solutions for the Title (and maybe the subtitle) of your conference. Yes 25.&nbsp; Explore 4 different kinetic design directions. Use the illustrator file for each direction. There are 6 different formats with different content -- read the notes and&nbsp;Pick 1 Moodboard and start to develop a Tool Kit(s) (specific elements/assets you can use when designing) Start building out how things can work together in a kinetic system. :: Use this illustrator file :: . Please put the content that is requested on each format. Those directions are on a layer so turn them off. A kinetic system isn’t a one-size-fits-all solution. It means you're not merely adjusting things to fit a predetermined mold. How can you alter the elements' proportions to create a cohesive system? The six formats within this single solution aren't just about range; they represent shifts in form, structure, and hierarchy—exploring new directions, reorganizing, adjusting proportions. These explorations offer glimpses into what the design could become across six different formats. It's about unrestricted exploration using your toolkit. Avoid being rigid or overly cautious. The only mistake is to avoid exploring altogether. Enjoy this creative process—it should be enjoyable. (Through this exploration, new or refined toolkits may emerge.) Reminder: save everything to your process book. Print out for class you should have 4 11 x 17 sheets of kinetic systems at at least 5 pages of type only solutions (5 or so per page). Upload to Canvas for process grade! Examples <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/80f898aff50818aa9c6d7faf708a390e734c085171ba540860b0584222c07caf/Process_HannahWexler_Page_07.jpg" data-mid="206882610" border="0" src="https://freight.cargo.site/w/1000/i/80f898aff50818aa9c6d7faf708a390e734c085171ba540860b0584222c07caf/Process_HannahWexler_Page_07.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/5f046d8e04be201279aa537aeb5ce67c99528a57c6101ba57ba255ad41a66d86/Process_HannahWexler_Page_16.jpg" data-mid="206882647" border="0" src="https://freight.cargo.site/w/1000/i/5f046d8e04be201279aa537aeb5ce67c99528a57c6101ba57ba255ad41a66d86/Process_HannahWexler_Page_16.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/a63a3c9c2a43c7c725f487aef3c87ef102079b16000c612a6238b8512d55903e/Process_HannahWexler_Page_08.jpg" data-mid="206882626" border="0" src="https://freight.cargo.site/w/1000/i/a63a3c9c2a43c7c725f487aef3c87ef102079b16000c612a6238b8512d55903e/Process_HannahWexler_Page_08.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/b7f4eb8c7999836b140648c1ad3be0d9f324d753d0af178570124ed71fbb2b2d/Process_HannahWexler_Page_20.jpg" data-mid="206853271" border="0" src="https://freight.cargo.site/w/1000/i/b7f4eb8c7999836b140648c1ad3be0d9f324d753d0af178570124ed71fbb2b2d/Process_HannahWexler_Page_20.jpg" /> <img width="4515" height="3000" width_o="4515" height_o="3000" data-src="https://freight.cargo.site/t/original/i/5ac823311cb79ae20ba8c421477b20b679c72dfc916b0bf77d0a0f09d9c63474/Process_HannahWexler_Page_21.jpg" data-mid="206853272" border="0" src="https://freight.cargo.site/w/1000/i/5ac823311cb79ae20ba8c421477b20b679c72dfc916b0bf77d0a0f09d9c63474/Process_HannahWexler_Page_21.jpg" /> <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/0402917fb0b5ed2f69e6ee04b7a56977b6064229268d3b0aef91b29b1f0fa789/gracegoga_process-book_Page_54.jpg" data-mid="206815219" border="0" src="https://freight.cargo.site/w/1000/i/0402917fb0b5ed2f69e6ee04b7a56977b6064229268d3b0aef91b29b1f0fa789/gracegoga_process-book_Page_54.jpg" /> <img width="4114" height="3180" width_o="4114" height_o="3180" data-src="https://freight.cargo.site/t/original/i/da99df8ee9d638c6841b1214fbca70ce6ef810bce95b9d024d595c566b4a00d8/gracegoga_process-book_Page_53.jpg" data-mid="206815218" border="0" src="https://freight.cargo.site/w/1000/i/da99df8ee9d638c6841b1214fbca70ce6ef810bce95b9d024d595c566b4a00d8/gracegoga_process-book_Page_53.jpg" /> <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/5e4962e45228714ddcc94310814ad4dbf243904006482e6fc961400a4b896613/gracegoga_process-book_Page_61.jpg" data-mid="206815224" border="0" src="https://freight.cargo.site/w/1000/i/5e4962e45228714ddcc94310814ad4dbf243904006482e6fc961400a4b896613/gracegoga_process-book_Page_61.jpg" /> <img width="2959" height="2482" width_o="2959" height_o="2482" data-src="https://freight.cargo.site/t/original/i/2e304774ed39dd512531d3f6f6bc7d3c92995216b23080c99275c15179034690/gracegoga_process-book_Page_55.jpg" data-mid="206815220" border="0" src="https://freight.cargo.site/w/1000/i/2e304774ed39dd512531d3f6f6bc7d3c92995216b23080c99275c15179034690/gracegoga_process-book_Page_55.jpg" /> <img width="4917" height="3800" width_o="4917" height_o="3800" data-src="https://freight.cargo.site/t/original/i/77cef2e61a24af87e1855f2bd4506a7073e6877f435044bd5963e39fc43ba5f5/gracegoga_process-book_Page_56.jpg" data-mid="206815221" border="0" src="https://freight.cargo.site/w/1000/i/77cef2e61a24af87e1855f2bd4506a7073e6877f435044bd5963e39fc43ba5f5/gracegoga_process-book_Page_56.jpg" /> <img width="1122" height="859" width_o="1122" height_o="859" data-src="https://freight.cargo.site/t/original/i/eb2984fc686e7103350468afceb8d2532dc4a057493e91ce71f79fdc348db2d9/Sara_processbook_Page_069.jpg" data-mid="206882763" border="0" src="https://freight.cargo.site/w/1000/i/eb2984fc686e7103350468afceb8d2532dc4a057493e91ce71f79fdc348db2d9/Sara_processbook_Page_069.jpg" /> <img width="1584" height="1224" width_o="1584" height_o="1224" data-src="https://freight.cargo.site/t/original/i/3f2e1603e329b80f57e157405adb486a47514456e51c79df3cdb6d3123918ed0/Sara_processbook_Page_072.jpg" data-mid="206882766" border="0" src="https://freight.cargo.site/w/1000/i/3f2e1603e329b80f57e157405adb486a47514456e51c79df3cdb6d3123918ed0/Sara_processbook_Page_072.jpg" /> <img width="1144" height="876" width_o="1144" height_o="876" data-src="https://freight.cargo.site/t/original/i/7ce9c730fbb4cb2876698f01f4b1b9ffb63e6b45eaf59cbf0ff75c8408c36157/Sara_processbook_Page_070.jpg" data-mid="206882764" border="0" src="https://freight.cargo.site/w/1000/i/7ce9c730fbb4cb2876698f01f4b1b9ffb63e6b45eaf59cbf0ff75c8408c36157/Sara_processbook_Page_070.jpg" /> <img width="2200" height="1700" width_o="2200" height_o="1700" data-src="https://freight.cargo.site/t/original/i/07dc4d29237be2e00d979efd5d17065d476b645604e6f9ce2d27428c9ddc0e23/Sara_processbook_Page_071.jpg" data-mid="206882765" border="0" src="https://freight.cargo.site/w/1000/i/07dc4d29237be2e00d979efd5d17065d476b645604e6f9ce2d27428c9ddc0e23/Sara_processbook_Page_071.jpg" /> <img width="1881" height="1445" width_o="1881" height_o="1445" data-src="https://freight.cargo.site/t/original/i/3af3fe298dace07e0fc5c2a69f006ece3a6483324a6f96eb9267c8fab4dd7bdb/Sara_processbook_Page_078.jpg" data-mid="206814983" border="0" src="https://freight.cargo.site/w/1000/i/3af3fe298dace07e0fc5c2a69f006ece3a6483324a6f96eb9267c8fab4dd7bdb/Sara_processbook_Page_078.jpg" /> <img width="1848" height="1437" width_o="1848" height_o="1437" data-src="https://freight.cargo.site/t/original/i/0ae8f2c13651d05c7618e3118fb246c08959e961cf3c5b5998780ef0628fcd8f/Sara_processbook_Page_079.jpg" data-mid="206814984" border="0" src="https://freight.cargo.site/w/1000/i/0ae8f2c13651d05c7618e3118fb246c08959e961cf3c5b5998780ef0628fcd8f/Sara_processbook_Page_079.jpg" /> <img width="1837" height="1420" width_o="1837" height_o="1420" data-src="https://freight.cargo.site/t/original/i/37ef053db959df4a3cffbd2c62b18338c57f62029c5321d2389d10f99685f28d/Sara_processbook_Page_080.jpg" data-mid="206814985" border="0" src="https://freight.cargo.site/w/1000/i/37ef053db959df4a3cffbd2c62b18338c57f62029c5321d2389d10f99685f28d/Sara_processbook_Page_080.jpg" /> <img width="1848" height="1428" width_o="1848" height_o="1428" data-src="https://freight.cargo.site/t/original/i/8fd090972f0a3bd9eff6f9343aef52e20b47d28ade469fca7a8d2912f14ed8cc/Sara_processbook_Page_081.jpg" data-mid="206814986" border="0" src="https://freight.cargo.site/w/1000/i/8fd090972f0a3bd9eff6f9343aef52e20b47d28ade469fca7a8d2912f14ed8cc/Sara_processbook_Page_081.jpg" /> <img width="1848" height="1428" width_o="1848" height_o="1428" data-src="https://freight.cargo.site/t/original/i/74e07f0320827c4e772d7d08119a69209d540a4653349792dbe9b5e3ffda0083/Sara_processbook_Page_082.jpg" data-mid="206814988" border="0" src="https://freight.cargo.site/w/1000/i/74e07f0320827c4e772d7d08119a69209d540a4653349792dbe9b5e3ffda0083/Sara_processbook_Page_082.jpg" /> https://andreaherstowski.xyz/KineticSystem Mon, 24 Mar 2025 14:55:38 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/KineticSystem andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment EXAMPLES of type studies and kinetic systems <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/80f898aff50818aa9c6d7faf708a390e734c085171ba540860b0584222c07caf/Process_HannahWexler_Page_07.jpg" data-mid="228710328" border="0" src="https://freight.cargo.site/w/1000/i/80f898aff50818aa9c6d7faf708a390e734c085171ba540860b0584222c07caf/Process_HannahWexler_Page_07.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/5f046d8e04be201279aa537aeb5ce67c99528a57c6101ba57ba255ad41a66d86/Process_HannahWexler_Page_16.jpg" data-mid="228710330" border="0" src="https://freight.cargo.site/w/1000/i/5f046d8e04be201279aa537aeb5ce67c99528a57c6101ba57ba255ad41a66d86/Process_HannahWexler_Page_16.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/a63a3c9c2a43c7c725f487aef3c87ef102079b16000c612a6238b8512d55903e/Process_HannahWexler_Page_08.jpg" data-mid="228710329" border="0" src="https://freight.cargo.site/w/1000/i/a63a3c9c2a43c7c725f487aef3c87ef102079b16000c612a6238b8512d55903e/Process_HannahWexler_Page_08.jpg" /> <img width="3000" height="2000" width_o="3000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/b7f4eb8c7999836b140648c1ad3be0d9f324d753d0af178570124ed71fbb2b2d/Process_HannahWexler_Page_20.jpg" data-mid="228710326" border="0" src="https://freight.cargo.site/w/1000/i/b7f4eb8c7999836b140648c1ad3be0d9f324d753d0af178570124ed71fbb2b2d/Process_HannahWexler_Page_20.jpg" /> <img width="4515" height="3000" width_o="4515" height_o="3000" data-src="https://freight.cargo.site/t/original/i/5ac823311cb79ae20ba8c421477b20b679c72dfc916b0bf77d0a0f09d9c63474/Process_HannahWexler_Page_21.jpg" data-mid="228710327" border="0" src="https://freight.cargo.site/w/1000/i/5ac823311cb79ae20ba8c421477b20b679c72dfc916b0bf77d0a0f09d9c63474/Process_HannahWexler_Page_21.jpg" /> <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/0402917fb0b5ed2f69e6ee04b7a56977b6064229268d3b0aef91b29b1f0fa789/gracegoga_process-book_Page_54.jpg" data-mid="228710317" border="0" src="https://freight.cargo.site/w/1000/i/0402917fb0b5ed2f69e6ee04b7a56977b6064229268d3b0aef91b29b1f0fa789/gracegoga_process-book_Page_54.jpg" /> <img width="4114" height="3180" width_o="4114" height_o="3180" data-src="https://freight.cargo.site/t/original/i/da99df8ee9d638c6841b1214fbca70ce6ef810bce95b9d024d595c566b4a00d8/gracegoga_process-book_Page_53.jpg" data-mid="228710316" border="0" src="https://freight.cargo.site/w/1000/i/da99df8ee9d638c6841b1214fbca70ce6ef810bce95b9d024d595c566b4a00d8/gracegoga_process-book_Page_53.jpg" /> <img width="3300" height="2550" width_o="3300" height_o="2550" data-src="https://freight.cargo.site/t/original/i/5e4962e45228714ddcc94310814ad4dbf243904006482e6fc961400a4b896613/gracegoga_process-book_Page_61.jpg" data-mid="228710322" border="0" src="https://freight.cargo.site/w/1000/i/5e4962e45228714ddcc94310814ad4dbf243904006482e6fc961400a4b896613/gracegoga_process-book_Page_61.jpg" /> <img width="2959" height="2482" width_o="2959" height_o="2482" data-src="https://freight.cargo.site/t/original/i/2e304774ed39dd512531d3f6f6bc7d3c92995216b23080c99275c15179034690/gracegoga_process-book_Page_55.jpg" data-mid="228710318" border="0" src="https://freight.cargo.site/w/1000/i/2e304774ed39dd512531d3f6f6bc7d3c92995216b23080c99275c15179034690/gracegoga_process-book_Page_55.jpg" /> <img width="4917" height="3800" width_o="4917" height_o="3800" data-src="https://freight.cargo.site/t/original/i/77cef2e61a24af87e1855f2bd4506a7073e6877f435044bd5963e39fc43ba5f5/gracegoga_process-book_Page_56.jpg" data-mid="228710319" border="0" src="https://freight.cargo.site/w/1000/i/77cef2e61a24af87e1855f2bd4506a7073e6877f435044bd5963e39fc43ba5f5/gracegoga_process-book_Page_56.jpg" /> <img width="1122" height="859" width_o="1122" height_o="859" data-src="https://freight.cargo.site/t/original/i/eb2984fc686e7103350468afceb8d2532dc4a057493e91ce71f79fdc348db2d9/Sara_processbook_Page_069.jpg" data-mid="228710333" border="0" src="https://freight.cargo.site/w/1000/i/eb2984fc686e7103350468afceb8d2532dc4a057493e91ce71f79fdc348db2d9/Sara_processbook_Page_069.jpg" /> <img width="1584" height="1224" width_o="1584" height_o="1224" data-src="https://freight.cargo.site/t/original/i/3f2e1603e329b80f57e157405adb486a47514456e51c79df3cdb6d3123918ed0/Sara_processbook_Page_072.jpg" data-mid="228710336" border="0" src="https://freight.cargo.site/w/1000/i/3f2e1603e329b80f57e157405adb486a47514456e51c79df3cdb6d3123918ed0/Sara_processbook_Page_072.jpg" /> <img width="1144" height="876" width_o="1144" height_o="876" data-src="https://freight.cargo.site/t/original/i/7ce9c730fbb4cb2876698f01f4b1b9ffb63e6b45eaf59cbf0ff75c8408c36157/Sara_processbook_Page_070.jpg" data-mid="228710334" border="0" src="https://freight.cargo.site/w/1000/i/7ce9c730fbb4cb2876698f01f4b1b9ffb63e6b45eaf59cbf0ff75c8408c36157/Sara_processbook_Page_070.jpg" /> <img width="2200" height="1700" width_o="2200" height_o="1700" data-src="https://freight.cargo.site/t/original/i/07dc4d29237be2e00d979efd5d17065d476b645604e6f9ce2d27428c9ddc0e23/Sara_processbook_Page_071.jpg" data-mid="228710335" border="0" src="https://freight.cargo.site/w/1000/i/07dc4d29237be2e00d979efd5d17065d476b645604e6f9ce2d27428c9ddc0e23/Sara_processbook_Page_071.jpg" /> <img width="1881" height="1445" width_o="1881" height_o="1445" data-src="https://freight.cargo.site/t/original/i/3af3fe298dace07e0fc5c2a69f006ece3a6483324a6f96eb9267c8fab4dd7bdb/Sara_processbook_Page_078.jpg" data-mid="228710300" border="0" src="https://freight.cargo.site/w/1000/i/3af3fe298dace07e0fc5c2a69f006ece3a6483324a6f96eb9267c8fab4dd7bdb/Sara_processbook_Page_078.jpg" /> <img width="1848" height="1437" width_o="1848" height_o="1437" data-src="https://freight.cargo.site/t/original/i/0ae8f2c13651d05c7618e3118fb246c08959e961cf3c5b5998780ef0628fcd8f/Sara_processbook_Page_079.jpg" data-mid="228710301" border="0" src="https://freight.cargo.site/w/1000/i/0ae8f2c13651d05c7618e3118fb246c08959e961cf3c5b5998780ef0628fcd8f/Sara_processbook_Page_079.jpg" /> <img width="1837" height="1420" width_o="1837" height_o="1420" data-src="https://freight.cargo.site/t/original/i/37ef053db959df4a3cffbd2c62b18338c57f62029c5321d2389d10f99685f28d/Sara_processbook_Page_080.jpg" data-mid="228710302" border="0" src="https://freight.cargo.site/w/1000/i/37ef053db959df4a3cffbd2c62b18338c57f62029c5321d2389d10f99685f28d/Sara_processbook_Page_080.jpg" /> <img width="1848" height="1428" width_o="1848" height_o="1428" data-src="https://freight.cargo.site/t/original/i/8fd090972f0a3bd9eff6f9343aef52e20b47d28ade469fca7a8d2912f14ed8cc/Sara_processbook_Page_081.jpg" data-mid="228710303" border="0" src="https://freight.cargo.site/w/1000/i/8fd090972f0a3bd9eff6f9343aef52e20b47d28ade469fca7a8d2912f14ed8cc/Sara_processbook_Page_081.jpg" /> <img width="1848" height="1428" width_o="1848" height_o="1428" data-src="https://freight.cargo.site/t/original/i/74e07f0320827c4e772d7d08119a69209d540a4653349792dbe9b5e3ffda0083/Sara_processbook_Page_082.jpg" data-mid="228710304" border="0" src="https://freight.cargo.site/w/1000/i/74e07f0320827c4e772d7d08119a69209d540a4653349792dbe9b5e3ffda0083/Sara_processbook_Page_082.jpg" /> https://andreaherstowski.xyz/MondayApril15 Thu, 14 Mar 2024 16:37:04 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/MondayApril15 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointment Google DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7&nbsp; All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. If a project or process book were handed in digitally, you do not need print Monday, April 15 Review 25 type solutions and kinetic systems.Kinetic Systems: choose the best idea and try it again. 2 pages of 6 formats. Intro to Program/Brochure or Website Intro to Speaker Bumper Deliverables (see the list) think about your kinetic system with a lens towards deliverables but don’t get start thinking about what you think they should be, explore what they can be. HOMEWORK Refine your toolkit (make a board that you can pull your assets from) Is there imagery you can introduce into your toolkit? Refine 2 more sets of the kinetic system, 6 formats.* Another round of system with content and kinetic. *if you do this the rest of the project will start to take easily shape if you don’t you will still be looking for your visual form. AND Phase One: click on the link to find out what Phase One Includes: Website or Brochure make sure you have all your speaker info collected and the conference schedule.Speaker Bumper/Intro: from your speaker list: Which speaker do you want to introduce? collect quote, audio, any visuals etc. https://andreaherstowski.xyz/WedApril17 Thu, 14 Mar 2024 16:39:44 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/WedApril17 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointmentGoogle DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7 All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. If a project or process book were handed in digitally, you do not need print Wednesday, April 17Crit kinetic system redo/refine/expansions Discuss Phase One of Website or Brochure Type Studies (see below, if you don’t finish in class you have to finish as homework) Build out Digital Campaign Formats Brand Toolkit HOMEWORK Digital Campaign: Explore the 4 formats x2. At least 1 format should have multiple “pages” to slide over for more infoIf planing to animate any of them?&nbsp; Annotate if that is the plan. Type Studies^ if you didn’t finish them in class Build Tool KitAre there opporunitites to introduce imagery (photography)? TB examples or... Website or Program: Phase One: planning, gathering stage, thumbnail or wireframeSpeaker Bumper: Phase One Print all for class, makes the crit easier and more effective if we can see it all togehter NotesNow that you have your Kinetic system established. Pull together a brand tool kit. Design it on 1 or 2 11 x 17, print it for class. If you didn't complete Phase 1 of the website or brochure complete that this weekend (thumbnails or wireframes ect) If you are still struggling with your kinetic system explore that further using the brand. Type StudiesUse one person to use as a study Speaker Name Title of the talk ^which do you want to make the most important Time of the Talk or Event Credentials of the Speaker Description of the Talk (What other information would you like to include? Pull-quote, Instagram handle, where they are from, short bio? Etc) strive for 4 levels if hierarchy Try this 2x using only 2 font sizes and 2 type styles or 2 fonts and 2 colors Try this 2x using only 3 font sizes and 2 type styles and/or 2 fonts and 2 colors Try this 2x using only 4 font sizes and 2 type styles and/or 2 fonts and 2 colors ^ if you are designing a brochure what else can you consider adding ^ if you are designing a prototype of website, what interaction could you include Schedule Explore 4 different ways to display your schedule with clear hierarchy. What is the most important thing in a schedule? Second? Third. How much do you want to include about the Talk/Speaker in the schedule? ^ if you are designing a brochure what else can you consider adding ^ if you are designing a prototype of website, what interaction could you include Digital Campaign+ 4 sizesA successful Social Media/Ad Campaign captures the essence, excitement, and value of the Conference purpose. How can you captivate, motivate, involve your audience.How can your brand can leverage different social media platforms to expand visually, emotionally, and technologically. Tailor your approach to each platform's unique characteristics, maximizing engagement and participation opportunities. All those kinetic studies should pay off here, you should have the solutions in there. If you don’t now is the time to get your design leveled up.Craft a narrative that resonates directly with your target audience, illustrating why attending the event is a must. Create a variety of digital ads that have a clear message or call to action...announce conference, announce date, announce speaker, registration etc. All digital ads should share the same brand tool kit but not be the same design scaled or cropped. Considerations: Ensure that the text aligns seamlessly with the event experience. You can animate or have a series of screens if that helps engage your audience and enhance the experience. This maybe the opportunity to include imagery - incorporate supportive images to enrich the overall experience. SPECSAnimation is optional.1080 x 1080 px (1:1 ratio, Instagram)1080 x 1350 px (4:5 ratio, Instagram)300 x 600 px (1:2 ratio, half-page unit HPU)728 x 90 px (8:1 ratio, leaderboard) optional additions Linkedin Header: 1584 x 396 (4:1 ratio) Instagram Icon: 110 x 110 https://andreaherstowski.xyz/MondayApril22 Thu, 14 Mar 2024 16:27:01 +0000 andreaherstowski.xyz https://andreaherstowski.xyz/MondayApril22 andrea herstowski VISC 302 all courses Andrea Herstowski aherstowski@ku.edu office hours by appointmentGoogle DriveDeliverables (bookmark it)Monday, April 1Wednesday, April 3 Monday, April 8Wednesday, April 10Monday, April 15Wednesday, April 17Monday, April 22Wednesday, April 24Monday, April 29Wednesday, May 1 Tuesday, May 7 Sophomore/Second-Year Review Tuesday, May 7 All work from VISC 202, VISC 204, VISC 302, VISC 304 must be hung on the walls/set on tables by 9:00am, sharp. More information will be provided closer to the date. Make sure you have all the projects as you handed them in, including any process books. If a project or process book were handed in digitally, you do not need print Monday, April 22 Discuss Digital CampaignSpeaker and Schedule hierarchy studiesPhase One of Website or Brochure Speaker Bumper Phase One*Send workbook off to LULU this week if you want it for the ReviewHOMEWORKRefine and expand Digital Campaign (how can you display it for the final) Identity Badges: explore 3 different badges, 3 different ways. *explore design options&nbsp; Swag: ideas (no making just thinking on what would make sense? and be cool?) Website or Brochure: Phase Two Speaker Bumper: Phase Two Simple Animations | 1 | 2 | 3 | 4 | 5 | &nbsp;6 | 7 | Digital CampaignConsiderations: Ensure that the text aligns seamlessly with the event experience. You can animate or have a series of screens if that helps engage your audience and enhance the experience. This maybe the opportunity to include imagery - incorporate supportive images to enrich the overall experience. Final includes how to show off the campaign on 11 x 17 portfolio page and how to show it on behance.behance.net/gallery/97013675/Sporebehance.net/gallery/96935925/Monospace-Convention behance.net/gallery/118785899/Reframe-Conference-Branding Taking what you have done for your digital campaign how can that transition to Directional Signage, Stage Graphics, Billboard Horizontal or Bus Graphic, ect. You decide what your conference needs pick a couple formats, outdoor signage, indoor, stage graphics... <img width="1152" height="648" width_o="1152" height_o="648" data-src="https://freight.cargo.site/t/original/i/2c960bded17e3492858b21d0f96c4b679659621b024fe3227f17e6b973087015/FINALPROJECTBOARD9.png" data-mid="209416934" border="0" src="https://freight.cargo.site/w/1000/i/2c960bded17e3492858b21d0f96c4b679659621b024fe3227f17e6b973087015/FINALPROJECTBOARD9.png" /> <img width="1152" height="648" width_o="1152" height_o="648" data-src="https://freight.cargo.site/t/original/i/300bdfb8e322333d98ca4dce4156d56825370bf4d88c04071e3df738c267f452/FINALPROJECTBOARD7.png" data-mid="209416927" border="0" src="https://freight.cargo.site/w/1000/i/300bdfb8e322333d98ca4dce4156d56825370bf4d88c04071e3df738c267f452/FINALPROJECTBOARD7.png" /> <img width="2000" height="1125" width_o="2000" height_o="1125" data-src="https://freight.cargo.site/t/original/i/b70b3928c1e8a193a425b4a53e7df58d1ccc469b1e0632c31f8fb7a1639be07a/REFOUCS-08.jpg" data-mid="209416951" border="0" src="https://freight.cargo.site/w/1000/i/b70b3928c1e8a193a425b4a53e7df58d1ccc469b1e0632c31f8fb7a1639be07a/REFOUCS-08.jpg" /> <img width="1200" height="792" width_o="1200" height_o="792" data-src="https://freight.cargo.site/t/original/i/a37efa30dc9c45054c21312f9c1ed261ed5f13bdecca0fd9a2fd353cce716130/TimDo_Deliverables7.png" data-mid="209416937" border="0" src="https://freight.cargo.site/w/1000/i/a37efa30dc9c45054c21312f9c1ed261ed5f13bdecca0fd9a2fd353cce716130/TimDo_Deliverables7.png" /> <img width="1200" height="792" width_o="1200" height_o="792" data-src="https://freight.cargo.site/t/original/i/c2df7cb3454fcad20a28d36c4d8d4a72de152cb7d8cdb766a76481ad39ae6cd7/TimDo_Deliverables8.png" data-mid="209416936" border="0" src="https://freight.cargo.site/w/1000/i/c2df7cb3454fcad20a28d36c4d8d4a72de152cb7d8cdb766a76481ad39ae6cd7/TimDo_Deliverables8.png" /> <img width="1224" height="792" width_o="1224" height_o="792" data-src="https://freight.cargo.site/t/original/i/536c801939ebe5ed77ff2baebc7936f7c6b00c05fb5c50473a687ba4485bb579/presentation4.png" data-mid="209416932" border="0" src="https://freight.cargo.site/w/1000/i/536c801939ebe5ed77ff2baebc7936f7c6b00c05fb5c50473a687ba4485bb579/presentation4.png" /> <img width="1224" height="792" width_o="1224" height_o="792" data-src="https://freight.cargo.site/t/original/i/d60e0c7a8ca7245fe13e7765beea3f10531c95f5fe5ec662c5e052d49ffb0aa2/presentation3.png" data-mid="209416933" border="0" src="https://freight.cargo.site/w/1000/i/d60e0c7a8ca7245fe13e7765beea3f10531c95f5fe5ec662c5e052d49ffb0aa2/presentation3.png" /> <img width="1224" height="792" width_o="1224" height_o="792" data-src="https://freight.cargo.site/t/original/i/3c80140a2cc6682ec369761d259ae938bea887353db71ccd48f81c63713f8ad2/presentation11.png" data-mid="209416931" border="0" src="https://freight.cargo.site/w/1000/i/3c80140a2cc6682ec369761d259ae938bea887353db71ccd48f81c63713f8ad2/presentation11.png" /> Experience: Super Graphics + Outdoor Ads: Directional Signage, Stage Graphics, Billboard Horizontal or Bus Graphic, ect. You decide what your conference needs, outdoor signage, indoor, stage graphics... Identity Badge(s)+ 3 different designs... Design a badge for aSpeaker,an Attendee,and a Volunteer What is the purpose of the badge? What are the differences between the three? <img width="1152" height="648" width_o="1152" height_o="648" data-src="https://freight.cargo.site/t/original/i/1b534fbec97ed76044f2a2b156ab69c0896ce928efc0c221106223d7852681c1/FINALPROJECTBOARD3.png" data-mid="209416930" border="0" src="https://freight.cargo.site/w/1000/i/1b534fbec97ed76044f2a2b156ab69c0896ce928efc0c221106223d7852681c1/FINALPROJECTBOARD3.png" /> <img width="1200" height="792" width_o="1200" height_o="792" data-src="https://freight.cargo.site/t/original/i/cfaeba5d0c114ce035949a3720f89f65d8674373fd58553a7dc6baf3336abd78/TimDo_Deliverables-6.png" data-mid="209416938" border="0" src="https://freight.cargo.site/w/1000/i/cfaeba5d0c114ce035949a3720f89f65d8674373fd58553a7dc6baf3336abd78/TimDo_Deliverables-6.png" /> Speaker IntroA Speaker Bumper (Introduce the speaker): Speaker Name, Title of the talk and a quote, phrase, or series of words...Screen-based media offers the flexibility to integrate moving graphics, text, and sound, forming a dynamic visual communication platform closely intertwined with storytelling. Develop a concept enabling your brand to convey its values through animated gestures, transitions, rhythm, and messaging. While maintaining focus on function, form, aesthetics, composition, and meaning, emphasize the ability to sequence narrative and storytelling within speaker bumper piece.What content could you include when introducing your speaker? Sound? Talking or Music/Sounds.Create a storyboard with 6 - 9 images. When designing think about HOW one image will transition to the next. Looking your kinetic system how could it translate to introduce a speaker. Create 2- 3 different storyboards, exploration. here is the illustrator template.Phase Two:&nbsp;Refine 1 storyboard direction and start to plan out transitions. How does one frame transition to the next? How does content come on to the screen and/or off screen. Increase the number of frames from 6 - 9 to 12-15 frames. If you didn’t do Phase One go back and do it before you move to phase two! Website or Brochure: Phase Two Swag: ideas (no making just thinking on what would make sense? and be cool?) <img width="1200" height="792" width_o="1200" height_o="792" data-src="https://freight.cargo.site/t/original/i/38529a0afe38919046e0edc6a0fddf4f9bf7d11180f6f380541c9271c49c0396/TimDo_Deliverables14.png" data-mid="209416939" border="0" src="https://freight.cargo.site/w/1000/i/38529a0afe38919046e0edc6a0fddf4f9bf7d11180f6f380541c9271c49c0396/TimDo_Deliverables14.png" /> <img width="1200" height="792" width_o="1200" height_o="792" data-src="https://freight.cargo.site/t/original/i/2567ec2275215d17c7cd1b467ffda80378f4791b652b84e7a514f072d2606097/TimDo_Deliverables13.png" data-mid="209416935" border="0" src="https://freight.cargo.site/w/1000/i/2567ec2275215d17c7cd1b467ffda80378f4791b652b84e7a514f072d2606097/TimDo_Deliverables13.png" /> <img width="1152" height="648" width_o="1152" height_o="648" data-src="https://freight.cargo.site/t/original/i/1fb36c6cdff3fa3b6a8d88b2ff448af5e595390712914d9b151ebf3a04a2efb6/FINALPROJECTBOARD5.png" data-mid="209416929" border="0" src="https://freight.cargo.site/w/1000/i/1fb36c6cdff3fa3b6a8d88b2ff448af5e595390712914d9b151ebf3a04a2efb6/FINALPROJECTBOARD5.png" />