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 Related:  UI/UX

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.

How To Get Started In UX Design We’ve received quite a few emails lately from readers looking to get started in UX Design—many coming from a print background (Psst: check out our ebook, Get Started in UX, for the most comprehensive guide to launching a career in user experience design ever written). Here’s one such email, which I’ve published here with permission: I’m a traditional print-based graphic designer looking to get into UX design. I’ve a good background in the Adobe Suite and traditional print software (QuarkXpress etc). Currently I’m working within the newspaper industry and am fearing for my future, as the industry is in (probably) terminal decline. In our animated video (embedded below) I mentioned that a career as a UX Designer is interesting, challenging, rewarding, pays well, and has a low barrier of entry. What I didn’t touch on is how to get started as a UX Designer. 1) Get Educated I’m not saying you should go invest in a university degree. 2) Get The Right Tools 3) Get Some Experience 4) Get Connected

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

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

55 Stunning Freebies from Dribbble Dribbble is awesome source of inspiration, cool stuff and useful elements. But what is the most awesome – there are tons of quality free stuff! I adore freebies from Dribbble! You can find there cool designed UI kits, icons, buttons, forms, patterns, textures, psd files and so on. All kinds of graphic materials are waiting for you! Today I’ve gathered a huge collection of freebies from this resource. Light grey UI kit Black Chunky Ui Kit – Free psd “Pizza” UI Kit – PSD Free iLiquid Interface Design Retina Free Soft User Interface Kit Retina Freebie UI PSD Login Form UI element Simple gray ui Free Blue Ui Kit Mini Keyboard UI Mini Kit Profile Setings UI Element Add a New Tag IPhone wood Ui Login Segmented Control Dropdown (.psd freebie) – animated 3D Psd Buying Button Free Social Icon Set eCommerce Icon Set Instagram Vector Icon Off Button Clock Game Icon Modern Clock Widget Envelope icon Clipboard Icon iOS Pagecurl Icon Knob – free psd Mini Calendar freebie SimpleWeather 70 Free Vintage Social Badges Outline icons Hi!

أفلام الاعيب عقلية | أفلام ذات ميزانية صغيرة | أفلام استثنائية تميزت بألاعيبها العقلية و ميزانيتها الضئيلة.. في عصر وصلت فيه ميزانيات الأفلام إلى مئات الملايين و أجور الممثلين إلى عشرات الملايين ، أصبحت الأفلام ذات الميزانية الصغيرة أفلام خاصة و مشهورة..فحينما كان الفيلم الذي تتعدى ميزانيته ال 100 مليون دولار ظاهرة في عالم السينما أصبح الآن أمراً طبيعياً ، والفيلم الذي لم تتعدى ميزانيته ال 10 مليون دولار أمراً مريباً بحق! ، فما بالك إن لم تتجاوز هذه الميزانية حاجز المليون دولار؟ ميزانية صغيرة يعني زيادة الإبداع في الأفكار فهذا ما يملكه فريق العمل، عقول وليس أموال. سنستعرض لائحة أفلام معاصرة لن تستهوي أصحاب العقول الضعيفة و لم تتجاوز ميزانيتها حاجز ال10 مليون دولار: 1. (2000) Memento : فيلم اثبت أن كريستوفر نولان ليس هاوياً بل واحد من أكثر المخرجين الموهوبين العاملين لوقتنا هذا ، عمله السابق “Following” تم إنجازه بميزانية صغيرة جداً (6000 $) بالنسبة ل Memento الذي بلغت ميزانيته (9 مليون دولار) وأرباحه وصلت ل (40 مليون دولار). 2. (2009) Moon : فيلم مثالي بشكل ساحر بكل معنى الكلمة ، تحفة فنية رائعة ذو ميزانية لم تتعدى ال (5 مليون دولار) سيذكر دائماً على أنه فيلم رائع قدرت أرباحه ب(10 مليون دولار).

A List Apart: Articles: Responsive Web Design The English architect Christopher Wren once quipped that his chosen field “aims for Eternity,” and there’s something appealing about that formula: Unlike the web, which often feels like aiming for next week, architecture is a discipline very much defined by its permanence. Article Continues Below A building’s foundation defines its footprint, which defines its frame, which shapes the facade. Working on the web, however, is a wholly different matter. But the landscape is shifting, perhaps more quickly than we might like. In recent years, I’ve been meeting with more companies that request “an iPhone website” as part of their project. A flexible foundation#section1 Let’s consider an example design. But no design, fixed or fluid, scales seamlessly beyond the context for which it was originally intended. In short, our flexible design works well enough in the desktop-centric context for which it was designed, but isn’t optimized to extend far beyond that. Becoming responsive#section2 media types

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

Related: