فـــريهـان ..

[V.Lapidus]

سم الله الرحمن الرحيم .. :أوو: ..

أبدأ :d بطلب
Demon-Dante

[V.Lapidus]

عشان درس سحورة :أوو: ..

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1941837&d=1385154124
http://www.mexat.com/vb/attachment.php?attachmentid=1941840&d=1385154124
http://www.mexat.com/vb/attachment.php?attachmentid=1941839&d=1385154124
كذا شكله :لعق:
http://www.mexat.com/vb/attachment.php?attachmentid=1941844&d=1385154688

[V.Lapidus]

تقرير لرواية ( أرجوكم .. لا تسخروا مني .. )

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1942237&d=1385316951


http://www.mexat.com/vb/attachment.php?attachmentid=1942238&d=1385316951



يتبع :d ..

http://www.mexat.com/vb/attachment.php?attachmentid=1942253&d=1385317264

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1942237&d=1385316951



الخلفية ما عجبتني :تعجب: ..
مشي حالي بذي =="


http://www.mexat.com/vb/attachment.php?attachmentid=1942265&stc=1&d=1385319054

[V.Lapidus]

غلاف وكاتبة الرواية :نوم: ..

[V.Lapidus]

نسيت شي :جرح:

[V.Lapidus]

خلفية ضرورية :ميت:

[V.Lapidus]

لوكـ جديد لموضوع حبيبتي أسحار :ضحكة:

بقي ثلاث فواصل ^^"

[V.Lapidus]

أسحآآآآآآآآآآآآآآآآر ::غضبان::

[V.Lapidus]

بنر

[V.Lapidus]

C + b
3>

[V.Lapidus]

ما زبطت :جرح: ..

[V.Lapidus]

لوك ..

[V.Lapidus]

:d

[V.Lapidus]

طلب زرياب ^^ :d

[V.Lapidus]

التكملة

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1955088&stc=1&d=1389279683


^
البنر


طلب زرياب ^^ :D

الفاصلة

http://www.mexat.com/vb/attachment.php?attachmentid=1955087&stc=1&d=1389279683

[V.Lapidus]

التعديلات =)

[V.Lapidus]

طلب انمية موهوبة وفلورس

[V.Lapidus]

يتبع

[V.Lapidus]

:-)

[V.Lapidus]

=)

[V.Lapidus]

وآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآ آآآآآآآآآفرحتآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآآ آآآآآآآآآآآآآآآآآآآآهـ

http://www.mexat.com/vb/attachment.php?attachmentid=1956663&stc=1&d=1389812630

[V.Lapidus]

لشلتي العزيزة

[V.Lapidus]

يتبع

[V.Lapidus]

http://im35.gulfup.com/jKvEk.jpg (http://www.gulfup.com/?6pHph8)


http://www.mexat.com/vb/attachment.php?attachmentid=1957451&d=1390070041
بسم الله الرحمن الرحيم ..

السلام عليكم ورحمة الله وبركاته ..



http://www.mexat.com/vb/attachment.php?attachmentid=1957453&d=1390070041






http://www.mexat.com/vb/attachment.php?attachmentid=1957523&stc=1&d=1390082935

[V.Lapidus]

الفضايح :d

[V.Lapidus]

ييتبع
+
خخخنفش وجداااهـ
:غياب:

[V.Lapidus]

لمسابقة المدونة

[V.Lapidus]

يتبع

[V.Lapidus]

للمدونة

[V.Lapidus]

يتبع

[V.Lapidus]

يتتتتتتتتتتتتبع

[V.Lapidus]

=)

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1957607&d=1390120932

.
..
...
....

http://www.mexat.com/vb/attachment.php?attachmentid=1957611&d=1390121139




بسم الله الرحمن الرحيم ..
السلام عليكم ورحمة الله وبركـآآته ..

صباحكم سرور وبسمة وذكر بالطاعات, ومساؤكم حُبُور وحافل بالمسرات ..
اللهم صلِ وسلم على أطهر الخلق سيد الأنبياء المرسلين ..

كيف حالكـم أعضاء وزوار مكسات عامة ؟ ورواد منتدى البرمجة خاصة ؟! ..
أتمنى لكم كل ما هو خير وطيب ..

بكل تواضع أقدم لكم أول مشاركاتي لمسابقة منتدى تطوير المواقع ,
[ صفحات تدوينية في رحاب التقنية ] ..
وهي عن مدونة " الدكتور نت " ..

أسأل الله لي التوفيق وللجميع ^^ ..








http://www.mexat.com/vb/attachment.php?attachmentid=1957593&d=1390118156

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1957612&d=1390121139

- فاطمة العمادي زوجة و أم لطفلين رائعين .

مصممة و مطورة مواقع و مصورة . تعمل في تصميم و تطوير المواقع منذ العام 1999م . عرف الناس كتاباتها من خلال شخصية خيالية هي الدكتور نت .

بدأت الموقع في العام 1999م . فكرة الموقع كانت تقوم على أساس إنشاء موقع تتحدث فيه شخصيات كرتونية عن تصميم المواقع بدأت بالدكتور نت و كانت الفكرة ان تكمل مع الدكتور نشر و الدكتور تطوير ..الخ

لكن يبدو أن الدكتور نت علق في الأذهان و ربطها الناس بهذه الشخصية .

مر الموقع بتقلبات كبيرة و ذبذبة بين الشهرة و الخفوت و فترات توقفت فيها عن تحديث الموقع . يمكنك مشاهدة نماذج للتصاميم القديمة للموقع من خلال (Wayback machine). في عام 2007 قامت بمراجعة الموقع و نقل موضوعات كثيرة إلى الأرشيف ( للتحميل بصيغة pdf) .


في التصميم تستخدم التالي :

* Macbook(2.5 GH , 4G Ram)
* Adobe photoshop cs4 me
* Adobe illustrator cs4
* Adobe fireworks cs4
* Inkscape
* Smultron للشفرات .



كما أنها :

* تعرض ملف أعمالها على FAlemadi.com .
* تصمم المواقع على Smarts Web.
* تبيع تصاميمها على Graphic River .
* تبيع صورها و رسوماتها على IstockPhoto.
* و أيضا على DreamsTime.
* بدأت تجربة ١٠٤ تجربة تصميم لعام ٢٠١٠ : بحيث تصمم كل اسبوع تصميمين لمدة عام كامل . تجرب فيها انماط تصميم لم تجربها من
قبل و تعود نفسها على انجاز التصماميم في فترة زمنية قصيرة بحيث تتدرب على الابداع و إدارة الوقت .



بالإضافة لذلك فهي تمارس التصوير الضوئي و تمتلك استديو منزلي صغير . تحتوي حقيبتها التصويرية على :.

* Canon EOS 5d Mark II
* Canon EOS 400D (Rebel Xti)
* Canon EF 100mm f/2.8 USM Macro Auto Focus Lens(FAV.)
* Canon EF 28-135mm f/3.5-5.6 IS USM
* Canon EF 50mm f/1.8 II Camera Lens
* Canon EF 18-55 mm
* Raynox DCR-250, Macro-Scan 2.5x Super Macro Conversion Lens.
* Canon flash 580ex II
* Sunpak 383 flash.
* Nikon Sb-28 flash.
* 2 Westcott 43″ Soft Silver Umbrella with light stands,
* 2 Westcott 43″ Optical White Satin Collapsible Umbrella.
* Visico Softbox 38cmx40cm
* Flash wireless radio trigger system


مواقع أخرى اشرف عليها :

* قرآنيات: تقرا و تترجم و تفسر و تستمع للقرآن الكريم .
* سمارتس ويب : ملفها الخاص بتصميم المواقع تجد هناك أعمالها السابقة و يمكنها أن تصمم لك موقعك بسعر مناسب .


http://www.mexat.com/vb/attachment.php?attachmentid=1957593&d=1390118156

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1957620&d=1390121369
.
.
.
.
.
.
.
.
.
http://www.mexat.com/vb/attachment.php?attachmentid=1957606&d=1390120932

