UI vs UX: what’s the difference? UI is the saddle, the stirrups, and the reigns. UX is the feeling you get being able to ride the horse, and rope your cattle. At least that’s what they used to say in the olden days. Rather, that is what I wished they’d say. Despite how simple that may have sounded, there are many complications and misconceptions when it comes to the differences between UI and UX design, and they cause the design community to go into quite a stir whenever they are brought up. An interesting note to that is that I’ve found the people who work at jobs with titles such as Interaction Designer to get paid more simply because they know and act on the differences between those two fields (typically harnessing a little of both). Let’s jump right into a standardized definition that we will try to metaphorically elaborate on. More pointedly, good user experience is the art of a drill going through wood, or a surfboard gliding through water effortlessly. Let’s break it down Generalities UX: designing for emotion
[ TUTORIAL ] دَرسْ تَصمِيم هِيدر مُسَطّح ،، لِعشّاق الــ Flat Design بسم الله الرحمن الرحيم ، السلام عليكم و رحمة الله تعالى و بركاته ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله من شرور انفسنا و من سيئات أعمالنا ،، أما بعد ... إخواني الأعزاء رواد و زوار منتدى تصاميم المواقع و الواجهات جئتكم اليوم بدرس جديد يساير التطور الذي عرفه الويب مؤخرا بدخوله عالم الفلات أي التصميم المسطح .. لهذا قررت عمل درس لتصميم هيدر بسيط و عربي مسطح أتمنى أن أكون موفق في طرحه. أولا إخواني أترككم مع نتيجة درسنا اليوم ( إظغط على الرابط لمشاهدة الحجم الاصلي ) .. ملحقات التصميم : الخط المستعمل في الدرس : نتيجة الدرس كاملة PSD : الآن ندخل صلب الموضوع على بركة الله ،، نفتح برنامج الفوتوشوب PS. ثم نفتح ملف عمل جديد بالإعدادات التالية .. ( يمكنكم اختيار عرض مناسب لشاشاتكم ) ثم نملأ الخلفية بهذا اللون عن طريق أداة الدلو بعد ذلك نقوم بإظهار ما يسمى بالــ Rulers و ذلك من أجل حصر عناصرنا و كذلك خط آخر إلى اليسار بنفس القيمة . ..
أفضل أفلام السفر عبر الزمن | أفضل 10 أفلام خيال علمي تمحورت قصتها حول السفر عبر الزمن من أكثر العناصر المعقدة والمحبطة للإنسان هي الزمن و محاولاتنا اليائسة لإدراكه و فهمه.. فالوقت في تحرك دائم إلى الأمام و نحن ليس لدينا القدرة أن نوقفه أو نعيده أو حتى نقدمه قليلاً فلا نستطيع معرفة ماذا سيحصل .. فالمستقبل بالنسبة لنا هو فراغ و الماضي عبارة عن ثابت. لطالما برزت فكرة السفر عبر الزمن من أفلام الخيال العلمي ، فماذا لو كنا قادرين على العودة إلى الماضي و تغير مجرى الأحداث؟ أو الذهاب إلى المستقبل لرؤية ما آل عليه العالم من تطور؟ هذه أشبه بأحلام يقظة تدور في بال الجميع تقريبا ولكننا عالقين في الحاضر..ما نملكه من الماضي هو ذكرياتنا و من المستقبل تأملاتنا و من هنا أتى خيال السفر عبر الزمن بروعته و باستقراره الفني في كلا الكتب و الأفلام .. أفلام تسمح لبعض أفكارنا الجامحة بالتحقق على شاشات العرض.. 10. تبدأ اللائحة بهذا الفيلم الجميل المليء بالغموض التي تدور أحداث قصته عن جندي عريق شارك في حرب الخليج يُرسل بشكل خاطئ إلى مشفى للأمراض العقلية خاصة بالمجرمين بسبب جريمة لم يرتكبها ، في المشفى يصبح هدف لتجارب دكتور يستخدم وسائل متطرفة لعلها تساعد في شفاء المرضى .. 9. 8. إقرأ أيضاً: 7. 5.
أفلام الاعيب عقلية | أفلام ذات ميزانية صغيرة | أفلام استثنائية تميزت بألاعيبها العقلية و ميزانيتها الضئيلة.. في عصر وصلت فيه ميزانيات الأفلام إلى مئات الملايين و أجور الممثلين إلى عشرات الملايين ، أصبحت الأفلام ذات الميزانية الصغيرة أفلام خاصة و مشهورة..فحينما كان الفيلم الذي تتعدى ميزانيته ال 100 مليون دولار ظاهرة في عالم السينما أصبح الآن أمراً طبيعياً ، والفيلم الذي لم تتعدى ميزانيته ال 10 مليون دولار أمراً مريباً بحق! ، فما بالك إن لم تتجاوز هذه الميزانية حاجز المليون دولار؟ ميزانية صغيرة يعني زيادة الإبداع في الأفكار فهذا ما يملكه فريق العمل، عقول وليس أموال. سنستعرض لائحة أفلام معاصرة لن تستهوي أصحاب العقول الضعيفة و لم تتجاوز ميزانيتها حاجز ال10 مليون دولار: 1. (2000) Memento : فيلم اثبت أن كريستوفر نولان ليس هاوياً بل واحد من أكثر المخرجين الموهوبين العاملين لوقتنا هذا ، عمله السابق “Following” تم إنجازه بميزانية صغيرة جداً (6000 $) بالنسبة ل Memento الذي بلغت ميزانيته (9 مليون دولار) وأرباحه وصلت ل (40 مليون دولار). 2. (2009) Moon : فيلم مثالي بشكل ساحر بكل معنى الكلمة ، تحفة فنية رائعة ذو ميزانية لم تتعدى ال (5 مليون دولار) سيذكر دائماً على أنه فيلم رائع قدرت أرباحه ب(10 مليون دولار).
33 Abstract After Effects Templates In art, abstract uses the form of visual language, color and line creating a composition that exists with a degree of independence from visual references in the world. Abstract creates interesting and unique artworks that catches the eye of viewers. When abstract is used as an after-effect, a new type of artwork is created. Another set of After-Effects Templates are posted right here! This new set is composed of the coolest abstract-themed templates. Browse through our 33 Abstract After Effects Templates from VideoHive and check out their features. Abstract Features: • Great design. • Easy customization. • Modular structure. • Dynamic animation. • HD resolution (1280×720). Visit Source Abstract Quotes Features: • FullHD 1920×1080 & 1280×720. • Particular v2.0 required IF you wish to fine tune the particles. • Original + pre-rendered versions included. • Abstract approach in media presentation. • Organized and color coded. Visit Source Abstract Promo Visit Source Abstract Company Visit Source Ads
20 Rare and Unique Free Fonts - MKELS In this post we present you fresh high-quality free fonts in a brief overview. The internet is full of fonts (paid and free) and we make it easier for you to find free fonts for your next design projects. In this selection, we’re happy to showcase Magna, Bioweapon, Acorn, Plastic Type and other high quality fonts. Please make sure to read the licensing agreements carefully before using the fonts; they may change from time to time. 1. 47 is a free typeface created in June 2012 and based on a vintage style too. MAGNA is a free typeface created in April 2012 and based on a vintage style. Quarz 974 is great new free font with geometric style letters. 4. Figa is a display font designed by Pier Paolo. 5. Bioweapon is a free font developed by Lucas Felipe. 6. A simple sans-serif hand drawn typeface which you can download free. ORI is a free typeface specially created to design logotypes. 8. This free font inspired in the plastic industry. 9. 10. 11. 12. Actor is a free font with tall x-height.
هل فشلت من قبل ؟ … اذن فمرحباً بك ! قبل ان ابدأ أريد ان يُخبرني احدكم عن احد المشهوريين ممن نجحوا من اول مرة ؟! لن تجدوا و لا واحداً ! لأن الفشل هو الخطوة التي تستبق النجاح مباشرة، حتى العباقرة امثال اديسون و اينشتاين لم ينجوا من التجربة الاولى ! في الحقيقة الفشل ليس عكسه النجاح ، بل هما متلازمان لكي تنجح يجب ان تفشل و لكي تفشل فشل ذريع عليك ان تنجح لكي يكون لديك ما تخسره ! الفشل في الحياة نوعان : الاول يصيبك في بداية مشوارك المهني و قبل ان تحقق اي نجاح و الثاني يصيبك بعد ان تنجح نجاح مبهر ، الغريب في الامر انك اذا كنت ستصبح مشهوراً يوماً ما في الحياة فانه يجب ان تتذوق الطعمين ! عن من اخبرك ؟ عن ستيف جوبز الذي فشل في بداية حياته ثم و بعدما اسس شركة ابل العملاقة بمئات الملايين ، طُرد منها لفشله في الادارة ، ثم نجح في العودة ليقودها للقمة مباشرة ، ام عن الشيخ ذو اللحية مؤسس كنتاكي ، الذي نجح بعد الستين من عمره في ان ينال لقب العمدة في الطهي ثم عاد ليتذوق الفشل بعد الشُهرة الطاغية و لم يحتاج للكثير من الوقت ليعود للنجاح مرة اخيرة ، الامثلة كثيرة ، ابحث عن مؤسس دومينوز بيتزا و دِل او من تعرفه من الناجحين ! الفيسبوك تويتر
افلام الإثارة | أفضل أفلام التشويق| أفضل 15 فيلم تشويق جرت أحداثها في مكان واحد! يوجد نوع خاص من الأفلام، تصنيف غريب و لكن ببراعة مثيرة! أفلام لم تتحرك الكاميرا أبعد من مكان واحد لتصوير ما يحصل و غالباً ما تكون هذه الأفلام مليئة بالرعب و التشويق ، فأنا أجد هذه الأفلام مثيرة للاهتمام بالفعل فيجب أن تكون القصة قوية جداً قادرة على منعنا من التفكير أن هذا الفيلم صور في مكان واحد و قادرة أيضاً أن لا تصيب مشاهديها بالضجر العميق نظراً لعدم تغير البيئة المحيطة تقريباً طوال الفيلم ، فلجعله فيلم ناجح “بعد الاستغناء عن أماكن عديدة ، ممثلين كثر ، مناظر خارجية و أماكن جميلة” يجب أن تكون الفكرة التي بني عليها الفيلم مليئة بالتشويق الذي يدفع المشاهدين للاستمرار بمشاهدة الفيلم. أكثر ما يجعل هذه الأفلام نجاحاً هي النهاية و الترقب الذي نصاب به لمعرفة ماذا سيحصل و خاصة في أفلام الغموض الشديد حيث لا علم لنا بشيء و ليس لدينا أدنا فكرة عن ماذا يحصل ، ففي النهاية نعلم كل شيء..هذه لائحة لما اعتقد أنها أفضل 15 فيلم تشويق جرت أحداثها في مكان واحد : Nine Dead – 2010 Devil – 2010 Buried – 2010 إقرأ أيضاً: The Cabin In The Woods – 2012 Unknown – 2004 Speed – 1994 Frozen – 2010 The Mist – 2007 Exam – 2009
أفضل 10 كُتب تنمية بشـرية لكل الأوقات يعرف المتابعون من قراء أراجيك ، ان كاتب هذه السطــور يعاني من مشكلة حقيقية مع كلمة ( تنميــة بشــرية ) ، بإعتبارها تحوَّلت – بسبب بعض الأشخاص ثقلاء الظل الذين اقتحموا هذا المجال – إلى كلمة مطاطة غير مفهــومة ، يستخدمها الكثيرون في العالم عموماً والمُجتمع العربي خصوصاً ، بشكل لا يمت للتنمية .. او البشــرية .. بأية صلة ! إقرأ تجـربتي مع مُدَّعي التخصص في التنميــة البشــرية ، وسجل رأيك فيها .. عندما يُقدّم ( الهراء ) تحت مُسمى التنمية البشرية ! وبدون تصنيــف أحد ، أو إلقاء حُكم على الجميــع .. ( أنت إنسان عظيــم .. فى إطار هذه الفكــرة ، تم إنتاج عشرات الآلاف من الكُتب التى تقود إلى هذا المعنى .. ولكـن ، وكما كنت دائماً صريـحاً فى رأيي عن مفهـوم ( التنمية البشـرية ) ، حتى لو كان رأياً خاطئاً .. مايلي ، 10 كتب مُصنفة بإعتبارها أفضل كتب للتنمية البشــرية والتحفيـز الشخصي على الإطلاق .. إستمتع ! العاشــر : كيف تكسب الأصدقاء وتؤثر فى الناس – ديل كارنيجي لا أحد لا يعرف من هو ديل كارنيجي ، فهو – تقــريباً – أول من بدأ المفهوم العصــري للكتابة فى التنمية البشــرية .. السابع : فكِّــر .. ملحوظات :
The Cgbros Welcome to TheCGBros and thanks for tuning in to our channel! Our mission is to bring you HD-quality professional content, insights and digital inspiration from around the world. You'll find only the best and latest in Digital Art creation including VFX, 3D Animation, Student and Independent Short Films, Motion Graphics Design, Behind The Scenes/Breakdowns, 3D Software Tutorials, and much much more... Get plugged in to what other artists are doing today, and get a glimpse of what's coming in the future. Whether you're into 3D animation, Visual Effects, Motion Graphics or just looking to have some fun and learn something new...TheCGBros have got you covered for all things CG. Your inspiration is guaranteed! TheCGBros are always looking to showcase the best and latest in exceptional student & Independent Animation Films & Showreels, and Behind the Scenes or experimental works from around all parts of the globe, from every area of Computer Generated Imagery...and beyond!
50 free Photoshop actions to create stunning effects | Photoshop Adobe's flagship image-editing software Photoshop has a powerful programming language built-in that allows you to record tasks as an 'action' and replay the steps to complete the task automatically. Not only can you record your own but you can also import actions, opening up a whole range of effects and time-saving options – whether you're using an older CS or have signed up to the very latest Creative Cloud version. So to add to our collections of Photoshop plugins and Photoshop resources, here are some great Photoshop actions that are free to download and install, for photographers, graphic designers, game artists and more. You can jump to the section you want from the dropdown menu above, but you should definitely check out the entire list – who knows where inspiration will strike! Photo filters 01. If your photos just aren't sinister enough for your liking, this free action should make things a little more unsettling. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13.
Top 5 UX and Usability Books you should have read by now Information architecture, user experiences, good conversion, user-friendly interfaces – every designer should know about the best practices and introduce them effectively in his work. Newbies, however, can be quite scared of all this. How to approach UX design and delight your customers? These books are not collections of tutorials that will help you make the best interfaces. The book authors do not uncover ready-made solutions. Smashing UX Design: Foundations for Designing Online User Experiences Smashing UX Design is a complete record of the designing process while paying special attention to user experience, including competitor’s profiles, tests, creating user profiles, designing information architecture, model designing, prototyping, and finally, web page design. A part of the book contains analysis of the most important components used for designing web pages and Internet applications. Mobile Usability 100 Things Every Designer Needs to Know About People (Voices that Matter)