Azmi DigiSol

Azmi DigiSol Website Design, SEO(Search Engine Optimization), Graphic Design and Content Writing Services to elevate your digital presence. Let's grow your brand together!
(5)

https://www.pinterest.com/AzmiDigiSol/

لیکچر 5: شیپس کی دنیا – تخلیق کی بنیادی اینٹیں اور شیپ بلڈر کا کمالتعارف:لیکچر 4 میں ہم نے اڈوب السٹریٹر کا کینوس بچھایا...
23/05/2026

لیکچر 5: شیپس کی دنیا –
تخلیق کی بنیادی اینٹیں اور شیپ بلڈر کا کمال

تعارف:

لیکچر 4 میں ہم نے اڈوب السٹریٹر کا کینوس بچھایا۔ اب ہم سب سے سادہ لیکن سب سے طاقتور ٹولز کی طرف بڑھیں گے:

وہ ٹولز جو ہمیں بنیادی شکلیں (Basic Shapes) بنانے دیتے ہیں۔

ایک گھر کی مضبوطی اس کی بنیاد پر ہوتی ہے، اور آپ کے تمام آئیکنز، لوگو اور گرافکس کی بنیاد یہ سادہ شکلیں ہی ہیں۔

بنیادی شکلیں آپ کے ہاتھ میں (The Basic Shapes):

ٹول بار میں 'ریٹنگل ٹول' (Rectangle Tool) کے نیچے چھپے ہوئے تمام بنیادی شیپس
جیسے دائرہ (Ellipse)، مربع (Rectangle)، اور مثلث (Polygon) ہیں۔

ان کا استعمال صرف مربع بنانے تک محدود نہیں ہوتا۔

اگر آپ شفٹ (Shift) کی کو دبا کر رکھتے ہوئے دائرہ بناتے ہیں، تو وہ بالکل متناسب (Perfectly Proportional) بنے گا۔

یہ چھوٹی چھوٹی شارٹ کٹس آپ کے کام کو تیز اور مؤثر بنا دیتی ہیں۔

شکلیں بنانا اور ان کو سنوارنا (Drawing and Modifying):

جب آپ کوئی شکل بناتے ہیں تو آپ دو چیزیں کنٹرول کرتے ہیں:

فل (Fill): وہ رنگ جو شکل کے اندر بھرا جاتا ہے۔

سٹروک (Stroke): وہ لائن جو شکل کی باؤنڈری بناتی ہے۔

السٹریٹر آپ کو ان دونوں کے ساتھ کھیلنے کی مکمل آزادی دیتا ہے۔ آپ سٹروک کی موٹائی بڑھا سکتے ہیں،
اس کا رنگ بدل سکتے ہیں، یا 'فل' کو غائب (None) کر کے صرف سٹروک کو بھی ڈیزائن کے طور پر استعمال کر سکتے ہیں۔

ویکٹر کا جادو – شیپ بلڈر ٹول (The Shape Builder Tool):

یہ وہ جادوئی ٹول ہے جو آپ کو عام گرافکس بنانے والے سے پروفیشنل ڈیزائنر میں بدل دے گا۔
گرافک ڈیزائن میں اکثر، مطلوبہ شکل بنانے کے لیے، آپ کو ایک پیچیدہ ٹول کی بجائے، سادی شکلوں کو جوڑنا یا کاٹنا ہوتا ہے۔

'شیپ بلڈر ٹول' (Shape Builder Tool - شارٹ کٹ Shift + M) آپ کو دو یا زیادہ اوورلیپنگ شکلوں کو آسانی سے ایک نئی شکل میں ضم (Merge) کرنے یا ان کے حصوں کو مٹانے کی اجازت دیتا ہے۔

ضم کرنا: دو دائرے بنائیں جو ایک دوسرے کو اوورلیپ کر رہے ہوں۔ شیپ بلڈر ٹول منتخب کریں اور دونوں حصوں پر ڈریگ کریں۔

وہ ایک ہی شکل بن جائیں گے۔

کاٹنا (Erase): اگر آپ Alt کی دبا کر اوورلیپنگ حصوں پر کلک کریں گے، تو وہ حصے غائب ہو جائیں گے،
جس سے آپ خلا (Negative Space) کے ساتھ کھیل سکتے ہیں۔

مثال کے طور پر، ایک عام بادل کا آئیکن بنانے کے لیے، آپ کو صرف چند دائرے بنا کر انہیں شیپ بلڈر ٹول سے جوڑنا ہوتا ہے۔

اختتام (Cliffhanger):

بنیادی شکلوں کو جوڑ توڑ کر آپ نے بہت کچھ سیکھ لیا۔ لیکن دنیا میں ہر چیز دائرہ یا مربع نہیں ہوتی۔

وہ لوگو جو دریا کی لہروں، درخت کی شاخوں، یا کسی خاص جانور کی عکاسی کرتے ہیں، وہ کیسے بنتے ہیں؟

آپ کے خیال میں زیادہ پیچیدہ (Complex) ڈیزائنز کے لیے

Shape Builder Tool زیادہ اہم ہے یا Pen Tool؟

کمنٹس میں اپنی قیمتی رائے ضرور دیں۔

ڈیزائننگ کے اگلے ماسٹر ٹول (پین ٹول) کو سیکھنے کے لیے Azmi DigiSol کے پیج کو فالو کریں اور یہ پوسٹ شیئر کریں۔ دعاؤں میں یاد رکھیں۔ جزاک اللہ۔

لیکچر 6 میں، ہم السٹریٹر کے سب سے اہم اور سب سے طاقتور ٹول کو انتہائی آسان انداز میں سمجھیں گے: دی پین ٹول (The Pen Tool)۔

゚viralシ

گرافک ڈیزائننگ کورس -لیکچر 4: السٹریٹر کا کینوس – ڈیجیٹل دنیا میں آپ کا پہلا قدمتعارف:لیکچر 3 میں، ہم نے ڈیزائن کی خفیہ ...
22/05/2026

گرافک ڈیزائننگ کورس -

لیکچر 4: السٹریٹر کا کینوس – ڈیجیٹل دنیا میں آپ کا پہلا قدم

تعارف:

لیکچر 3 میں، ہم نے ڈیزائن کی خفیہ زبان اور اس کے اصولوں کو سمجھا۔ اب وقت آگیا ہے کہ ان اصولوں کو لاگو کرنے کے لیے اپنا میدان جنگ—

یعنی اڈوب السٹریٹر (Adobe Illustrator) — کھولیں۔

ایک بیگنر کے لیے سافٹ ویئر کا انٹرفیس ڈرانے والا ہو سکتا ہے، لیکن پریشان نہ ہوں!

ہم اسے ایک باورچی خانے کی طرح دیکھیں گے جہاں ہر برتن (Tool) کا ایک آسان کام ہے۔

السٹریٹر میں خوش آمدید (The First Look):

السٹریٹر کی خاصیت یہ ہے کہ یہ ایک 'ویکٹر' (Vector) پر مبنی پروگرام ہے۔

عام تصاویر (جیسے آپ کے موبائل کی تصویریں) 'پکسل' (Pixel) پر مشتمل ہوتی ہیں، جو زوم کرنے پر پھٹ جاتی ہیں۔

اس کے برعکس، ویکٹر گرافکس ریاضیاتی فارمولوں پر مبنی ہوتے ہیں۔ اس کا مطلب ہے کہ آپ اپنے ڈیزائن کو ایک مچھر جتنا چھوٹا یا ایک عمارت جتنا بڑا کر لیں،

اس کی کوالٹی کبھی خراب نہیں ہوگی۔ یہ ایک ایسا تصور ہے جو آپ کو ایک پروفیشنل ڈیزائنر بنا دے گا۔

آپ کا کام کرنے کا ماحول (The Workspace):

جب آپ السٹریٹر کھولتے ہیں، تو تین اہم حصے آپ کو نظر آتے ہیں:

آرٹ بورڈ (Artboard): یہ آپ کا ڈیجیٹل کاغذ ہے۔ یہ وہ واحد جگہ ہے جو پرنٹ یا ایکسپورٹ کی جائے گی۔
ایک ہی فائل میں ایک سے زیادہ آرٹ بورڈز ہو سکتے ہیں، جو مختلف ڈیزائن کے لیے کارآمد ہیں۔

ٹول بار (Toolbar): یہ سکرین کے بائیں جانب موجود ہے۔ یہ آپ کے تمام اوزاروں کا صندوقچہ ہے۔
یہاں سے آپ شکلیں بناتے ہیں، رنگ بھرتے ہیں، اور چیزوں کو حرکت دیتے ہیں۔

پینلز (Panels): یہ دائیں جانب ہوتے ہیں۔
یہ کنٹرول پینلز ہیں— جیسے رنگوں کا پینل، لئیرز کا پینل، یا فونٹس کا پینل۔ یہ آپ کے ڈیزائن کو مزید نفیس (Refined) بنانے میں مدد کرتے ہیں۔

عملی آغاز: فائل سیٹ اپ (Setting Up Your First File):
کسی بھی پروجیکٹ کا پہلا مرحلہ 'نئی فائل' (New File) بنانا ہے۔

آپ کو تین چیزوں پر توجہ دینی ہے:

سائز (Dimensions): آپ کا ڈیزائن کس سائز کا ہوگا؟ ایک پوسٹر کا سائز ویب سائٹ بینر سے مختلف ہوگا۔

رنگ کا موڈ (Color Mode): کیا یہ ڈیزائن پرنٹ ہونا ہے (CMYK موڈ) یا صرف سکرین پر نظر آئے گا (RGB موڈ)؟ اس کا صحیح انتخاب بہت ضروری ہے۔

ریزولوشن (Resolution): پرنٹ کے لیے 300 ppi اور سکرین کے لیے 72 ppi عام معیارات ہیں۔

پہلا ضروری ٹول: سلیکشن ٹول (Selection Tool):
آرٹ بورڈ اور سیٹنگز کے بعد، آپ کا سب سے پہلا دوست 'سلیکشن ٹول' (Selection Tool - شارٹ کٹ V) ہوگا۔ یہ سب سے عام تیر کا نشان (Arrow) ہے۔ یہ ٹول کسی بھی چیز کو منتخب (Select) کرنے، اسے حرکت دینے، اور اس کا سائز بدلنے کے لیے استعمال ہوتا ہے۔

اس ٹول کے بغیر آپ السٹریٹر میں ایک انچ بھی آگے نہیں بڑھ سکتے۔

اختتام (Cliffhanger):

آپ نے کینوس بچھا دیا ہے اور اپنا پہلا ٹول اٹھا لیا ہے۔ اب وقت ہے ڈیزائن کے بنیادی عناصر (لائن، شکل، رنگ) کو اس کینوس پر حقیقت کا روپ دینے کا۔

لیکن کیا آپ جانتے ہیں کہ سادے دائرے اور مربع کو ایک پیچیدہ لوگو یا آئیکن میں کیسے تبدیل کیا جاتا ہے؟

آپ نے السٹریٹر کے انٹرفیس کو سمجھ لیا ہے۔

آپ کے خیال میں ایک ویکٹر گرافک (Vector Graphic) اور ایک پکسل گرافک (Pixel Graphic) میں سب سے اہم فرق کیا ہے؟

کمنٹ میں جواب دیں۔

ساتھ ہی، کورس کے اگلے اہم قدموں پر ہمارے ساتھ جڑے رہنے کے لیے Azmi DigiSol کے پیج کو لائک اور فالو کریں اور یہ معلوماتی پوسٹ شیئر کریں۔ جزاک اللہ۔

لیکچر 5 میں، ہم 'شیپ ٹولز' کے جادو کے ذریعے وہ بنیادیں بنائیں گے جن پر دنیا کے بہترین ڈیزائن کھڑے ہیں۔



گرافک ڈیزائننگ کورس -لیکچر 3: بصری زبان کا خفیہ راز – ڈیزائن کے عناصر اور اصولتعارف:پچھلے لیکچر کے اختتام پر ہم نے سائن ...
21/05/2026

گرافک ڈیزائننگ کورس -

لیکچر 3: بصری زبان کا خفیہ راز – ڈیزائن کے عناصر اور اصول

تعارف:

پچھلے لیکچر کے اختتام پر ہم نے سائن بورڈز اور ہوائی اڈے کی علامتوں کی خاموش افادیت کی بات کی تھی۔

یہ صرف آرٹ نہیں، بلکہ بصری ابلاغ (Visual Communication) کی ایک مکمل زبان ہے۔

ہر ڈیزائنر کو یہ زبان بولنے سے پہلے اس کے حروف تہجی سیکھنے ہوتے ہیں۔

یہ لیکچر آپ کو سکھائے گا کہ وہ کون سے 7 بنیادی "حروف" ہیں جن سے ہر شاندار ڈیزائن کی عبارت لکھی جاتی ہے۔

ڈیزائن کے بنیادی عناصر (The Building Blocks):

کسی بھی بصری پیغام کی بنیاد چند سادہ اجزاء پر ہوتی ہے، جو ہماری آنکھوں اور دماغ پر اثر انداز ہوتے ہیں۔

یہ وہ ٹولز ہیں جنہیں استعمال کر کے ہم کسی بھی خالی کینوس کو بامعنی بناتے ہیں:

لائن (Line):
سیدھی ہو یا خمیدہ، لائنیں توجہ کو ایک نقطے سے دوسرے نقطے تک لے جاتی ہیں۔ یہ حرکت (Movement) اور سمت (Direction) کو ظاہر کرتی ہیں۔

شکل (Shape):
وہ بنیادی جیومیٹری جو ہر چیز کی نمائندگی کرتی ہے،
جیسے دائرہ، مربع اور مثلث۔ یہ ڈیزائن کو ٹھوس بناوٹ دیتی ہے۔

رنگ (Color):
یہ عنصر ڈیزائن میں سب سے زیادہ جذباتی (Emotional) اثر رکھتا ہے۔ یہ مزاج بدلتا ہے، توجہ کھینچتا ہے اور کسی برانڈ کی شناخت بناتا ہے۔

ساخت (Texture):
اگرچہ ہم ڈیجیٹل سکرین پر چیزوں کو چھو نہیں سکتے، لیکن بناوٹ (جیسے کھردری لکڑی یا ہموار دھات) کا بصری تاثر (Visual Impression) دینا ڈیزائن کو زندگی بخشتا ہے۔

جگہ (Space):
یہ وہ خالی جگہ ہے جو عناصر کے گرد ہوتی ہے—
جسے 'سفید جگہ' (White Space) بھی کہتے ہیں۔

ایک ذہین ڈیزائنر جانتا ہے کہ خالی جگہ کو بھی اتنا ہی استعمال کرنا ہے جتنا کہ بھرے ہوئے حصوں کو، تاکہ ڈیزائن میں سانس لینے کا موقع ملے۔

ڈیزائن کے بنیادی اصول (The Rules of the Game):

عناصر کو صحیح طریقے سے جوڑنے کے لیے اصولوں کی ضرورت ہوتی ہے تاکہ وہ ایک مؤثر پیغام بن جائیں۔

انسانی نفسیات کے مطابق، ہمارا دماغ چیزوں کو ترتیب اور تعلق میں دیکھنا پسند کرتا ہے۔

تسلسل و توازن (Balance and Harmony):
ایک ڈیزائن کو دیکھنے میں مستحکم (Stable) محسوس ہونا چاہیے۔ توازن ضروری ہے،

چاہے وہ رسمی (Symmetrical) ہو یا غیر رسمی (Asymmetrical)۔

ترجیح و درجہ بندی (Hierarchy):
آپ کا ڈیزائن صارف کو بتاتا ہے کہ سب سے اہم چیز کیا ہے اور اسے پہلے کہاں دیکھنا ہے۔
سائز، رنگ یا پوزیشن کا استعمال کر کے بصری ترجیح (Visual Hierarchy) قائم کی جاتی ہے۔

تضاد (Contrast):
دو مخالف عناصر— جیسے گہرا رنگ بمقابلہ ہلکا رنگ، بڑا فونٹ بمقابلہ چھوٹا فونٹ— ڈیزائن میں توانائی اور توجہ پیدا کرتے ہیں۔ یہ وہ نکتہ ہے جو پیغام کو 'پاپ آؤٹ' کرواتا ہے۔

آگے کا سفر (Your Mental Shift):

اب آپ کو معلوم ہو گیا ہے کہ ہر ڈیزائن ایک سوچی سمجھی ترکیب کا نتیجہ ہے۔
یہ تمام عناصر اور اصول السٹریٹر میں آپ کے ٹولز بنیں گے۔ اگلا بڑا قدم آپ کے لیے وہ جادوئی دروازہ کھولے گا جہاں آپ ان خیالات کو حقیقت کا روپ دیں گے۔

اختتام (Cliffhanger):

آپ کا ذہن ڈیزائنر کے طور پر سوچنا شروع کر چکا ہے۔ لیکن وہ کون سا ٹول ہے جو ان عناصر کو پہلی بار ایک ڈیجیٹل شکل میں ڈھالنے کی طاقت رکھتا ہے؟

لیکچر 4 میں، ہم وہ ہتھیار اٹھائیں گے جس سے ہم اپنے ڈیزائن کے سفر کا باقاعدہ آغاز کریں گے—

اور وہ ہے، اڈوب السٹریٹر کا انٹرفیس۔

کیا آپ کو لگتا ہے کہ ڈیزائن کے بنیادی عناصر (جیسے لائن اور شکل) میں سے 'جگہ (Space)' سب سے زیادہ طاقتور ہے؟
یا آپ 'رنگ' کو ترجیح دیں گے؟

اپنی رائے کمنٹس میں دیں۔

ہمارے ساتھ جڑے رہنے اور لیکچر 4 (السٹریٹر) کی مکمل تیاری کے لیے Azmi DigiSol کے پیج کو لائک اور فالو کریں اور یہ معلوماتی پوسٹ اپنے دوستوں سے شیئر کریں۔ جزاک اللہ۔




گرافک ڈیزائننگ کورس -لیکچر 2: مسئلہ حل کرنے کے طور پر گرافک ڈیزائن – افادیت کا سب سے بڑا ثبوتتعارف:پہلے لیکچر میں، ہم نے...
20/05/2026

گرافک ڈیزائننگ کورس -

لیکچر 2: مسئلہ حل کرنے کے طور پر گرافک ڈیزائن – افادیت کا سب سے بڑا ثبوت
تعارف:
پہلے لیکچر میں، ہم نے یہ اہم نقطہ سمجھا کہ گرافک ڈیزائن صرف خوبصورتی کا نام نہیں، بلکہ فعالیت اور مقصد کا توازن ہے۔

لیکن وہ بنیادی مقصد کیا ہے؟ وہ ہے: مسئلہ حل کرنا۔ گرافک ڈیزائنر کا کام آرٹ بنانا نہیں، بلکہ بصری ابلاغ
(Visual Communication)
کے ذریعے کسی موجودہ مسئلے کا مؤثر حل پیش کرنا ہے۔

ڈیزائن کی کامیابی کا انحصار اس بات پر ہے کہ وہ کسی صارف کو درپیش رکاوٹ کو کتنی آسانی سے دور کرتا ہے۔

عملی سوچ – جمالیات سے زیادہ افادیت
ہماری روزمرہ کی زندگی میں بہت سی چیزیں جامد اشیاء
(Static objects)
ہوتی ہیں—

جیسے کسی مشین کا لیبل، کوئی ہدایت نامہ، یا ایک سائن بورڈ۔ یہ تمام چیزیں ڈیزائن ہوتی ہیں، اور ان کا عملی استعمال ان کی ظاہری شکل سے کہیں زیادہ اہم ہوتا ہے۔

اگر ایک ڈیزائن اپنے صارف کو الجھن میں ڈالتا ہے، جیسا کہ ایک پیچیدہ اور باریک فونٹ میں لکھی گئی دوا کی پیکیجنگ، تو وہ ایک کمزور ڈیزائن ہے۔

کامیاب ڈیزائنر ہمیشہ یہ سوال پوچھتا ہے: "کیا میرا ڈیزائن صارف کی مدد کر رہا ہے، یا رکاوٹ بن رہا ہے؟"

اگر ڈیزائن صارف کو مسئلہ دے، تو ڈیزائن کمزور ہے۔
صارف کا تجربہ (User Experience - UX) –

زندگی کو آسان بنانا
گرافک ڈیزائن کی ایک اہم شاخ صارف کا تجربہ
(User Experience - UX)
ہے۔

اچھا ڈیزائن صارف کی زندگی آسان بناتا ہے۔ یہ انہیں بغیر کسی سوچ کے، خود بخود
(Intuitively) کسی عمل کو مکمل کرنے میں مدد دیتا ہے۔

مثال کے طور پر، کسی ایپ میں
'Payment'
کا بٹن فوراً نظر آنا چاہیے، اور اس کا رنگ ایسا ہونا چاہیے کہ صارف کو معلوم ہو کہ یہ دبانے کے قابل ہے۔

ایک بہترین
UX
والا ڈیزائنر ہمیشہ صارف کے جوتے میں کھڑے ہو کر سوچتا ہے کہ انہیں کہاں رکاوٹ پیش آ سکتی ہے۔

گرافک ڈیزائن میں جمالیات (Aesthetics)
کا اضافہ تو ضروری ہے،

لیکن اس کا ساتھ ہمیشہ مسئلہ حل کرنے کی سوچ
(Problem-solving thinking)
کو دینا چاہیے۔

مختلف زاویوں سے سوچنا: ہر رکاوٹ کا حل
ایک پیشہ ور ڈیزائنر اس بات پر زور دیتا ہے کہ ہر ڈیزائن مختلف ماحول اور حالات میں کیسے کام کرے گا۔ اسے ہر چیز کو مختلف زاویوں سے سوچنا ہوتا ہے۔

اگر ایک ڈیزائنر کو کسی عوامی مقام کے لیے معلومات کا پوسٹر بنانا ہے، تو وہ صرف خوبصورت تصاویر نہیں لگائے گا، بلکہ یہ سوچے گا:

کیا یہ پوسٹر مختلف ثقافتوں کے لوگ، جو میری زبان نہیں جانتے، صرف علامتوں
(Symbols)
کے ذریعے سمجھ سکتے ہیں؟

کیا یہ ڈیزائن دن کی تیز روشنی یا رات کی کم روشنی میں بھی واضح طور پر پڑھا جا سکتا ہے؟

کیا یہ ہدف شدہ سامعین کی سطح کے مطابق ہے؟

یہ وسیع اور "مختلف زاویوں سے سوچنا" ہی گرافک ڈیزائن کو ایک سادہ آرٹ ورک سے ایک مؤثر حل میں بدل دیتا ہے۔

اختتام (Cliffhanger):
ہم نے دیکھا کہ ایک اچھا ڈیزائن صارف کو درپیش رکاوٹوں کو کیسے دور کرتا ہے۔ لیکن کیا آپ نے کبھی سوچا کہ ایک عام سا روڈ سائن یا ائیرپورٹ پر لگی ایک چھوٹی سی علامت آپ کی جان کیسے بچا سکتی ہے؟ ہمارے اگلے لیکچر میں، ہم گرافک ڈیزائن کی ان خفیہ مثالوں کو بے نقاب کریں گے جو ہم روز دیکھتے ہیں مگر ان کی اہمیت کا ادراک نہیں کرتے۔