أداة تمكنك من صنع و تجهيز شفرة الميتا تاج بسهولة و مجانا كل ما عليك هو تعبئة الإستمارة لتقوم الاداة بصنع الشفرة لك

http://www.mexat.com/vb/attachment.php?attachmentid=1957605&d=1390120932

لتنفيذ المهام المجدولة على السيرفر في أوقات معينة .

http://www.mexat.com/vb/attachment.php?attachmentid=1957604&d=1390120932

استخدم هذه الأداة لتحديد صفحات خطأ خاصة لموقعك بدل صفحات الخطأ التلقائية ..

http://www.mexat.com/vb/attachment.php?attachmentid=1957603&d=1390120932

اصنع أزرار إعلانية صغير لمدونتك أو لموقعك


http://www.mexat.com/vb/attachment.php?attachmentid=1957593&d=1390118156

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1957609&d=1390121139
.
.
أدرجت هنا إحدى مواضيع المدونة بالكـامل

خطوات تصميم معرض أعمالي: (1) التخطيط

http://qatardr.net/wp-content/uploads/2009/12/icon.jpg

في هذه السلسلة سأعرض خطواتي الأبداعية في تصميم موقعي الشخصي أو معرض أعمالي .في هذا الجزء سأتحدث عن التخطيط للموقع و أفكار حول البدء من الورقة و القلم و نبذة عن المخطط السلكي Wireframe بالإضافة لخطوات تصميم شعاري الشخصي .

بحمد الله اتممت تصميم معرضي الشخصي الجديد falemadi.com . سأبدأ بعرض سلسلة مواضيع تفصيلة عن اسرار كل جزء في التصميم و بالرغم من كونه تصميم من صفحة واحدة إلا أنه يحتوي على كثير من الحيل و الأفكار و التي يمكنك استخدامها . و بالتالي أكون قد طويت صفحة سمارتس ويب و بدأت العمل بشكل اكبر تحت أسمي الشخصي .

الشعار

ربما يكون هذا أصعب جزء قبل البدء هذه كانت خطوطي العريضة :

* البساطة .
* السطوع و الرمزية : لم أكن ابحث عن شعار يحتوي على نص بل شعار رمزي اكثر بمجرد ان تراه تمييزه .

الخطوة الأولى, المسودات :

أحب دوما أن ابدأ التصميم بالطرق التقليدية بالورق و القلم . قبل فترة قررت أن أبدأ أي تصميم برسم سكيتش Sketch على الورق في البداية كان ذلك صعبا لأني كنت أحس أن هذا مضيعة للوقت و أن لدي فكرة و اريد تطبيقها مباشرة لكني الأن و بعد تجربة هذا أكثر من مرة اعتقد أن استخدام الورقة و القلم فتح لي ابواب أوسع . و منذ ذلك الحين أصبت بهوس جمع الأقلام الرصاص

على الورقة لا يجب أن يكون التصميم دقيقا أو مرتبا لكنه يعبر عن الفكرة المبدأية للتصميم و التي ممكن أن يتم إعادة صياغتها قليلا بعد ذلك .
في الماضي كنت استخدم أوراق من نوع A4 للرسم أو دفاتر صغيرة أحملها في حقيبتي . لكن كنت أواجه التالي رسم المسودات بترتيب عشوائي في الصفحة كان يشوش أفكاري و لا يعطي الفكرة حقها عند مراجعتي للأفكار و بالتالي صممت هذا القالب البسيط و الذي أطبعه على ورق A4 و ارسم عليه. الخطوط الهندسية داخل كل مربع تساعدك على ترتيب خطوطك و رسم خطوط مستقيمة أكثر .

http://qatardr.net/wp-content/uploads/2009/12/logo_sketches.jpg

http://qatardr.net/wp-content/uploads/2009/12/MG_2439.jpg

http://qatardr.net/wp-content/uploads/2009/12/MG_2438.jpg

http://qatardr.net/wp-content/uploads/2009/12/MG_24411.jpg


