Graphic Design Fundamentals · Course lab · about 180 minutes · 7 tasks · marked out of 100, pass at 60
A brand kit for one local business
The situation
A shop near you has a hand-painted sign, a WhatsApp display picture made in a phone app, and a poster its nephew made with six fonts. Give it three pieces that belong together — a social post, a poster and a business card — built on the fundamentals: alignment, three colours, one font family, a hierarchy a stranger reads in two seconds, and files exported the way a printer and a phone each need them.
What you'll be able to show
- Diagnose the six faults in a weak design and avoid them in your own
- Hold a layout to two alignment lines and a consistent margin
- Build a palette of three from a photograph and a type system of one family, three sizes, two weights
- Export correctly for print and for screen
What you need
- Canva, Figma, or any tool you already use
- One real business's name, phone and a photograph of it or its product
- A phone, to check the work outdoors
Tasks
-
1Diagnose the current designTake the business's existing poster or post. Draw straight lines down every left edge you can find and count them. List which of the six faults from lesson 1 appear.A correct result: A count of alignment lines and a list of faults present.
-
2Palette from a photographFrom a photograph of the business or its product, pull three colours — dominant, accent, neutral — and record their hex codes. Check the accent on white and on the dominant colour for contrast.A correct result: Three hex codes and a note on which pairs are readable.
-
3The type systemChoose one font family. Define exactly three sizes and two weights, and write down where each is used (headline, body, small print).A correct result: A one-line spec: family, three sizes, two weights, their jobs.
-
4The social postDesign one square post with one message. Use no more than two alignment lines, the three colours, and the type system. Write the three hierarchy levels before you start, then show the post to somebody for two seconds and ask what they read first.A correct result: The post, the written hierarchy, and the two-second test result — adjusted until level one wins.
-
5The poster and the cardDesign an A4 poster and a business card for the same business, using the same palette and type system, so the three pieces are obviously one brand.A correct result: Three pieces side by side that a stranger would say belong together.
-
6Export three waysExport the poster as a print-ready PDF at 300 dpi with bleed, the post as a web JPG under 500 KB, and the logo or card element as a PNG with a transparent background. Open each and check it.A correct result: Three files with the right format, size and transparency.
-
7Check it in the worldOpen the post on a phone outdoors in daylight. Print the poster (or view it at arm's length on a large screen). Write down what you changed after seeing it in each place.A correct result: Two notes: what changed after the phone check, what changed after the print check.
What to hand in
The three pieces, the three exported files, the palette and type spec, the fault diagnosis, and the two field-check notes.
How it is marked
| Criterion | Points |
|---|---|
| Diagnosis names real faults with the alignment count | 10 |
| Palette and type system are defined and used consistently | 20 |
| Post passes the two-second hierarchy test | 20 |
| The three pieces read as one brand | 20 |
| Exports are correct for print and screen | 15 |
| Field checks done and changes recorded | 15 |
| Total · pass at 60 | 100 |
صورتحال
آپ کے قریب ایک دکان ہے جس کا board ہاتھ سے painted ہے، WhatsApp کی display picture phone کی app میں بنی ہے، اور poster اس کے بھتیجے نے چھ fonts سے بنایا ہے۔ اسے تین ایسی چیزیں دیں جو ایک ساتھ کی لگیں — ایک social post، ایک poster اور ایک business card — بنیادی اصولوں پر بنی ہوئیں: alignment، تین رنگ، ایک font family، ایسی ترتیب جو اجنبی دو سیکنڈ میں پڑھ لے، اور files اس طرح export کی ہوئیں جیسے printer اور phone دونوں کو چاہیے۔
آپ کیا دکھا سکیں گے
- کمزور design کی چھ خامیوں کی تشخیص کرنا اور اپنے کام میں ان سے بچنا
- layout کو دو alignment لکیروں اور یکساں margin پر رکھنا
- تصویر سے تین رنگوں کا palette اور ایک family، تین sizes، دو weights کا type system بنانا
- print اور screen کے لیے درست export کرنا
آپ کو کیا چاہیے
- Canva، Figma، یا کوئی بھی tool جو آپ پہلے سے استعمال کرتے ہیں
- ایک حقیقی کاروبار کا نام، phone اور اس کی یا اس کے product کی ایک تصویر
- ایک phone، کام کو باہر چیک کرنے کے لیے
کام
-
1موجودہ design کی تشخیصکاروبار کا موجودہ poster یا post لیں۔ ہر بائیں کنارے پر جو آپ کو ملے سیدھی لکیریں کھینچیں اور گنیں۔ لکھیں کہ سبق 1 کی چھ خامیوں میں سے کون سی موجود ہیں۔درست نتیجہ: alignment لکیروں کی گنتی اور موجود خامیوں کی فہرست۔
-
2تصویر سے paletteکاروبار یا اس کے product کی تصویر سے تین رنگ نکالیں — غالب، accent، neutral — اور ان کے hex codes لکھیں۔ accent کو سفید اور غالب رنگ پر contrast کے لیے چیک کریں۔درست نتیجہ: تین hex codes اور ایک note کہ کون سے جوڑے پڑھے جا سکتے ہیں۔
-
3type systemایک font family چنیں۔ بالکل تین sizes اور دو weights طے کریں، اور لکھیں کہ ہر ایک کہاں استعمال ہو گا (headline، body، چھوٹی تحریر)۔درست نتیجہ: ایک line کی spec: family، تین sizes، دو weights، ان کے کام۔
-
4social postایک پیغام والی ایک مربع post design کریں۔ دو سے زیادہ alignment لکیریں نہ ہوں، تین رنگ، اور type system۔ شروع کرنے سے پہلے ترتیب کی تین سطحیں لکھیں، پھر post کسی کو دو سیکنڈ دکھا کر پوچھیں کہ اس نے پہلے کیا پڑھا۔درست نتیجہ: post، لکھی ہوئی ترتیب، اور دو سیکنڈ کے test کا نتیجہ — اس وقت تک ایڈجسٹ کیا ہوا جب تک پہلی سطح نہ جیتے۔
-
5poster اور cardاسی کاروبار کے لیے A4 poster اور business card design کریں، اسی palette اور type system سے، تاکہ تینوں چیزیں واضح طور پر ایک brand لگیں۔درست نتیجہ: تین چیزیں ساتھ ساتھ جن کے بارے میں اجنبی کہے کہ ایک ساتھ کی ہیں۔
-
6تین طرح exportposter کو bleed کے ساتھ 300 dpi پر print-ready PDF، post کو 500 KB سے کم web JPG، اور logo یا card کے عنصر کو transparent background والا PNG export کریں۔ ہر ایک کھول کر چیک کریں۔درست نتیجہ: تین files صحیح format، size اور transparency کے ساتھ۔
-
7دنیا میں چیک کریںpost کو باہر دن کی روشنی میں phone پر کھولیں۔ poster print کریں (یا بڑی screen پر بازو کے فاصلے سے دیکھیں)۔ لکھیں کہ ہر جگہ دیکھنے کے بعد آپ نے کیا بدلا۔درست نتیجہ: دو notes: phone کے چیک کے بعد کیا بدلا، print کے چیک کے بعد کیا بدلا۔
کیا جمع کروانا ہے
تینوں چیزیں، تینوں export شدہ files، palette اور type کی spec، خامیوں کی تشخیص، اور field چیک کے دو notes۔
نمبر کیسے ملیں گے
| معیار | نمبر |
|---|---|
| تشخیص alignment کی گنتی کے ساتھ حقیقی خامیوں کا نام لیتی ہے | 10 |
| palette اور type system طے شدہ اور یکساں استعمال ہیں | 20 |
| post دو سیکنڈ کے ترتیب کے test میں کامیاب ہے | 20 |
| تینوں چیزیں ایک brand لگتی ہیں | 20 |
| exports print اور screen کے لیے درست ہیں | 15 |
| field چیک ہوئے اور تبدیلیاں درج ہیں | 15 |
| کل · پاس 60 | 100 |
Hand in your lab
Create a free BvLogic ID to hand in your lab, get it marked, and have it on your certificate.
Create your BvLogic IDAlready have one? Sign in and this course will be added to it.