آپ کے خیال میں ایک کامیاب گرافک ڈیزائنر کو مسئلہ حل کرنے پر زیادہ توجہ دینی چاہیے یا خوبصورتی پر؟

کمنٹ سیکشن میں اپنی قیمتی رائے ضرور دیں!

ہماری اگلی کلاس بہت اہم ہے، اس لیے ساتھ جڑے رہنے کے لیے پیج کو فالو (Follow) کریں اور اس پوسٹ کو اپنے دوستوں کے ساتھ شیئر لازمی کریں۔ Azmi DigiSol کا حصہ بننے کے لیے شکریہ۔



گرافک ڈیزائننگ کورس - کلاس 1ایک تخلیقی سفر کا اعلان: لاکھوں خواب اور چند سیٹیںجب ہم نے اس گرافک ڈیزائننگ کورس کا اعلان ک...
19/05/2026

گرافک ڈیزائننگ کورس - کلاس 1
ایک تخلیقی سفر کا اعلان: لاکھوں خواب اور چند سیٹیں

جب ہم نے اس گرافک ڈیزائننگ کورس کا اعلان کیا، تو ہمیں اندازہ نہیں تھا کہ

"شہر بھر سے سینکڑوں خواہش مند 'ڈیزائنر' بننے کا خواب رکھتے ہیں۔"

بے تحاشہ درخواستوں اور محدود سیٹیں ہونے کی وجہ سے سٹوڈنٹس کی سلیکشن کے بعد ہمیں ایڈمیشنز بند کرنے پڑے۔

پہلی باقاعدہ کلاس:

جہاں خاموش تصویریں بولنا سیکھتی ہیں

آج بالآخر ہمارے اس کورس کی پہلی باقاعدہ کلاس تھی۔

ایک نئے بصری سفر کی شروعات، جہاں تمام طلباء کے چہروں پر نہ صرف کچھ نیا سیکھنے کی لگن،

بلکہ یہ جاننے کا تجسس عیاں تھا کہ آخر ایک ویب سائٹ ڈیزائننگ کا لوگو، ایک فلائر، یا ایک کمپنی کی مکمل بصری شناخت (Visual Identity) کیسے تیار ہوتی ہے۔

لیکچر 1: گرافک ڈیزائن کیا ہے؟ – فن اور افادیت کا سنگم

تعارف:

گرافک ڈیزائن کے کورس میں خوش آمدید! بہت سے لوگ گرافک ڈیزائن کو صرف ایک ایسا عمل سمجھتے ہیں جس میں چیزوں کو رنگین اور خوبصورت بنایا جاتا ہے۔

لیکن حقیقت اس سے کہیں زیادہ گہری ہے۔ یہ لیکچر آپ کو ڈیزائن کی بنیادی سوچ سے روشناس کرائے گا:

ڈیزائن صرف خوبصورتی نہیں، بلکہ مقصد (Purpose) اور افادیت (Functionality) کا نام ہے۔

خوبصورتی اور فعالیت کا توازن

گرافک ڈیزائن کی بنیادی تعریف دو اہم ستونوں پر کھڑی ہے:

خوبصورتی (Aesthetics)
اور فعالیت (Functionality)۔

ایک کامیاب ڈیزائن وہ ہے جو آنکھوں کو بھلا لگے، لیکن اس کا بنیادی مقصد پورا ہو رہا ہو۔

ڈیزائنر کا مقصد محض خوبصورت تصاویر بنانا نہیں ہوتا؛

بلکہ یہ یقینی بنانا ہوتا ہے کہ پیغام واضح ہو اور صارف مطلوبہ عمل (Action) آسانی سے کر سکے۔

عملی ڈیزائن: جو کام کرے وہ کامیاب ہے

ڈیزائن کو ہمیشہ عملی (Practical) ہونا چاہیے۔

اگر کوئی ڈیزائن دیکھنے میں بہترین ہے مگر استعمال کے قابل نہیں، تو وہ اپنی افادیت کھو دیتا ہے اور مؤثر (Effective) نہیں رہتا۔

اسے ایک عام سی مثال سے سمجھیں:

ایک چائے کا کپ۔ اگر کپ کا رنگ اور شکل بہت دلکش ہے،

لیکن اس کا ہینڈل ایسا ہے کہ اسے پکڑنا مشکل ہو یا اس میں سے چائے گر جائے،

تو یہ ایک ناکام ڈیزائن ہے۔

کپ کا ڈیزائن تبھی کامیاب ہے جب وہ استعمال کرنے میں آسان ہو،

ہاتھ میں آرام سے آئے، اور مشروب کو محفوظ طریقے سے رکھ سکے۔

یہ اصول گرافک ڈیزائن کے ہر شعبے پر لاگو ہوتا ہے،

چاہے وہ ویب سائٹ ہو، برانڈ کا لوگو ہو، یا ایک سادہ سا پوسٹر ہو۔

اگر کوئی ویب سائٹ خوبصورت ہے مگر اس پر مطلوبہ معلومات تلاش کرنا مشکل ہے، تو وہ مؤثر ڈیزائن نہیں کہلائے گا۔

ڈیزائنر کا نقطہ نظر: ہر چیز کو مختلف زاویوں سے دیکھنا

ایک اچھے گرافک ڈیزائنر کی سب سے بڑی خوبی یہ ہے کہ وہ کسی بھی مسئلے یا پروجیکٹ کو صرف ایک پہلو سے نہیں دیکھتا۔

اسے ہر چیز کو مختلف زاویوں
(Multiple angles)
سے سوچنا ہوتا ہے:

صارف کا زاویہ:
صارف کو یہ ڈیزائن کیسے محسوس ہوگا؟
کیا وہ اسے آسانی سے سمجھ پائے گا؟

مارکیٹنگ کا زاویہ:
کیا یہ ڈیزائن برانڈ کے پیغام کو مؤثر طریقے سے پہنچا رہا ہے؟

تکنیکی زاویہ:
کیا یہ ڈیزائن پرنٹنگ یا ڈیجیٹل پلیٹ فارم پر عملی طور پر لاگو کیا جا سکتا ہے؟

یہ وسیع نقطہ نظر ہی ایک عام گرافکس بنانے والے کو ایک کامیاب گرافک ڈیزائنر میں تبدیل کرتا ہے۔

اختتام (Cliffhanger):

ہم نے سیکھا کہ ڈیزائن صرف خوبصورتی نہیں، بلکہ ایک فعال حل ہے۔

لیکن وہ کون سا بڑا چیلنج ہے جسے ایک بہترین گرافک ڈیزائنر سب سے پہلے حل کرتا ہے؟

اگلے لیکچر میں، ہم دیکھیں گے کہ گرافک ڈیزائن صرف ایک فن نہیں، بلکہ مسائل کو حل کرنے کا ایک طاقتور ہتھیار کیسے ہے۔

اگلی کلاس تھیوری ہونی چاہیے یا پریکٹیکل کمنٹ میں T یا P لکھیں تاکہ اسی حساب سے کلاس جاری رکھیں

پوسٹ کو لائک یا شیئر یا کمنٹ لازمی کیا کریں تاکہ دوسروں کا بھی فائدہ ہو،

گرافک ڈیزائننگ کا کورس سٹارٹ ہو گیا ہے ساتھ جڑے رہنے کے لیے پیج کو لائیک کریں Azmi DigiSol
دعاؤں میں یاد رکھیں۔ جزاک اللہ


ویب سائٹ ڈیزائننگ کورس کی دسویں اور آخری کلاس – پروفیشنل ای میل، فری لانسنگ اور ایک نیا آغاز​آج ہماری ورڈپریس کی دسویں ا...
14/05/2026

ویب سائٹ ڈیزائننگ کورس کی دسویں اور آخری کلاس
– پروفیشنل ای میل، فری لانسنگ اور ایک نیا آغاز

