background preloader

UI vs UX: what’s the difference?

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. 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. Before continuing, I’d like to just say that this article is based on my opinion alone and in no way is trying to make large grandiose statements on the way anything should be. Let’s break it down Dan Saffer was kind enough to let us use his image. Generalities UX: designing for emotion

Flat Long Shadows: Step-by-step Tutorial, Resources and Examples Within the flat design trend on the rise at the moment, especially in this world of the web, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45º angle below the horizontal axis and a gradient color close to the background shade can be applied. This technique is by no means new. We'll show you two different ways to achieve this long shadow finish with Adobe Illustrator. Step 1. Cinema4DWe can also produce this effect using 3D graphics software such as Cinema4D, 3Ds Max, Maya, etc.

15 web sites with excellent UX User experience is greatly important in the development of a website these days. A great user experience makes sure someone visit your site and enjoy every portion of it. User experience also makes sure you can maneuver around a site and find everything you’re looking for. UX (user experience) for web design is a combination of such skills as user interface design and interaction design. Today we’ve found 15 great sites that really understand and take the time out to create a wonderful user experience. Andrew Jackson Andrew is a freelance designer based out of London. Bakken & Baeck Bakken & Baeck is a small agency based in Norway that claims to turn good ideas into great products. David Bastian David is a designer from Chile. Defringe Defringe is a site that puts together a bunch of different creative things. Design Embraced Design Embraced is the home of Art and Creative Director Anthony Goodwin. Eskimo Eskimo Creative is an award winning agency based in Manchester. FS Emeric Harry’s

[ TUTORIAL ] دَرسْ تَصمِيم هِيدر مُسَطّح ،، لِعشّاق الــ Flat Design بسم الله الرحمن الرحيم ، السلام عليكم و رحمة الله تعالى و بركاته ان الحمد لله ، نحمده و نستعينه ، و نستغفره ، و نعوذ بالله من شرور انفسنا و من سيئات أعمالنا ،، أما بعد ... إخواني الأعزاء رواد و زوار منتدى تصاميم المواقع و الواجهات جئتكم اليوم بدرس جديد يساير التطور الذي عرفه الويب مؤخرا بدخوله عالم الفلات أي التصميم المسطح .. لهذا قررت عمل درس لتصميم هيدر بسيط و عربي مسطح أتمنى أن أكون موفق في طرحه. أولا إخواني أترككم مع نتيجة درسنا اليوم ( إظغط على الرابط لمشاهدة الحجم الاصلي ) .. ملحقات التصميم : الخط المستعمل في الدرس : نتيجة الدرس كاملة PSD : الآن ندخل صلب الموضوع على بركة الله ،، نفتح برنامج الفوتوشوب PS. ثم نفتح ملف عمل جديد بالإعدادات التالية .. ( يمكنكم اختيار عرض مناسب لشاشاتكم ) ثم نملأ الخلفية بهذا اللون عن طريق أداة الدلو بعد ذلك نقوم بإظهار ما يسمى بالــ Rulers و ذلك من أجل حصر عناصرنا و كذلك خط آخر إلى اليسار بنفس القيمة . ..

How the touch screen revolution is impacting UX The introduction of Windows 8 saw a massive overhaul of the Windows user interface in line with the Windows Phone interface in order to be more intuitive for people using touch screens, and Apple have subtly been adapting OSX over time, streamlining features that are becoming increasingly shared across their mobile and desktop operating systems. Whilst we have yet to see a touchscreen Mac, it’s obvious that the touch screen revolution is looming upon us with users spending more and more time on their mobile devices than home PCs. With this in mind and an ever increasing proportion of browsing taking place on smartphones and tablets, websites must decide how they will adapt to people accessing their content without a mouse and keyboard. Whilst the default response to this has often been ‘just make a separate mobile interface!’ This article will take a look at a number of sites that have gone down both unconventional and standard site designs to become more touch-friendly. Radial menu

أفضل أفلام السفر عبر الزمن | أفضل 10 أفلام خيال علمي تمحورت قصتها حول السفر عبر الزمن من أكثر العناصر المعقدة والمحبطة للإنسان هي الزمن و محاولاتنا اليائسة لإدراكه و فهمه.. فالوقت في تحرك دائم إلى الأمام و نحن ليس لدينا القدرة أن نوقفه أو نعيده أو حتى نقدمه قليلاً فلا نستطيع معرفة ماذا سيحصل .. فالمستقبل بالنسبة لنا هو فراغ و الماضي عبارة عن ثابت. لطالما برزت فكرة السفر عبر الزمن من أفلام الخيال العلمي ، فماذا لو كنا قادرين على العودة إلى الماضي و تغير مجرى الأحداث؟ أو الذهاب إلى المستقبل لرؤية ما آل عليه العالم من تطور؟ هذه أشبه بأحلام يقظة تدور في بال الجميع تقريبا ولكننا عالقين في الحاضر..ما نملكه من الماضي هو ذكرياتنا و من المستقبل تأملاتنا و من هنا أتى خيال السفر عبر الزمن بروعته و باستقراره الفني في كلا الكتب و الأفلام .. 10. تبدأ اللائحة بهذا الفيلم الجميل المليء بالغموض التي تدور أحداث قصته عن جندي عريق شارك في حرب الخليج يُرسل بشكل خاطئ إلى مشفى للأمراض العقلية خاصة بالمجرمين بسبب جريمة لم يرتكبها ، في المشفى يصبح هدف لتجارب دكتور يستخدم وسائل متطرفة لعلها تساعد في شفاء المرضى .. 9. 8. إقرأ أيضاً: 7. 6. (1995) Monkeys 12 : 5. 4. 3. 2. 1.

Inspired UI - Mobile UI Patterns أفلام الاعيب عقلية | أفلام ذات ميزانية صغيرة | أفلام استثنائية تميزت بألاعيبها العقلية و ميزانيتها الضئيلة.. في عصر وصلت فيه ميزانيات الأفلام إلى مئات الملايين و أجور الممثلين إلى عشرات الملايين ، أصبحت الأفلام ذات الميزانية الصغيرة أفلام خاصة و مشهورة..فحينما كان الفيلم الذي تتعدى ميزانيته ال 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. 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 Features: • From CS4 to CS6. • 1920×1080. • 29,97 fps. • No Plugins needed. • Font Link included. Visit Source Abstract Company Visit Source Hands

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. 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. Bariol is a rounded, slightly condensed typeface, available in four weights. 10. Say hi to Tikal Sans; A bloody Mayan ritual with no reading sacrifice. 11. 12. 13. 14. 15.

Related: