کیت های الهام بخش رابط کاربری مدرن/مترو

10 کیت رابط کاربری مترو. این روزا طرح های ساده کاربرای بیشتری به خودشون جذب می کنن، دلیلش هم به نظر خودم مشغله کاری زیاد، البته اگه کاری وجود داشته باشه :)) و شلوغی زیاد محیط اطراف کاربراست که باعث شده کاربرا سادگی رو دوست داشته باشن.

دیگه اون زمونای قدیم گذشت، به استثنای ایران :) که یه شرکت میومد و یه برنامه میساخت با کلی تنظیمات پیچیده و گیج کننده که فقط خودش ازش سر در میاورد. الان دیگه همه‌ی اون شرکتا های‌کلاس شدن و واسه محصولات خودشون یه رابط کاربری خاصی دارن.
مهدی منافی
۰ نظر ۲۳ فروردين ۹۲ ، ۰۰:۵۲

طرحی از یک ویرایشگر متن

امروز ui-designer براتون یه تمپلت از یه ویرایشگر متن رو آورده. این تمپلت یه نوار ابزار زیبا همراه کنترل های مفیده که می تونید ازش تو وبسایتتون یا رابط کاربری برنامتون استفاده کنید. مثلاً می تونید ازش تو قسمت نظرات وبسایت استفاده کنید یا یه نرم افزار ویرایشگر متن باهاش طراحی کنید.

طرحی از یک ویرایشگر متن
مهدی منافی
۰ نظر ۲۱ فروردين ۹۲ ، ۰۱:۱۶

خلاقیت در رابط کاربری اپ ها

بازم با مجموعه ای بی نظیر از رابط های کاربری خلاقانه در خدمتتون هستم. این مجموعه یعنی همتا نداره ها! (بیسته بیسته). واقعاً جذاب و فریبنده هستن.

خلاقیت ها و ایده های جالبی رو میشه تو این اپ ها پیدا کرد. چه طراح اپ های دسکتاپ باشید چه موبایل می تونید از ایده ها و خلاقیت بکار رفته تو این تصاویر استفاده کنید و برنامه‌ای با ظاهر شیک و جذاب طراحی کنید.

خلاقیت در رابط کاربری اپ ها
مهدی منافی
۲ نظر ۲۰ فروردين ۹۲ ، ۰۱:۵۰

20 نمونه از طراحی های زیبا و مفهومی نرم افزار آب و هوا


این روزا یکی ایده میده بقیه با یکم تغییر ازش کپی می کنن و اگه پشتیبان مطمئنی برا ایده دهنده نباشه عاقبت بدی در انتظارشه :(
با اینکه سیستم عامل گوشی من (جاوا) سیستم عامل حساب نمیشه ولی تو گشت و گذارهای اینترنتیم خیلی از این اپ های گزارش هوا واسه پلتفرمهای مختلف رو دیدم و واقعاً هم خیلی هاشون جذاب هستن. ولی همشون یه کار یکسان رو انجام میدن و ایده جدید و خلاقانه ای توشون دیده نمیشه. فقط می تونن دما و وضعیت هوا رو تشخیص بدن همین!
کار تغییر رابط کاربری دیگه داره بین توسعه دهنده ها به یه سنت تبدیل میشه (البته خودم هم از این قاعده مستثنی نیستم !) و نمیدونم چه کسی و کی این سنت جلوش گرفته میشه؟
مهدی منافی
۱ نظر ۱۲ فروردين ۹۲ ، ۰۸:۰۰

طرحی از رابط کاربری نرم افزارهای Desktop

سلام به همه ایرانیان. دو تا از طرح هام رو که سال پیش واسه یه دیکشنری آنلاین کار کرده بودم رو واستون گذاشتم. رابط کاربری اینا هم مثل بقیه کارهام با نرم افزار Expression Blend طراحی شده.
لطفاً شما هم از کارهاتون بفرستین تا با اسم خودتون تو بلاگ بذارمشون (اگه طرح هاتون مثل مال من ابتدایی هم بود اشکالی نداره)

دیگه حرف نمیزنم خودتون تصاویر رو ببینید:
طرحی از رابط کاربری نرم افزارهای Desktop
مهدی منافی
۲ نظر ۱۱ فروردين ۹۲ ، ۱۳:۱۹

نگاهی به مجموعه رابط کاربری سیستم عامل آندروید + دانلود PSD

سلام. اینقدر در مورد رابط کاربری می گم تا دیگه هیچ برنامه نویسی این قضیه رو شوخی نگیره :)

امروز هم براتون گشتم گشتم تا یه پکیج از طرح های Artem Tolstykh برای سیستم عامل آندروید رو براتون پیدا کردم. چون من واسه این سیستم عامل نرم افزار طراحی نمی کنم اولش نمی خواستم دانلودش کنم :) ولی بعدش با خودم گفتم فقط خودم نیستم بقیه هم هستن D: واسه همینم گذاشتمش تو بلاگ تا دوستای دیگه هم ازش استفاده کنن.

نگاهی به مجموعه رابط کاربری سیستم عامل آندروید + دانلود PSD
مهدی منافی
۱ نظر ۱۰ فروردين ۹۲ ، ۰۸:۰۰

چگونه نرم افزارهایی با اینترفیس خلاقانه تولید کنیم؟

شاید شما هم مثل من وقتی به ظاهر نرم افزارهایی مثل فتوشاپ و اتوکد و نرم افزارهای مشابه نگاه می کنید با خودتون می گید اینا چطوری طراحی شدن؟
برای این سوال روش های و جواب های مختلفی وجود داره که بعضی هاشون معقولانه نیستن. مثلاً یه روش واسه طراحی ظاهر نرم افزار فتوشاپ ، استفاده از خود فتوشاپ برای طراحی ظاهر برنامه در قالب یه عکس هستش. این روش مشکلات زیادی برای توسعه دهنده نرم افزار بوجود میاره و رابط کاربری نرم افزار هیچ گونه انعطافی مقابل رخدادهایی مثل تغییر اندازه فرم نداره. استفاده از این روش همچنین می تونه تو عملکرد نرم افزار هم تاثیر بذاره و باعث افزایش حجم نرم افزار بشه.
چگونه نرم افزارهایی با اینترفیس خلاقانه تولید کنیم؟
مهدی منافی
۷ نظر ۰۸ فروردين ۹۲ ، ۱۷:۵۳

معرفی رابط کاربری نرم افزار Weathercube

یکی از نقاط قوت سیستم عامل IOS و گوشی های آیفون اپل رابط کاربری (UI) خیره کننده نرم افزارهاشون هستن که کاربر رو به محض ورود به برنامه تحت تاثیر خودشون قرار میدن. گاهی اوقات هم ممکنه کاربر در مورد این نرم افزار اطلاعات کافی نداشته باشه ولی به خاطر UI بالا باهاش کار می کنه و ازش لذت میبره.
به شخصه می تونم بگم شرکت اپل و تیم طراحی سیستم عامل IOS یکی از بهترین شرکت ها و گروه های تولید کننده سیستم عامل در دنیا هستن.
معرفی رابط کاربری نرم افزار Weathercube
مهدی منافی
۰ نظر ۰۶ فروردين ۹۲ ، ۰۹:۰۰

اولین تصاویر از رابط کاربری ویندوز 9 یا ویندوز بلو

ویندوز بعدی در حال حاضر با اسم رمز ویندوز بلو شناخته می شود و قرار است در آینده جایگزین ویندوز 8 بشود. حالا امروز که مصادف با تولد ۵۷ سالگی استیوبالمر مدیرعامل مایکروسافت است، یک نسخه اولیه از این سیستم عامل لو رفته که به نام Build 9364 شناخته می شود و در سایت های به اشتراک گذاری فایل قابل دانلود است.

نمای کلی ویندوز بعدی تا حد زیادی شبیه به ویندوز 8 است اما بهبودهای ریز و درشت مختلفی در آن قابل مشاهده است. کاشی های صفحه نخست کوچک تر شده اند و امکان شخصی سازی هم بیشتر در دسترس قرار دارد.

امکان قرار دادن اپلیکیشن ها در کنار یکدیگر هم به صورت 50/50 در محیط کاشی ها فراهم شده و امکانات کنترلی بیشتری در این رابط کاربری در دسترس قرار گرفته تا کاربران تبلت مجبور به مراجعه به محیط دسکتاپ نباشند.

تغییرات دیگر شامل تنظیمات SkyDrive است که امکانات بیشتری برای پشتیبان گیری و مدیریت فایل ها در اختیار قرار می دهد و بخش جدیدی به عنوان تنظیمات اپلیکیشن هم مشاهده می شود که تنظیمات اپلیکیشن های پیشفرض را به همراه دارد.

روی ویندوز بلو شما اینترنت اکسپلورر ۱۱ را هم پیدا می کنید اما هنوز نمی دانیم که حاوی چه تغییرات جدیدی است.

گفته می شود نسخه پیش نمایش عمومی ویندوز بلو طی ماه های آینده ارایه خواهد شد و باید به احتمال زیاد منتظر ارایه آن تا پایان همین سال جاری باشیم. انگار مایکروسافت قصد دارد سرعت ارتقا ویندوز را سریع تر کند.

تصاویر بیشتر را در ادامه مطلب ببینید.

اولین تصاویر از رابط کاربری ویندوز 9 یا ویندوز بلو
مهدی منافی
۰ نظر ۰۶ فروردين ۹۲ ، ۰۸:۰۰

طرح های الهام بخش از رابط کاربری موبایل

این روزا رابط کاربری دیگه مثل قبل تو کنج مغز یه توسعه دهنده نرم افزار بیکار ننشسته و روز به روز داره خودش رو بین توسعه دهنده ها جا میده (ولی خیلی ها ازش دوری می کنن :( ). رابط کاربری همه کار می کنه! می تونه کاربر رو تو استفاده از نرم افزار بهتر راهنمایی کنه، می تونه به کاربر هنگام کار با نرم افزار احساس راحتی و اطمینان بده، می تونه هویت و میزان تجربه توسعه دهنده‌ی نرم افزار رو معلوم کنه و کلی کارای دیگه.

یه مثال از دنیای بیرون آی تی براتون بزنم: یه شخصی رو که پولداره و می خواد بره یه پراید با امکانات سفارشی بخره رو در نظر بگیرید. این شخص اولش میره نمایشگاه و سوار پراید معمولی میشه، بعد یکم ور رفتن با دم و دستگاه ماشین از بعضی جاهاش خوشش نمیاد (مثلا صندلی، رینگ، رنگ و ...). به همین خاطر هم سفارش میده تا اون جاهایی رو که به نظرش مجلوب نیستن رو تغییر بدن و یه خفن ترش رو جاش بذارن (مثلاً صندلی اصل چرم، رینگ اسپورت، رنگ متالیک).

بعدش این ماشین میشه یه ماشین ایده‌آل واسه این شخص، و میره و حالش رو میبره  D:

طرح های الهام بخش از رابط کاربری موبایل
مهدی منافی
۲ نظر ۰۴ فروردين ۹۲ ، ۰۳:۰۲