عندما بدأت لم تكن الأفكار كما أريد لم استطع أن أحدد الأتجاه الذي أريد و بالتالي بدأت “بخريطة العقل” الخاصة بالشعار و هي عملية عصف ذهني تساعدني كثير في التصميم .بعد ذلك تدفقت الأفكار .

الخطوة الثانية , الرسم :

من النماذج السابقة اخترت مجموعة اعتقدت أنها تحتوى على أفكار واعدة و جربت تطبيقها . استخدم برنامج Inkscape لرسم البنية الأساسية للشعار و هو بالمناسبة البرنامج الذي استخدمه في كل رسوماتي المتجهية فهو أفضل من وجهت نظري للرسم من الألستريتور ( قد يخالفني البعض الرأي!).

أرسم جميع الشعارات التي اخترتها باللون الأسود فالشعار المثالي هو الذي يمكن تحويله إلى الأبيض و الأسود أو الألوان دون أن يفقد روعته .

http://qatardr.net/wp-content/uploads/2009/12/templogo.jpg

لن اتطرق هنا لخطوات رسم الشعار بالتفصيل لاني لا اعتقد ان هذا مفيد خاصة انه شعار بسيط .

الخطوة الثالثة , التلوين :

بالرغم من أن الInkscape مميز من ناحية الرسم إلا أن خواص التلوين و التأثيرات الخاصة ما زالت تحتاج للتطور قليلا و في رسوماتي المتجهية ما زلت أستخدم inkscape لكن بالنسبة للشعارات أفضل تلوينها أحيانا في الألستريتور أو الفوتوشوب لكني لا اريد أن أفقد صيغة الرسم المتجهي Vector .

( الصور المتجهية ( Ai – Eps – svg و غيرها ) خيار أفضل بالنسبة للشعارات من الصور النقطية ( jpg , png , gif و غيرها ) فعند تكبير الصور النقطية تفقد الكثير من الجودة و تحصل على صورة ببكسلات مشهوهه لكن بالنسبة للصور المتجهية فهي قابلة للتكبير لأي حجم تريد بالجودة التي تريد . بالطبع لكل نوع استخدامه الخاص . )

احد الطرق التي وصلت لها هي فتح الملف على برنامج الألستريتور و نسخ الشعار ثم لصقة في الفوتوشوب فأحصل على صورة متجهية يمكن تعديلها بواسطة أداة القلم .لو كنت ستبدأ الرسم بواسطة الفوتشوب تأكد من رسم شعارك بواسطة الباث Path tool و بالرغم من الباث تول ليس الأروع و الأفضل للرسم المتجهي إلا اني تمكنت من استخدامه بطريقة متطورة من قبل .
للألوان انا دائما أزور معرض الأولوان Color Lovers فهو معرضي المفضل لاستلهام الألوان . قد لا اتقيد بلوحة ألوان معينة لكني استفيد منه كثيرا. في حالتي هذه كنت اعرف اني اريد استخدام اللون الرمادي مع درجة ألوان ثانية .جربت أكثر من لون . و أعجبتني مجموعة من الألوان : منها الأصفر والأرجواني الوردي ودرجات الأخضر .




http://www.mexat.com/vb/attachment.php?attachmentid=1957593&d=1390118156

[V.Lapidus]

الموقع
البحث

احتفظ دائما في مفضلتي بالمواقع التي تعجبني مفهرسة وفقا لنوعها و كنت قد قررت من البداية أني لا أريد شي معقد لمعرضي الشخصي كل ما أريده هو صفحة واحدة و بعض البهارات بواسطة الجافا سكريبت . و بالتالي جربت البحث عن “One page portfolio “في صديقنا الصدوق جوجل و قد وجدت الكثير منها و هي على العموم من التصاميم الرائجة Trendy .هذه هي المواضيع التي استعت بها :

* 25 One Page Portfolio Websites of Designers on Twitter
* Web Design Inspiration: 40+ Impressive Single Page Websites …
* Theme forest
وغيرها .

المخطط السلكي Wireframe

حسب ويكيبيديا هي دليل بصري يستخدم في تصميم واجهة لاقتراح هيكل موقع على شبكة الإنترنت ، والعلاقات بين صفحاته. و عادة يتم الانتهاء منه قبل أي عمل فني .و لتبسيط ذلك لو نظرنا للأشكال الثلاثية الابعاد في العادة يتم تكوين الهيكل لها بواسطة شكل مكون من أسلاك قبل أن نكسو الشكل بالتفاصيل و الألوان و الملامح.
هذا مماثل بشكل كبير لما نقوم فنحن عند رسم المخطط السلكي نحدد تقسيم الصفحة مكان الازرة و مكان القوائم و مكان الترويسة لكنا لا نحدد التصميم الفعلي و الألوان.و لو كنت تصمم برنامج أو تطبيق على شبكة الانترنت فأنت ترسم الشاشات التي تظهر للمستخدم و كيفية الأنتقال من شاشة لشاشة.
الطريقة التي استخدمها هي خليط بين أكثر من طريقة و قد توصلت لها في النهاية و هي فعالة لي أنا سأعرضها هنا و قد تستلهم منها طريقتك .
عند رسم المخططات و بعد طباعة القوالب أفضل استخدام أقلام رصاص بأحجام مختلفة من h إلى B .مع أني في النماذج السابقة و التالية لم استخدمها لاني لم أجدها لان ابني الصغير لعب بها و تركها وسط العابه و استمريت في البحث عنها لأيام
وبعدها استخدم القلم الرصاص العريض أو قلم حبر أسود ذوت خط عريض قليلا لتحبير المخطط

http://qatardr.net/wp-content/uploads/2009/12/MG_2456.jpg

أنا استخدم قوالب Konigi
ما أقوم بها هو رسم مخطط سريع في Story Board للأشكال التي أفكر في استخدامها كالتالي :

http://qatardr.net/wp-content/uploads/2009/12/MG_2464.jpg

بعدها أقوم بالمرور على المخططات الصغيرة في الأعلى و اختيار ما اعتقد انه اعجبني و اقوم بتكبيره على مخطط مكون من ورقة واحدة كبيرة


تذكر

المخطط السلكي للمواقع لا يقصد به التصميم الفعلي للموقع بل هو تصور لهيكلة الموقع و ترتيب العناصر فيه فأنت تحدد ان الزر سيظهر هنا لكنك لا تحدد إذا كان الزر مربع أو مستطيل أو بحواف دائرية أو لون الزر سيكون احمر أو اخضر .فالتصميم للتفاصيل و الألوان يكون في المرحلة التالية .

قد لا تبدو أهمية wireframe في موقع بسيط كهذا لكن في المواقع الاكثر تعقيدا و خاصة التطبيقات ستجد أن لها فائدة كبيرة و لكني منذ اعتمدت هذه الطريقة و أنا أفضل ابداعياو أنتاجيا على الأقل انا اعتقد ذلك .


10 ديسمبر 2009, بقلم : فاطمة العمادي, تصنيفات: التصميم, عام, متجهيvector



http://www.mexat.com/vb/attachment.php?attachmentid=1957593&d=1390118156

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1960603&d=1391184422

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1960610&d=1391186132



عيد سعيد ::سعادة::





http://www.mexat.com/vb/attachment.php?attachmentid=1960613&stc=1&d=1391186192

[V.Lapidus]

يتبع

[V.Lapidus]

http://www.mexat.com/vb/attachment.php?attachmentid=1995591&stc=1&d=1399989832

http://www.mexat.com/vb/attachment.php?attachmentid=1995595&stc=1&d=1399989832
•

لمسابقة [ ميجايوتيوب ]
تقرير عن المقدم [ إبراهيم صالح ] لبرنامج [ برودكاست شوو ] ..


http://www.mexat.com/vb/attachment.php?attachmentid=1995594&d=1399989832

[V.Lapidus]

يتبع

[V.Lapidus]

هههههههههههههههههههههههههههههههههههههههههههههههههه ههههههههههههههههههههه الماضي xD