معرفی کتاب راهنمای روانشناسی بصری در طراحی رابط کاربری


این کتاب، جلد اول یک سه گانه بسیار مفید با موضوع طراحی UI است و به خوبی اثر متقابل بین انسان و ماشین را تعریف‌ و به شما کمک می‌کند تا شناختی عمیق در رابطه با واکنش‌های بینایی نسبت به تصاویر، متن‌ها، دیاگرام‌ها، ماژولها، جداول‌، ویدئوها و همچنین رنگ و مکان آن‌ها پیدا کنید و از سوی دیگر، بتوانید طراحی‌های اثربخشی برای نگه‌داشتن کاربر در فضای وب‌سایت انجام دهید. 
معرفی کتاب راهنمای روانشناسی بصری در طراحی رابط کاربری
مهدی منافی
۳ نظر ۲۴ مهر ۹۵ ، ۲۱:۵۵

زندگی شگفت‌انگیز جانی آیو در قاب تصاویر - (باز نشر)

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

طراحی رابط کاربری وبسایت "اعتراض به توهین به پیامبر اسلام (ص)" - کارهای خودم

سلام. هفته‌ی پیش پروژه طراحی رابط کاربری وبسایت "اعتراض به توهین به پیامبر اکرم (ص)" رو شروع کرده بودم و با انجام 2 روز کار مفید تونستم پروژه رو جمعه هفته پیش تحویل بدم. تو رابط کاربری این پروژه مثل کارهای قبلی از طراحی تخت پیروی کردم و همچنین سازگاری با تکنیک ریسپانسیو هم یکی از مشخصه های این رابط کاربری محسوب میشه.

طرح های اولیه‌‌ رو هم قرار دادم و اینکه نظرتون در موردش چیه ;)

طراحی رابط کاربری وبسایت "اعتراض به توهین به پیامبر اسلام (ص)" - کارهای خودم
مهدی منافی
۱ نظر ۲۸ بهمن ۹۳ ، ۰۰:۰۰

10 آموزش برای بالا بردن مهارتهای طراحی خود - سری 1

یکی از بهترین راه ها برای بالا بردن مهارتهای طراحی استفاده از آموزشهای کوتاه و راهنماهای آموزشیه که با یادگیریشون می تونید پروژه‌های بزرگ رو به سادکی انجام بدید.
تو این پست 10 تا از آموزش های خوب موجود تو وب رو براتون قرار دادم که با انجام تمرینات داخلشون می تونید مهارتهای طراحیتون رو بالا ببرید. مهارت هایی که تو این منابع بدست خواهید آورد عبارتند از
10 آموزش برای بالا بردن مهارتهای طراحی خود - سری 1
مهدی منافی
۰ نظر ۲۴ بهمن ۹۳ ، ۱۲:۱۷

آموزش طراحی رابط کاربری موبایل در فتوشاپ

سلام. حتماً شما هم از اپلیکیشن های کافه بازار یا فروشگاه های ایرانی استفاده کردین (بیشتر منظورم اپ های ایرانیه). شاید خیلی از اونا هم مورد پسندتون نیستن. خب حق دارین. منم خودم هر از گاهی وقتی به تصاویرشون نگاه می کنم زیاد به دلم نمیشینن و اگه دست خودم بود همچین اپ هایی رو از استور حذف می کردم.

دلیل نپسندیدن این اپلیکیشن ها سه جنبه مهم می تونه داشته باشه:

  • کیفیت ظاهری برنامه (رابط کاربری UI)
  • عملکرد برنامه
  • اذیت موقع کار کردن با اپلیکیشن (تجربه کاربری UX)
چون موضوع بحث ما رابط کاربریه پس به اون دو تای دیگه کاری نداریم. رابط کاربری خیلی از این اپ های موجود تو استورهای ایرانی از کیفیت قابل قبولی برخوردار نیستن و این موجب نارضایتی بسیاری از کاربرا شده. دلیل بوجود اومدن این مشکل
آموزش طراحی رابط کاربری موبایل در فتوشاپ
مهدی منافی
۷ نظر ۰۶ بهمن ۹۳ ، ۰۲:۲۳

معرفی منابعی از طراحی متریال گوگل

گوگل در سال 2014 با معرفی نسخه 5 اندروید (لالی پاپ)، زبان بصری جدیدش رو هم با نام"متریال" معرفی کرد که انقلاب جدیدی در طراحی های رابط کاربری بوجود آورد. در واقع گوگل قصد داره با ترکیب این سبک طراحی با تکنولوژی روز تجربه کاربری بهتری رو به کاربرانش ارائه بده.

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

معرفی منابعی از طراحی متریال گوگل
مهدی منافی
۰ نظر ۰۲ بهمن ۹۳ ، ۰۲:۴۳

مجموعه آیکن های متریال

گوگل با معرفی اندروید 5 از طراحی متریال هم پرده برداشت و تمامی قسمت های سیستم عاملش رو به وجود این سبک زیبا و کاربردوست مزین کرد. چون سرعت استفاده از متدهای جدید تو طراحی نسبتاً بالاست منم با کمی تاخیر مجموعه ای از آیکن های متریال رو در چهار اندازه 24 - 32 - 48 و 64 براتون آماده کردم. تو ادامه دانلودش کنین ;)

مجموعه آیکن های متریال
مهدی منافی
۱ نظر ۱۹ آذر ۹۳ ، ۱۶:۲۳

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

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

حالا اپلیکیشن هم همینطوره ولی با فرق دنیای مجازی و واقعی. تو این پست یه چندتا تصویر از رابط کاربری های متحرک و پر از ایده و افکت های مختلف رو آماده کردم که می شه ازشون تو طراحی ها استفاده کرد.
ایده هایی الهام بخش برای رابط های کاربری خودتون + تصویر
مهدی منافی
۶ نظر ۱۹ آذر ۹۳ ، ۰۹:۰۶

طرح مفهومی قالب وبسایت سولدوز-کارهای خودم

باسلام . تازگیا سری جدید از نمونه کارهام رو می خوام در معرض استادان گرامی همچون شما عزیزان قرار بدم. تو پست قبلی کارت ویزیت "سولدوز" رو قرار داده بودم و در این پست هم می تونید قالب ست شده "سولدوز" با این کارت ویزیت رو هم مشاهده کنید.

طرح مفهومی قالب وبسایت سولدوز-کارهای خودم
مهدی منافی
۱ نظر ۱۷ آذر ۹۳ ، ۱۱:۲۳

کارت ویزیت سولدوز - کارهای خودم

کارت ویزیت سولدوز - کارهای خودم
مهدی منافی
۱ نظر ۱۵ آذر ۹۳ ، ۰۰:۲۱