​آج ہماری ورڈپریس کی دسویں اور آخری باقاعدہ کلاس تھی۔

آج کوئی لمبی کوڈنگ یا ڈیزائننگ کی بات نہیں تھی، بلکہ آج بات تھی بزنس کی، پروفیشنلزم کی اور مارکیٹ میں قدم رکھنے کی۔

​میں نے کلاس میں دو ای میل آئی ڈیز بورڈ پر لکھیں:
​[email protected]
​[email protected]

​اور پھر پوچھا،
"اگر آپ کو کسی کمپنی کی طرف سے ان دو ای میلز پر میسج آئے تو آپ کس پر زیادہ اعتبار کریں گے؟"

پوری کلاس کا جواب دوسری ای میل پر تھا۔ بس، یہی آج کی کلاس کا مقصد تھا؛

"ٹرسٹ اور پروفیشنلزم بلڈ کرنا"۔
​

بزنس ای میل کی تیاری:

​ہم نے سیکھا کہ پروفیشنل بزنس ای میل مفت کی ای میل سروسز سے کتنا مختلف اور اثر انگیز ہوتا ہے۔

ہم واپس اپنے cPanel میں گئے، 'Email Accounts' کے سیکشن پر کلک کیا،

اور صرف دو منٹ کے اندر اپنی ڈومین کے نام پر ایک کسٹم ای میل آئی ڈی کریئیٹ کر لی۔

سٹوڈنٹس حیران تھے کہ جس چیز کا اتنا رعب ہوتا ہے، اسے بنانا کتنا آسان ہے۔
​

فری لانسنگ اور کلائنٹس کی تلاش:

​ٹیکنیکل کام مکمل ہونے کے بعد، ہم نے اپنی ڈسکشن کا رخ اس طرف موڑا کہ اب اس ہنر کو پیسوں میں کیسے بدلنا ہے۔

میں نے سٹوڈنٹس کو گائیڈ کیا کہ:

​فائیور (Fiverr) اور اپ ورک (Upwork) پر سروسز کیسے دی جاتی ہیں۔

​لوکل مارکیٹ اور فیس بک سے کلائنٹس کیسے تلاش کیے جاتے ہیں۔

​پہلی میٹنگ میں کلائنٹ سے کیسے بات کرنی ہے اور اپنی پرائسنگ (Pricing) کیسے سیٹ کرنی ہے۔
​

کورس کا اختتام اور آگے کا راستہ:

​کلاس کے اختتام پر ایک عجیب سا سکون اور خوشی سب کے چہروں پر تھی۔

جو سفر ہم نے 'ویب سائٹ کیا ہوتی ہے' سے شروع کیا تھا،
وہ آج ایک مکمل لائیو، پروفیشنل اور بزنس ریڈی ویب سائٹ بنانے پر ختم ہو رہا تھا۔

​میں نے سب کو مبارکباد دی اور کہا:

"یہ 10 دن کا کورس ختم نہیں ہوا، بلکہ آج سے آپ کی آن لائن ارننگ اور آئی ٹی فیلڈ میں ایک پروفیشنل کریئر کی شروعات ہوئی ہے۔ سیکھنے کا عمل جاری رکھیے گا کیونکہ ٹیکنالوجی روز بدلتی ہے۔"
​

آج کی کلاس کا نچوڑ (خلاصہ)

​ہماری آخری کلاس کے اہم نکات:

۔ ​cPanel سے برانڈڈ بزنس ای میل (Business Email) بنانا۔
​پروفیشنل کمیونیکیشن کی اہمیت۔

۔​فری لانسنگ اور کلائنٹ ہنٹنگ (Client Hunting) کے بنیادی اصول۔

۔​اپنی سکل کو ایک کاروبار میں تبدیل کرنے کا طریقہ۔

۔​ یہ 10 کلاسز کا سفر یقیناً سب کے لیے زندگی بدل دینے والا تجربہ ثابت ہوگا۔

آج کی اسائنمنٹ مکمل کرکے کمنٹ میں Final لکھیں تاکہ آپ بھی ساتھ ساتھ کورس مکمل کر لیں

پوسٹ کو لائک یا شیئر یا کمنٹ لازمی کیا کریں تاکہ دوسروں کا بھی فائدہ ہو، اگلا کورس کب سٹارٹ کریں کمنٹ میں رائے دیں

آج ویب ڈیزائننگ کورس کی آخری کلاس ہے اس کے بعد گرافک ڈیزائننگ کا کورس سٹارٹ ہوگا ساتھ جڑے رہنے کے لیے پیج کو لائیک کریں Azmi DigiSol
دعاؤں میں یاد رکھیں۔ جزاک اللہ


ویب سائٹ ڈیزائننگ کورس کی نویں کلاس۔ cPanel کے راز اور ویب سائٹ کا 'انجن روم'​ویب سائٹ ڈیزائننگ کا حصہ تو مکمل ہو چکا تھ...
13/05/2026

ویب سائٹ ڈیزائننگ کورس کی نویں کلاس
۔ cPanel کے راز اور ویب سائٹ کا 'انجن روم'

​ویب سائٹ ڈیزائننگ کا حصہ تو مکمل ہو چکا تھا، لیکن ویب ڈویلپمنٹ صرف فرنٹ اینڈ (سامنے کے ڈیزائن) کا نام نہیں ہے۔

آج باری تھی پردے کے پیچھے جا کر اس سرور روم کو سمجھنے کی، جو ہماری ویب سائٹ کو چلاتا ہے۔

​میں نے سٹوڈنٹس کو بتایا:

"آج ہم فرنٹ سیٹ سے اٹھ کر ڈرائیونگ سیٹ اور انجن روم میں جانے والے ہیں، جسے ویب کی دنیا میں cPanel کہا جاتا ہے۔"

شروع میں cPanel کا نام سن کر کچھ سٹوڈنٹس کو لگا کہ یہ شاید کوئی بہت مشکل اور پیچیدہ چیز ہوگی، لیکن پریکٹیکل شروع ہوتے ہی یہ ڈر دور ہو گیا۔

​ا۔ File Manager (ویب سائٹ کا دماغ)

​سب سے پہلے ہم cPanel کے فائل مینجر میں گئے۔

میں نے سمجھایا کہ جیسے آپ کے لیپ ٹاپ میں ہارڈ ڈسک ہوتی ہے، بالکل ویسے ہی یہ لائیو سرور کی ہارڈ ڈسک ہے۔

ہم نے 'public_html' کے فولڈر کو اوپن کیا اور دیکھا کہ ہم نے ورڈپریس پر جو بھی تصویریں لگائی ہیں یا جو تھیم یا پلگ انز انسٹال کیے ہیں،
ان کی ساری فائلز دراصل یہاں آ کر سیو ہو رہی ہوتی ہیں۔

ہم نے یہاں سے ڈیٹا کا بیک اپ (Backup) لینے کا طریقہ بھی سیکھا۔

​ا۔ Domains اور Sub-domains کا فرق

​اس کے بعد ہم ڈومین سیکشن میں گئے۔ میں نے سٹوڈنٹس کو پریکٹیکل کر کے دکھایا کہ اگر ہمارے پاس ایک مین ڈومین (مثلاً azmidigisol.com) ہے،

تو ہم اسی ہوسٹنگ کے اندر مفت میں اس کی برانچز (Sub-domains) کیسے بنا سکتے ہیں

(مثلاً course.azmidigisol.com)۔ اس سے سٹوڈنٹس کو سمجھ آ گئی کہ ایک ہی ہوسٹنگ پر کئی پراجیکٹس کیسے ٹیسٹ کیے جاتے ہیں۔

​ا۔ Zone Editor (DNS Records)

​یہ تھوڑا سا ٹیکنیکل لیکن بہت اہم حصہ تھا۔

