- Design Brief:
- Create a full website design using Adobe XD - learn how to use the assets and share a link to a prototype website that will function within a browser.
"Adobe Xd Preview of the website" Click here for a live preview.
- Create a simple 3 pages website in Adobe XD. The site can use images created in DEX 21 to create a specific look and feel. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site.
- Create a simple 3-5 pages website in Adobe XD. The site can use images created in DEX 21 to create a specific look and feel. The site needs to show a homepage slider (2-4 slides) and how that will work. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site.
- Create a simple 3-5 page website in Adobe XD. The site can use images created in DEX 21 to create a specific look and feel. The site needs to show a homepage slider (2-4 slides) and how that will work. Create a working prototype of the site with pages linking through the navigation menu items and buttons on the site. The prototype needs to include one example of how an image or button may change colour when selected.
- Design Constraints:
- Use Adobe XD to create all the pages of your site. You may create and import graphics and/or logos from Illustrator. Images created in DEX 21 can be used, or you may use your own selection of photographic imagery, but work towards creating a uniform treatment of the images used for a consistency in look and feel.
- Design Goals:
- Create a working website prototype in Adobe XD.
- Tools & Techniques:
- Adobe XDAdobe XD ToolsAdobe XD AssetsWebsite Design
- Total Time Allowed:
- 120 Minutes for Beginner: Create a basic 3 page website that can be shared as a working prototype. 180 Minutes for intermediate: Create a basic 3-5 page website that can be shared as a working prototype. It must include a slider. 180 Minutes for advanced: Create a basic 3-5 page website that can be shared as a working prototype. It must include a slider and a rollover or state change for a button or image.
DEXWeekly Design Exercises
Weekly Design Exercise abbrev. DEX
noun: weekly design exercise; plural noun: weekly design exercises
1.Activity requiring physical effort occurring once a week, carried out to sustain or improve health and fitness of your freakin’ mind.
E.”Weekly Design Exercise improves your Adobe skills and design power"
Feel free to jump into our weekly design brief and produce a mini design project. They are completely free. No catch! These exercises are The Graphic Design School’s contribution to the continuum of the design education of our design graduates, students and the design world at large. Gosh darn that’s nice of us!
Who is this for?
Whether you are a Beginner, Intermediate or Advanced level designer. There is a brief to suit you. Follow the instructions in the brief to the letter.
How do I submit my work?
Once your done upload your image to share. We may upload your image to our new Instagram page, be sure to include your Insta handle (@username) so we can credit you. If you don’t have an Instagram account, you can just type in your name. Leave your details blank if you like.
What is a good size for the images?
Please make sure your image is of good resolution, it shouldn’t exceed more than 5mb or thereabouts. png, jpeg, svg all acceptable formats. By uploading your image you are giving us permission to publish it.
Can I subscribe to this awesome concept?
If you would like to receive an email from us each week with the brief and video. Be sure to subscribe at the top right of this page. We won’t share your information or be spammy.
What if I want to go further?
If you love what we do, and think you would like to try your hand at becoming a designer. Check out our courses here.
Can I contribute?
If you would like to become a regular video contributor, let us know. Even though we offer them for free, we pay contributors. Or if there is a technique that you would really like to learn, email us a visual, and any ideas you may have.
Can I contact The Graphic Design School?
Anything else you need or want to ask contact us at: firstname.lastname@example.org
Can I be a voice of TGDS?
If you want to spread the good word to your design friends feel free to share this page on social media ;)
Add contrasting light effects to a photographic image
Design Brief: Create a colour light effect on a Photoshop image to replicate the effect achieved by photographers using colour gels on lenses during a photoshoot.
Create Waves with the Twirl Tool
Design Brief: Create a look that resembles a wave in type and choose a word or sentence/message that fits (or, also fun… totally contrasts) this look. In the example, the word ‘endless’ is used; as ocean waves just keep coming… endlessly. But feel free to choose a different word or message.
Create a Dripping Text Effect in Illustrator
Design Brief: Design a look that resembles something that is dripping or melting.
Create 3D artwork using Illustrator Blends
Design Brief: Create 3D artwork using Illustrator Blends.
Create a Band Artwork using Photoshop Liquify Tool
Design Brief: Create a liquified image for a music band to be applied to a vinyl record sleeve mock-up and Spotify application.
The Best Illustrator Brushes Tutorial Ever
Design Brief: Use Illustrator to create your own brushes, we will look at both the art brushes and the scatter brushes. Experiment with the various options.
Create a Retro Style Surf Poster
Design Brief: Create a retro style illustrated surf poster or postcard, with faded colour palette and texture.
Create a Corny Holiday Sweater Knit Animated GIF
Design Brief: Create a knitted typographic message in Illustrator and animate in Photoshop.
Using Adobe Dimension for a Perfect Packaging Showcase
Design Brief: Create a realistic 3D mock-up with a scene/background using Adobe Dimension.
Create Surreal Compositions in Photoshop
Design Brief: Creating a striking and unexpected Photoshop composition through the juxtaposition of a food and human/animal element.
Create an Asian-inspired vintage style poster/postcard and ink-effect logo
Design Brief: Create an Asian-inspired Poster or Postcard using techniques to make a modern image look vintage using hand tints and use brushes to give it texture. Add a logo to the poster/postcard and make a modern logo look hand-printed in ink.
Create Patterns with Photoshop, Pattern Bombing, Apply Patterns to Mockups
Design Brief: Create and define a pattern in Photoshop and apply it to a mock-up or design in Photoshop. Create at least 3 colour variants of your pattern.
Layered Effect With Illustrator & Photoshop
Design Brief: Create a layered effect and sense of depth using a Photoshop element that overlaps and goes behind the same Illustrator typographic element.
Gold Typography in Illustrator
Design Brief: Create a gold foil or glitter finish to type or a logo on a textured background.
Stamp Tool & Clipping Mask in Photoshop
Design Brief: Design your own unique mock-up from scratch in Photoshop, with the stamp tool and clipping mask.
Envelope Distort in Illustrator
Design Brief: Design a word or logo in Ai, using the 'envelope distort' effect.
Paper 3D Collage
Design Brief: Develop a poster or past card, with a visual that looks like a 3D cut and paste paper collage.'
Design Brief: Make a photo of your fave food for break or lunch. Take it into Ai and turn it into a polygonal vector image.'
Design Brief: Pick one of your designs that you are very proud of/love and create a mock-up to present your design 'to the world'. There's many mock-ups available online (free and paid), try to find one that matches your work and really gives it the credit it deserves
Head icons design
Design Brief: Design a flat icon in Ai with a long shadow and a paper cut-out look
Hand Lettering in a Shape
Design Brief: Type becomes an image in this DEX. Draw an animal or object (we did a furry bunny for Easter) and find a nice quote that fits the shape.