Ahmed Ali - UI Designer

إعادة نشر للبوست بسبب حذفه !
-----

أيها الناس من المصممين والمصممات ، العوام منهم والمتخصصين ..

إليكم هذا البوست الهام ، بوست مجمع لحاجات كتير للناس المهتمة بالويب والتصميم عامة :

ألوانك :
http://flatcolors.net/palettes
http://color.adobe.com/
http://www.colourlovers.com/palettes
https://flatuicolors.com/
http://www.flatuicolorpicker.com/
http://paletton.com/
https://coolors.co/browser
https://www.google.com/design/spec/resources/color-palettes.html

فونتاتك :
https://www.google.com/fonts

http://www.dafont.com/
http://www.fontsquirrel.com/
https://www.myfonts.com/

أيقوناتك :
http://flaticon.com/
https://thenounproject.com/
http://iconfinder.com/
http://iconspedia.com/
http://www.freepik.com/free-icons

أدواتك:

Design:
http://www.adobe.com/products/photoshop.html
http://www.adobe.com/products/illustrator.html
http://designshack.net/articles/inspiration/5-fantastic-notebooks-and-sketchbooks-for-designers/
https://itunes.apple.com/us/app/sketch-3/id852320343?mt=12&uo=4
http://www.uifaces.com/
http://uigradients.com/
https://goo.gl/EU2vRD

Wireframing:
https://balsamiq.com/

Prototyping:
https://www.flinto.com/
http://marvelapp.com/
http://invisionapp.com/
http://www.justinmind.com/
http://www.axure.com/

Backup:
https://drive.google.com/
http://dropbox.com/

Testing:
https://www.usertesting.com/
https://www.optimizely.com/

Editor:
http://www.sublimetext.com/
https://atom.io/
http://brackets.io/

كورساتك :
http://www.lynda.com/
http://tutsplus.com/
https://www.codecademy.com/
http://teamtreehouse.com/
http://www.smashingmagazine.com/

كتبك :
http://www.smashingmagazine.com/ebooks
https://www.uxpin.com/knowledge.html
http://issuu.com/search?q=UI+Design
http://it-ebooks.info/

إلهامك :
http://pinterest.com/
http://behance.net/
https://dribbble.com/
http://goo.gl/ZbHEdK
http://goo.gl/d826Uo
http://goo.gl/urx0uD
http://goo.gl/IEh1Ns
http://goo.gl/qPJGYf
http://goo.gl/GLalFc
http://goo.gl/jORYDY
http://goo.gl/FDVwBC

صورك :
http://allthefreestock.com/
http://unsplash.com/
http://join.deathtothestockphoto.com/
http://nos.twnsnd.co/
http://superfamous.com/
http://picjumbo.com/
http://thepatternlibrary.com/
http://www.gratisography.com/
http://getrefe.tumblr.com/
http://imcreator.com/free
http://jaymantri.com/
http://publicdomainarchive.com/
http://magdeleine.co/
http://foodiesfeed.com/
http://picography.co/
http://www.raumrot.com/10
http://isorepublic.com/

CVـيهك :
https://cvmkr.com
https://www.resume.com
http://visualcv.com

وظايفك :
https://www.linkedin.com/job

مطوتك في جيبك ، واللي يقولك هات حاجة قطّعة

تاج لصاحبك المهتم ..

لو عندك سؤال ، ممكن تبعته هنا :
http://ask.fm/a7medali

أعمالي :
http://behance.net/aali

#يتبع

طب نقول بسم الله ..

ورشة UI Design

# هتتعلم ايه:
- ازاي تختار ألوان لواجهة المستخدم سواء كانت موقع أو تطبيق موبايل .. إلخ.
- يعني ايه Typography وازاي تطبق الجزء ده بشكل عملي.
- يعني ايه Wireframe, Prototype & Mockup؟
- ازاي تصمم واجهة مستخدم بإستخدام برنامج زي الـPhotoshop.

# الفئة المستهدفة :
- طالب في الجامعة وحابب ياخد فكرة عن ازاي يبدأ لتصميم واجهات المستخدم.
- مصمم جرافيك عايز يتعلم ازاي يصمم للويب أو الموبايل.
- مبرمج ويب وعايز ياخد نظره عن عالم التصميم ( عارف إنك بتكره الألوان grin emoticon )
- بتشتغل في الـ Digital Marketing ومحتاج تاخد نظره على تصميم واجهات المستخدم.
- مدير شركة وحابب تعرف حياة كائن المصمم عاملة ازاي ..

الشروط :
- تكون عارف أساسيات الفوتوشوب ، ولو مش عارف ، ما تسجلش رأفة بحالي.
- تجيب اللاب توب بتاعك.

# الفئة العمرية:
من سن 7 سنوات حتى +65 سنة

# التكلفة :
مجاناً ، أو ممكن تجيب شايك وسكرك ونسكافيك معاك ومش هنقول لا grin emoticon

# الزمان :
الجمعة ، 19 فبراير 2015

# المكان :
الجريك كامبس - وسط البلد ، القاهرة
* اركب المترو وانزل محطة مترو السادات واسأل عن

* ملحوظة : العدد محدود جداً !

للتسجيل وتفاصيل أكتر:
https://www.facebook.com/events/603490529800370/

My Mobile Apps Portfolio

Let's connect :)
https://linkedin.com/in/aali2

My Mobile Apps Portfolio This is my mobile apps designs portfolio. I started in Mobile apps design one year ago. My first app was Squash app, It's iPad application.

أيها الناس ..
نظراً للمشكلة العويصة عند إخواننا الـ UI Developers و الـ Web Designers اللي عندهم مشكلة لما يجوا يبعتوا الـ CV بتاعتهم للشركات ومابيعرفوش يبعتوا الشغل بتاعم لأنه بيكون موجود على الجهاز وطبعاً ، فالنهاردة جايب لكم شرح مبسط ازاي ترفع شغلك أونلاين ومجاناً بدون وجع دماغك بشراء هوست.

في البداية فيه موقعين تقدر ترفع عليهم شغلك بكل بساطة ، Github & Bitbucket

- Github
موفرين خدمة اسمها Github Pages ودي تقدر تعرف عنها من هنا :
https://goo.gl/kQUuOe

الموقع شارح الخدمة بالتفصيل ممكن تستخدمها ازاي ، ودي مش هشرحها.

- Bitbucket
عندهم خدمة مشابهة وتقدر تعرف عنها من خلال هنا :
http://goo.gl/N4iK88

ودي اللي هنتكلم عنها بشكل مبسط جداً ..

- ايه اللي أنت محتاجه علشان ترفع الشغل على Bitbucket ؟

١- لازم يكون عندك أكونت على Bitbucket
تقدر تدخل على الموقع وتسجل عادي خالص ، من هنا : https://goo.gl/p5ARqI

٢- هنستخدم برنامج Sourcetree
نزله من هنا : https://goo.gl/I5rwqH

٣- شرح مبسط للموضوع :
https://goo.gl/iqOLQP

- هنفترض أن الحساب بتاعك اسمه ahmed3li ، هنعمل repository وهيكون بالإسم ده : ahmed3li.bitbucket.org

- ازاي تنشيء repository ؟
- من داخل موقع Bitbucket هنضغط على زر Create اللي موجود في الهيدر ، ونختار Create repository.

- ايه بعد كده ؟
هتسطب برنامج Sourcetree عادي خالص سواء كنت شغال Windows أو Mac

بعد ما سطبنا البرنامج وعملنا repository بالإسم ahmed3li.bitbucket.org وعملنا clone وخلصنا ، دلوقتي هتشوف مسار الفولدر الخاص بالـ repository على جهازك.

تقدر تضيف فيه المشاريع بتاعتك بكل سهولة وبعدين تعمل تقدر تفتحها أونلاين عادي .

وبعد ما تضيف الفولدرات ، هتعمل Select لكل الفايلات من داخل Sourcetree وبعدين تعمل Commit وتختار Push changes immediately to origin/master

وبعد ما يخلص رفع ، بس يا سيدي كده تكون انتهيت :)

مثال حي : http://ahmed3li.bitbucket.org

- ليه استخدمنا Sourcetree ؟
علشان الناس اللي بتتخنق من الـ Terminal

- ايه الميزة اللي Bitbucket عن Github ؟
- إن Bitbucket تقدر ترفع المشاريع وتخليها Private أو Public بشكل مجاني ، بعكس Github اللي تقدر ترفع المشاريع Public بس ولو عايز تخليها Private لازم تدفع.

لو عندك استفسار :
http://ask.fm/a7medali

بوستات في الويب :
http://facebook.com/Ahmed.Portfolio

أعمالي :
http://behance.net/aali

ورشة ويب

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

اعرفوا أكتر من هنا :
http://lioit.com/workshops/

بقالي فترة بيجي أسئلة كتير على Ask.fm عن الويب ديزاين وازاي ابدأ وازاي اتعلم كذا أو كذا ..

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

الأكونت على Ask.fm :
http://ask.fm/a7medali

لو مصمم واجهات مستخدم أو جرافيك وبتعاني من مشكلة اختيار صور كويسه ، دي قائمة بـ 23 موقع تحتوي على صور مجانية للإستخدام الشخصي والتجاري

http://www.picjumbo.com
http://www.unsplash.com
http://www.splitshire.com
http://www.pixabay.com
http://www.gratisography.com
http://www.superfamous.com
http://www.freeimages.com
http://www.foodiesfeed.com
http://www.magdeleine.co
http://www.jaymantri.com
http://www.littlevisuals.co
http://getrefe.tumblr.com
http://www.raumrot.com
http://www.picography.co
http://www.imcreator.com/free
http://join.deathtothestockphoto.com
http://nos.twnsnd.co
http://startupstockphotos.com/
http://www.publicdomainarchive.com
http://www.androidwallpape.rs

الناس اللي حابه تصمم للموبايل ، دي شوية لينكات ممكن تساعدكم و تفهمكم الدنيا أكتر :)

دي معظم المصادر اللي بعتمد عليها في شغلي :

Android :
----------------------------
http://petrnohejl.github.io/Android-Cheatsheet-For-Graphic-Designers

Design for Android
http://developer.android.com/design/index.html

Supporting Multiple Screens
http://developer.android.com/guide/practices/screens_support.html

http://stackoverflow.com/questions/470566/android-user-interface-guidelines

ANDROID DP/PX CONVERTER
http://pixplicity.com/dp-px-converter/

Android Design in Action
https://www.youtube.com/playlist?list=PLWz5rJ2EKKc8j2B95zGMb8muZvrIy-wcF

Optimize your app
http://developer.android.com/distribute/essentials/optimizing-your-app.html

iOS:
----------------------------

Apple guidelines :
https://developer.apple.com/library/ios/design/index.html #//apple_ref/doc/uid/TP40013289

The iOS Design Guidelines
http://iosdesign.ivomynttinen.com/

Sizes of iPhone UI Elements :
http://www.idev101.com/code/User_Interface/sizes.html

The iOS Design Cheat Sheet :
http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet

Retina Display :
http://en.wikipedia.org/wiki/Retina_Display

Screen Sizes:
http://screensiz.es/phone

Mobile Apps Patterns :
http://www.pttrns.com/
http://beautifulpixels.com/
https://www.pinterest.com/search/boards/?q=ui+design
http://www.mobilemozaic.com/
http://inspired-ui.com/
http://www.cssauthor.com/mobile-ui/

#تصميم

للناس اللي بتحب تعمل إيفنتات من أي نوع ، الويب سايت ده كويس بدون ما تعمل ويب سايت مخصوص والكلام ده ..

بيتيح إنك تتحكم في تصميم صفحة الإيفنت وإضافة حاجات زي الإسم والميعاد وفورم التسجيل والخريطة والرعاة وعمل هاشتاج للإيفنت وحاجات تانية

الويب سايت بيوفر عمل الإيفنتات اللي مجاناً بدون رسوم ، لكن لو هيكون فيه تذاكر وكده بيتم الدفع حسب الخطط المتاحة في الموقع.

جربوه من هنا :
http://goo.gl/EdYkPm

Free PSD Mockup

Download :
http://adobe.ly/1GAv9i7

Or:
https://app.box.com/s/l9obgv1edszoymcmzwm6f2aueyxu8nyz

Behance :
http://on.be.net/1zit9vj

لو عايز تعمل ويب سايت ( موقع شخصي ، موقع لشركة ، موقع تجاري .. إلخ ) بأقل تكلفة ممكنة ، معلومة ممكن تفيدك :

1- اشتري هوست من Namecheap.com ، خطط الإستضافة المشتركة عندهم بتبدأ من $38.88 في السنة ، وأول سنة بتكون بـ $9.88.

2- احجز دومين .com من Namecheap أو Name.com أو Godaddy برده بمتوسط سعر 11$ في السنة ، وممكن تدور على كوبون خصم وتشتري من Godaddy بسعر 1$ في أول سنة ( بحيث لو الموضوع ماظبطش أوي ماتكونش خسرت كتير :) )

( وفيه مواقع بتقدم خدمة حجز الدومين والهوست مع بعض بمتوسط سعر 72$ في السنة زي Hostmonster & Hostgator & Godaddy & Name.com)

3- لو هتعمل ويب سايت Static ، ممكن تشتري HTML Template بمتوسط سعر 16$ .

4- لو هتعمل ويب سايت Dynamic ، ممكن تشتري Wordpress theme بمتوسط بأسعار تتراوح من 48 إلى 58$ ، ولو برمجية تانية مثلاً زي Magento هتلاقي بمتوسط سعر 65$ إلى 85$.

5- تركيب CMS زي Wordpress, Magento , Joomla & Drupal مفيش أسهل منه ، دور بس شوية على شرح تسطيب أي حاجة من الحاجات دي على يوتيوب وهتلاقي شرح كتير بالعربي.

6- تركيب القالب أو الثيم اللي أنت اشتريته مفيش أسهل منه ، كل اللي هتعمله هتقرأ الـ Documentation كويس وتمشي معاه صح.

الخلاصة :
ممكن تعمل ويب سايت بمتوسط تكلفة 100$ ( آه وربنا ) ، ولما البيزنس بتاعك يكبر وعايز هوست أحسن ممكن تعمل ده واشتري اللي أنت عايزة.

#شير #ويب