میں نے سادہ الفاظ میں سمجھایا کہ اگر ہم نے اپنی ویب سائٹ کو گوگل کے کسی ٹول یا کسی دوسری تھرڈ پارٹی سروس کے ساتھ جوڑنا ہو،

تو ہمیں cPanel کے Zone Editor میں جا کر کچھ چھوٹے چھوٹے کوڈز (DNS Records) ایڈ کرنے ہوتے ہیں۔

ہم نے سیکھا کہ ان ریکارڈز کو بغیر کوئی نقصان پہنچائے کیسے اپ ڈیٹ کیا جاتا ہے۔
​

آج کی کلاس کا نچوڑ (خلاصہ)

​آج ہم نے مکمل طور پر cPanel کی ٹیکنیکل سائیڈ کو سمجھا:

۔ ​File Manager کا استعمال اور فائلوں کی ساخت۔

۔ ​مین ڈومین کے ساتھ Sub-domains بنانے کا طریقہ۔

۔ ​Zone Editor کیا ہے اور DNS کیسے کام کرتا ہے۔

​آج سٹوڈنٹس صرف ایک ویب ڈیزائنر نہیں رہے تھے، بلکہ انہیں 'ویب ماسٹر' بننے کی بنیادی سمجھ آ گئی تھی۔

وہ اب ویب سائٹ کے اندرونی نظام کو بھی کنٹرول کر سکتے تھے۔

آج کی اسائنمنٹ مکمل کرکے کمنٹ میں done 9 لکھیں تاکہ آپ بھی ساتھ ساتھ کورس مکمل کر لیں

پوسٹ کو لائک یا شیئر یا کمنٹ لازمی کیا کریں تاکہ دوسروں کا بھی فائدہ ہو، اگلا کورس کب سٹارٹ کریں کمنٹ میں رائے دیں

کل ویب ڈیزائننگ کورس کی آخری کلاس ہوگی اس کے بعد گرافک ڈیزائننگ کا کورس سٹارٹ ہوگا ساتھ جڑے رہنے کے لیے پیج کو لائیک کریں Azmi DigiSol
جزاک اللہ


ویبسائٹ ڈیزائننگ کورس کی آٹھویں کلاس – موبائل ریسپانسو ڈیزائن اور واٹس ایپ انٹیگریشن​گزشتہ کلاس میں ہم نے ایک شاندار ہوم...
11/05/2026

ویبسائٹ ڈیزائننگ کورس کی آٹھویں کلاس – موبائل ریسپانسو ڈیزائن اور واٹس ایپ انٹیگریشن

​گزشتہ کلاس میں ہم نے ایک شاندار ہوم پیج بنایا تھا۔

آج میں نے کلاس کے دوران ایک سادہ سا سوال پوچھا:

"آج کل لوگ فیس بک اور گوگل سب سے زیادہ کس چیز پر استعمال کرتے ہیں، لیپ ٹاپ پر یا موبائل پر؟"

پوری کلاس نے یک زبان ہو کر کہا: "موبائل پر!"

​میں نے کہا دیا: "بالکل درست! اگر آپ کی ویب سائٹ لیپ ٹاپ پر بہت خوبصورت ہے لیکن موبائل پر اس کا ڈیزائن خراب ہو جاتا ہے، تو آپ اپنے 80 فیصد کلائنٹس کھو دیں گے۔"

​آج کا ہمارا مکمل فوکس اسی بات پر تھا کہ ویب سائٹ کو ہر سکرین کے لیے پرفیکٹ کیسے بنایا جائے۔
​
موبائل فرسٹ اپروچ (Mobile Responsiveness)

​ہم نے سیکھا کہ موبائل ریسپانسو ہونے کا مطلب یہ ہے کہ ویب سائٹ ہر ڈیوائس (لیپ ٹاپ، ٹیبلٹ اور موبائل فون) کی سکرین کے سائز کے حساب سے خود کو ایڈجسٹ کر لے۔

ہم نے Elementor میں موجود 'Responsive Mode' کو آن کیا۔ یہ ایک ایسا زبردست فیچر ہے جو آپ کو لیپ ٹاپ پر بیٹھے بیٹھے دکھا دیتا ہے کہ آپ کی سائٹ فون پر کیسی نظر آئے گی۔

​ہم نے باری باری چیک کیا کہ موبائل پر لکھائی (Text) کا سائز کتنا ہونا چاہیے،
تصویریں کیسی دکھنی چاہئیں اور کالمز کو ایک دوسرے کے نیچے کیسے شفٹ ہونا چاہیے۔

ہم نے سائیڈ کی خالی جگہوں (Padding/Margin) کو خاص طور پر موبائل کے لیے سیٹ کیا۔
​

واٹس ایپ چیٹ بٹن (WhatsApp Integration)

​آج کے دور میں کوئی بھی کلائنٹ لمبی لمبی ای میلز نہیں کرنا چاہتا، ہر کوئی فوری رابطہ چاہتا ہے، اور اس کا بہترین حل واٹس ایپ ہے۔

ہم نے ایک بہت ہی کارآمد پلگ ان chaty انسٹال کیا جس کی مدد سے ہم نے ویب سائٹ کے کونے میں ایک واٹس ایپ کا فلوٹنگ آئیکون (Floating Icon) لگا دیا۔

​میں نے سٹوڈنٹس کو پریکٹیکل کر کے دکھایا کہ جیسے ہی کوئی کسٹمر موبائل یا ویب سائٹ پر اس آئیکون پر کلک کرے گا، وہ سیدھا ہمارے واٹس ایپ ان باکس میں آ جائے گا۔

یہ چھوٹی سی چیز سیلز اور کلائنٹ کنورژن (Client Conversion) کو کئی گنا بڑھا دیتی ہے۔
​

آج کی کلاس کا نچوڑ (خلاصہ)

​آج ہم نے انتہائی اہم ٹیکنیکل چیزیں سیکھیں جن میں شامل ہے:

ا. ​Elementor میں ریسپانسو موڈ کا استعمال۔

​ٹیبلٹ اور موبائل فونز کے لیے ڈیزائن کو ایڈجسٹ کرنا۔

​مختلف ڈیوائسز پر فونٹس اور پیڈنگ کو کنٹرول کرنا۔

​ڈائریکٹ رابطے کے لیے ویب سائٹ پر WhatsApp بٹن لگانا۔

​ہماری ویب سائٹ اب نہ صرف خوبصورت تھی، بلکہ سمارٹ فون فرینڈلی بھی بن چکی تھی!

آج کی اسائنمنٹ مکمل کرکے کمنٹ میں done 8 لکھیں تاکہ آپ بھی ساتھ ساتھ کورس مکمل کر لیں

پوسٹ کو لائک یا شیئر یا کمنٹ لازمی کیا کریں تاکہ دوسروں کا بھی فائدہ ہو،

ویب ڈیزائننگ کورس کے بعد گرافک ڈیزائننگ کا کورس سٹارٹ ہوگا ساتھ جڑے رہنے کے لیے پیج کو لائیک کریں Azmi DigiSol
جزاک اللہ


ویب سائٹ ڈیزائننگ کورس کی ساتویں کلاس – ایک پرکشش ہوم پیج (Landing Page) کی تیاری​آج کی کلاس سب سے زیادہ اہم تھی کیونکہ ...
09/05/2026

ویب سائٹ ڈیزائننگ کورس کی ساتویں کلاس – ایک پرکشش ہوم پیج (Landing Page) کی تیاری

​آج کی کلاس سب سے زیادہ اہم تھی کیونکہ آج ہم ویب سائٹ کا وہ حصہ بنانے جا رہے تھے جو کلائنٹ کو سب سے پہلے نظر آتا ہے،

یعنی ہوم پیج یا لینڈنگ پیج۔

​میں نے کلاس کا آغاز مارکیٹنگ کے ایک مشہور اصول سے کیا:

"آپ کے پاس کلائنٹ کی توجہ حاصل کرنے کے لیے صرف 3 سے 5 سیکنڈ ہوتے ہیں۔ اگر آپ کا ہوم پیج ان 5 سیکنڈز میں کلائنٹ کو نہیں روک پایا، تو وہ ویب سائٹ چھوڑ کر چلا جائے گا۔"

​یہ سن کر سب الرٹ ہو گئے اور پھر ہم نے ایک ایسا ہوم پیج بنانا شروع کیا جو یوزر کو رکنے پر مجبور کر دے۔

​ا۔ Hero Section (فرسٹ امپریشن)

​ویب سائٹ کھولتے ہی جو حصہ سکرین پر نظر آتا ہے اسے ہیرو سیکشن کہتے ہیں۔

ہم نے Elementor کو اوپن کیا اور سب سے اوپر ایک بڑی، خوبصورت اور ہائی کوالٹی بیک گراؤنڈ تصویر لگائی۔

اس کے اوپر ہم نے ایک بہت کیچی (Catchy) اور موٹی ہیڈنگ لکھی جو بتا رہی تھی کہ ہماری کمپنی کیا کرتی ہے۔

ساتھ ہی ایک چھوٹا سا پیراگراف اور ایک بڑا سا بٹن (Call to Action) لگایا جس پر لکھا تھا "Contact Us"۔

​ا۔ Services Section (ہم کیا کرتے ہیں؟)

​کلائنٹ جب تھوڑا سا نیچے سکرول کرے گا تو اسے معلوم ہونا چاہیے کہ ہم کون سی سروسز دیتے ہیں۔

ہم نے ایک نیا سیکشن بنایا، اسے 3 کالمز میں تقسیم کیا، اور ہر کالم میں ایک خوبصورت آئیکون کے ساتھ اپنی سروسز کا ذکر کیا

(جیسے ویب ڈیزائننگ، ایس ای او، گرافک ڈیزائننگ)۔

یہ سیکشن کلائنٹ کے ذہن میں ہماری مہارت کی تصویر بناتا ہے۔

​ا۔ Testimonials (اعتماد سازی)

​انسانی نفسیات ہے کہ ہم اس دکان سے چیز خریدنا پسند کرتے ہیں جہاں سے پہلے بھی لوگوں نے خریدی ہو۔

اس لیے ہم نے ویب سائٹ پر 'کلائنٹس کے ریویوز' کا ایک حصہ بنایا۔ اس میں ہم نے Elementor کے Testimonial ویجٹ کا استعمال کیا

تاکہ نئے آنے والے کلائنٹس کو بھروسہ ہو سکے کہ ہم پروفیشنل کام کرتے ہیں۔

​ا۔ Call to Action (اگلا قدم کیا ہے؟)

​ہوم پیج کے بالکل آخر میں ہم نے کلائنٹ کو ایک واضح راستہ دیا کہ اب اسے کیا کرنا ہے۔

اسے Call to Action کہتے ہیں۔

ہم نے ایک خوبصورت بینر بنایا اور اس پر لکھا:

"کیا آپ اپنے بزنس کو ڈیجیٹل دنیا میں لانا چاہتے ہیں؟ آج ہی ہم سے رابطہ کریں!"
​

آج کی کلاس کا نچوڑ (خلاصہ)

​آج ہم نے Elementor کی مدد سے سیکھا کہ:

​ایک پرکشش Hero Section کیسے بناتے ہیں۔

​سروسز کو پروفیشنل انداز میں کیسے دکھاتے ہیں۔

​کلائنٹس کا اعتماد جیتنے کے لیے ریویوز کا سیکشن کیسے ایڈ کرتے ہیں۔

​ایک بہترین Call to Action بٹن کیسے لگایا جاتا ہے۔

​جب سٹوڈنٹس نے اپنا فائنل ہوم پیج براؤزر میں اوپن کر کے دیکھا تو ان کی خوشی دیدنی تھی۔

آج وہ واقعی خود کو ایک ویب ڈیزائنر محسوس کر رہے تھے!

ساتویں کلاس میں ہمارے آن لائن سیکھنے والوں کے لیے اسائنمنٹ کیا ہے؟

بالکل یہی کام کا پریکٹیکل کریں اگر کچھ سمجھ نا آئے تو کمنٹ 7 لکھیں یا میسج پہ رابطہ کریں

پوسٹ کو لائک یا شیئر یا کمنٹ لازمی کیا کریں تاکہ دوسروں کا بھی فائدہ ہو،

ویب ڈیزائننگ کورس کے بعد گرافک ڈیزائننگ کا کورس سٹارٹ ہوگا ساتھ جڑے رہیں
جزاک اللہ


چھٹی کلاس – ویب سائٹ کی پہچان: ہیڈر، فوٹر اور Astra کسٹمائزر​کل کی کلاس میں Elementor سیکھنے کے بعد آج سب سٹوڈنٹس میں ای...
08/05/2026

چھٹی کلاس – ویب سائٹ کی پہچان: ہیڈر، فوٹر اور Astra کسٹمائزر

​کل کی کلاس میں Elementor سیکھنے کے بعد آج سب سٹوڈنٹس میں ایک نیا اعتماد تھا۔

آج ہمارا ٹارگٹ تھا ویب سائٹ کو ایک باقاعدہ پروفیشنل لک دینا۔

​میں نے کلاس میں ایک مثال دی:

"کسی بھی دکان کا سائن بورڈ (Board) یہ طے کرتا ہے کہ گاہک اندر آئے گا یا نہیں۔ بالکل اسی طرح ویب سائٹ کا اوپری حصہ (Header) آپ کی برانڈ کی اصل پہچان ہوتا ہے۔"

​اور پھر ہم نے اپنی ویب سائٹ کو برانڈ بنانے کا کام شروع کیا...

​ا Header کیا ہوتا ہے؟ (ویب سائٹ کا ماتھا)

​ہم نے سب سے پہلے ویب سائٹ کے بالکل اوپری حصے یعنی Header پر بات کی۔

یہ وہ جگہ ہے جو یوزر کو ہر پیج پر نظر آتی ہے۔

ہم نے Astra تھیم کے کسٹمائزر (Customizer) میں جا کر ہیڈر کی سیٹنگز اوپن کیں۔

سٹوڈنٹس کو سکھایا کہ:
​ایک خوبصورت اور صاف ستھرا لوگو (Logo) کیسے لگاتے ہیں۔

​نیویگیشن مینو (Menu) کو کس طرح ترتیب دیتے ہیں تاکہ کلائنٹ کو ویب سائٹ پر گھومنے میں آسانی ہو۔

​رنگ اور ٹائپوگرافی (Color Scheme & Typography)

​انسانی نفسیات میں رنگوں کا بہت گہرا اثر ہوتا ہے۔

ایک پروفیشنل ویب سائٹ میں 10 مختلف رنگ نہیں ہوتے، بلکہ ایک مخصوص کلر سکیم ہوتی ہے۔

ہم نے Customizer کے اندر جا کر پوری ویب سائٹ کے لیے ایک 'گلوبل کلر سکیم' سیٹ کی۔

اس کے ساتھ ہی ہم نے ویب سائٹ کی لکھائی کا سٹائل (Typography / Fonts) تبدیل کیا، جس سے ویب سائٹ کی لک یکدم بہت پریمیم اور ماڈرن ہو گئی۔

​ا Footer کی اہمیت (ویب سائٹ کی بنیاد)

​ہیڈر کے بعد باری آئی ویب سائٹ کے سب سے نچلے حصے، یعنی Footer کی۔

زیادہ تر لوگ اسے نظرانداز کر دیتے ہیں،

لیکن سٹوڈنٹس کو بتایا کہ جب کوئی یوزر ویب سائٹ پڑھتے ہوئے بالکل نیچے پہنچتا ہے، تو وہاں اسے آپ کے رابطے کی معلومات ملنی چاہئیں۔

ہم نے فوٹر میں یہ چیزیں شامل کیں:

​کمپنی کا مختصر تعارف۔

​اہم لنکس (Important Links)۔

​سوشل میڈیا کے آئی کونز (Facebook, Instagram وغیرہ)۔

​کاپی رائٹ کی لائن (© 2026 All Rights Reserved)۔

​ا Astra Customizer کا کمال

​آج کی پوری کلاس کا ہیرو Astra تھیم کا کسٹمائزر تھا۔

ہم نے دیکھا کہ Elementor پیج کے اندر کا ڈیزائن بناتا ہے،

جبکہ Astra Customizer پوری ویب سائٹ کا بیرونی ڈھانچہ، رنگ اور سیٹنگز کنٹرول کرتا ہے۔

ان دونوں کے امتزاج سے ہماری ویب سائٹ مکمل ہو رہی تھی۔
​

آج کی کلاس کا نچوڑ (خلاصہ)

​آج ہم نے سیکھا کہ:

ا ​Astra Customizer کا درست استعمال کیسے کریں۔

​پروفیشنل Header اور Menu کیسے سیٹ کریں۔

​گلوبل کلر سکیم اور فونٹس کیسے تبدیل کریں۔

​ایک معلوماتی اور خوبصورت Footer کیسے ڈیزائن کریں۔

​اب ہماری ویب سائٹ کا بیرونی فریم بالکل تیار ہے۔ اگلی کلاس میں ہم اس فریم کے اندر ایک شاندار ہوم پیج پینٹ کریں گے!

اگر کسی بات کی سمجھ نہیں آئی تو کمنٹ میں لکھیں WP میں اس کی وضاحت کر دوں گا۔

اگلی کلاس کیلئے تیار رہیں ان شاء اللہ کل ملتے ہیں


ویب ڈیزائننگ فری کورس - کلاس 5پانچویں کلاس – Elementor کا جادو اور بغیر کوڈنگ ڈیزائننگ کا آغاز​آج کی کلاس میں داخل ہوتے ...
07/05/2026

ویب ڈیزائننگ فری کورس - کلاس 5

پانچویں کلاس – Elementor کا جادو اور بغیر کوڈنگ ڈیزائننگ کا آغاز

​آج کی کلاس میں داخل ہوتے ہی سٹوڈنٹس کے چہروں پر ایک عجیب سی بے چینی تھی،

کیونکہ زیادہ تر لوگوں کے ذہن میں یہ خوف بیٹھا ہوتا ہے کہ ویب سائٹ ڈیزائن کرنے کے لیے تو کالی سکرین پر لمبی لمبی کوڈنگ لکھنی پڑتی ہے۔،😅

​میں نے مسکرا کر کلاس کا آغاز اس جملے سے کیا:
"اگر میں کہوں کہ آج آپ صرف ماؤس کے استعمال سے ویب سائٹ ڈیزائن کریں گے، تو کیا آپ یقین کریں گے؟"

​اور یہیں سے ہم نے ویب ڈیزائننگ کی سب سے دلچسپ دنیا، یعنی 'Elementor' میں قدم رکھا...

لیکن اس سے پہلے ہم نے مختلف ویب سائٹس کو بھی وزٹ کرکے ان کے ڈیزائن کو سٹڈی کیا تاکہ کچھ آئیڈیا ہو سکے

جیسے کہ azmidigisol ڈاٹ کام کے کچھ سیکشن دیکھے،
بٹن، مینو، ہیڈر وغیرہ

یہ Elementor (پیج بلڈر) کیا ہے؟

​سب سے پہلے ہم نے Elementor کا تعارف سیکھا۔

میں نے سٹوڈنٹس کو سمجھایا کہ یہ ورڈپریس کا ایک ایسا جادوئی پلگ ان (Page Builder) ہے جس نے ویب ڈویلپمنٹ کی دنیا میں انقلاب برپا کر دیا ہے۔

اس کی مدد سے ہم بغیر ایک بھی لائن کا کوڈ لکھے، اپنی مرضی کا کوئی بھی ڈیزائن بنا سکتے ہیں۔ یہ ہماری سوچ کو سکرین پر حقیقت کا روپ دینے کا سب سے طاقتور ٹول ہے۔

​اس میں Drag and Drop کا کمال

​پھر ہم نے پریکٹیکل شروع کیا۔ میں نے سکرین پر دکھایا کہ Elementor کام کیسے کرتا ہے۔

یہ بالکل بچوں کے ان بلاکس والے کھلونوں کی طرح ہے جنہیں جوڑ کر کوئی بھی شکل بنائی جا سکتی ہے۔

ہم نے سیکھا کہ بائیں جانب موجود مینو سے بس اپنی پسند کی چیز (Widget) کو ماؤس سے پکڑنا ہے (Drag) اور دائیں جانب پیج پر لا کر چھوڑ دینا ہے (Drop)۔

​ہیڈنگ لگانی ہے؟ بس ٹیکسٹ بلاک کھینچ کر رکھ دیں۔
​تصویر لگانی ہے؟ امیج وجٹ ڈراپ کریں۔
​

اور Widgets کا استعمال کیسے کریں؟

​ہم نے Elementor کے بنیادی ٹولز (Widgets) کا استعمال سیکھا۔

میں نے سٹوڈنٹس سے ایک بٹن بنوایا، اس کا رنگ تبدیل کروایا، اور اس پر لنک لگانا سکھایا۔

ہم نے پیج کو مختلف حصوں (Sections اور Columns) میں تقسیم کرنا سیکھا تاکہ سکرین پر چیزیں بکھری ہوئی نہ لگیں بلکہ ایک ترتیب میں نظر آئیں۔
​

لائیو ڈیزائننگ کا مزہ (Real-time Editing)

اور ​Elementor کا سب سے بڑا فائدہ جو سٹوڈنٹس کو بہت پسند آیا، وہ یہ تھا کہ ہم جو بھی تبدیلی کر رہے تھے، وہ اسی وقت سامنے سکرین پر نظر آ رہی تھی۔

پہلے کے دور میں کوڈ لکھ کر بار بار پیج ریفریش کرنا پڑتا تھا، لیکن اب سب کچھ لائیو ہو رہا تھا۔

سٹوڈنٹس کا کوڈنگ والا خوف اب ایک شوق اور مزے میں بدل چکا تھا۔
​

آج کی کلاس کا نچوڑ (خلاصہ)

​آج ہم نے عملی طور پر سیکھا:

کہ ​Elementor کیا ہے اور یہ کیوں ضروری ہے۔

اور ​Drag and Drop ٹیکنالوجی کیسے کام کرتی ہے۔

​پیج کو سیکشنز اور کالمز میں کیسے تقسیم کیا جاتا ہے۔

​بنیادی ویجٹس (Headings, Images, Buttons) کا استعمال کیسے ہوتا ہے۔

​ویب ڈیزائننگ اب ایک مشکل کام نہیں، بلکہ ایک دلچسپ آرٹ بن چکی ہے۔

سٹوڈنٹس کو اب یقین آ گیا تھا کہ وہ واقعی اپنی مرضی کی شاندار ویب سائٹ بنا سکتے ہیں!

آپ نے اب تک کتنی پریکٹس کرلی ہے؟ اور کیا نیکسٹ کلاس بھی اپلوڈ کر دی جائے؟

کمنٹ میں next لکھیں تاکہ میں اگلی کلاس بھی تیار کرکے اپلوڈ کر دوں؛
Azmi DigiSol


Address

Azmi DigiSol C/o Street#7, Chishtia Park Colony, 13/G Road
Chishtian Mandi
62350

Opening Hours

Monday 09:00 - 17:00
Tuesday 09:00 - 17:00
Wednesday 09:00 - 17:00
Thursday 09:00 - 17:00

Telephone

+923157917800

Website

Alerts

Be the first to know and let us send you an email when Azmi DigiSol posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to Azmi DigiSol:

Shortcuts

Share

Category