مهدی خدادادی سپتامبر 19, 2014
چالش : انتخاب ایده و شروع فرآیند طراحی

چالش : انتخاب ایده و شروع فرآیند طراحی

این دومین مطلب از سری مطالبی است که در مورد چالش 6 ماهه می...

مهدی خدادادی ژانویه 30, 2014
طراحی رابط کاربری ایرانی - تقارن

طراحی رابط کاربری ایرانی - تقارن

رابط کاربری ایرانی سعی می کند به ویژگی های هنر ایرانی بپردازد و ببینید که آیا می توان بین این ویژگی ها و طراحی رابط کاربری و رابط تعاملی ارتباطی یافت یا خیر . در قسمت قبلی طراحی رابط کاربری ایرانی . چرا و چگونه؟ – دیباچه به این موضوع پرداختم که چرا ضرورت دارد تا رویکردهای بومی در هر هنری به عرصه شکوفایی برسد و مثال هایی از این دست را بررسی کردم . در ادامه قرار بر این شد که در هر مقاله از این سری به بررسی یکی از ویژگی های هنر ایرانی اسلامی بپردازیم که در این مطلب نوبت به تقارن رسیده است .

هنر ایرانی یا هنر اسلامی :

برخی از دوستان به بنده متذکر شده اند که شما  بین هنر اسلامی (هنر اعراب ) و هنر ایرانی باید تمایز قایل شوی و این دو در یک مسیر نیستند . شاید بهتر باشد قبل از هر چیزی چند نکته در این مورد بگویم . تاریخ هنر ایران یک تاریخ هفت هزار ساله است و بدیهی است که در دوران های مختلف ، به یک شکل نبوده است . در دوران هخامنشیان این هنر تآثیر گرفته از هنر عیلامیان بود و در دوره اشکانیان از روم و فرهنگ غرب تاثیر می گرفته . همچنین در 1500 سال اخیر ، هنر ایرانی با هنر اسلامی آمیخته شده است . چیزی که در این بین مهم است این است که هیچ گاه هنر ایرانی تحت تاثیر فرهنگ های مختلف ، چارچوب های خود را از دست نداده است و این ایرانیان بوده اند که با فرهنگ غنی خود ، بر روی سایر فرهنگ ها تاثیر گذاشته اند . به طور خاص در زمینه هنر اسلامی ، شاید به جرات بتوان گفت که بیش از 90 درصد این هنر مبدعان و خالقان ایرانی داشته است . شکل طاق ها و درب ها ، نقش مایه ها و موتیف ها ، گره ها ، نگارگری و تذهیب ، خط و خوشنویسی ، معماری و انواع هنرهای دیگر را ایرانیان به پیش برده اند . قدیمی ترین مسجد ایران که هم اکنون وجود دارد مسجد جامع تاریخانه دامغان است . این مسجد که اساس معماری آن منطبق بر معماری مساجد امروزی است ، از معماری دوران ساسانی تاثیر گرفته است . مسجد تاریخانه دامغان که در دوران ساسانیان آتشکده بوده است مسجد تاریخانه دامغان که در دوران ساسانیان آتشکده بوده است در خوشنویسی و خطاطی ، گفته شده شش خط مُحَقَّق ، ریحان ، ثُلث ، نسخ ، رِقاع ، توقیع از ابداعات ابن مقلع شیرازی است . همینطور خط نستعلیق و شکسته نستعلیق که از ابداعات ایرانیان است . و از این دست مثال ها در تمامی زمینه های هنری وجود دارد . در نهایت باید بگویم که فلسفه اسلام که امروزه در هنر ایرانی جریان دارد ، این هنر را شکل داده است و هنر ایرانی نیز در خدمت اسلام درآمده است . به نظر من تمایز بین هنر ایرانی و اسلامی در حال حاضر بازی با کلمات است . پس زمانی که من از مبحثی به نام هنر ایرانی صحبت می کنم ، منظورم هنر ایران باستان و دوران اسلامی با هم است و قصد تفکیک دوران های مختلف هنری را از یکدیگر ندارم .

تقارن :

تقارن عبارت است از نظم و تعادل مبتنی بر تکرار عناصر . تقارن مهم ترین ویژگی "طبیعت" است . چه در برگ یک درخت نگاه کنید و چه در یک حیوان ، مثل پروانه می توانید اثر تقارن را مشاهده کنید .  ذهن ما همیشه با طبیعت و تقارن آشنا بوده است ، پس در مواجه با هنر متقارن احساس بیگانگی نمی کند و برایش دلنشین می شود . تقارن در طبیعت تقارن در طبیعت تقارن ، نظم و هماهنگی از مهم ترین ویژگی های هنر ایرانی است . چه در هنر ایران باستان و چه در هنر اسلامی شما هیچ گاه اثری بی قاعده مشاهد نمی کنید .    

انواع تقارن :

سه نوع تقارن وجود دارد : بازتابی ، چرخشی و اتقالی .

مهدی خدادادی آگوست 4, 2013
بازی کنیم : FEZ هنرنمایی با پیکسل ها

بازی کنیم : FEZ هنرنمایی با پیکسل ها

برای من بخش مهمی از سرگرمی هایم را بازی های کامپیوتری می سازند ....

مهدی خدادادی جولای 20, 2013
طراحی رابط کاربری ایرانی . چرا و چگونه؟ - دیباچه

طراحی رابط کاربری ایرانی . چرا و چگونه؟ - دیباچه

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

دیباچه

طراحی رابط گرافیکی کاربر (Graphic User Interface) یا طراحی تعاملی (Interactive design) شاخه های نسبتا جدید در طراحی هستند که مورد توجه عموم طراحان به خصوص طراحان گرافیک و طراحان صنعتی قرار گرفته است . این شاخه از طراحی نسبتا جوان است و همراه با رشد تکنولوژی به شدت در حال گسترش است . بخشی از یک رابط گرافیکی تعاملی بخشی از یک رابط گرافیکی تعاملی در طراحی UI ما استانداردها و مکاتب مختلفی داریم که اکثر این ها از غرب و جایی که قطب تولید نرم افزار است آغاز شده است . شرکت های بزرگی مثل ماکروسافت ، اپل ، گوگل و ادوبی تقریبا تمام جریان نرم افزاری جهان را در اختیار دارند . طراحان این شرکت ها می توانند مشخص کنند که یک UI خوب چگونه چیزی است . زمانی که ما تکنولوژی و نرم افزار را وارد می کنیم ، طبیعی است که فرهنگ استفاده و زبان طراحی آن را نیز وارد می کنیم . امروزه زبان طراحی UI یک استاندارد جهانی است .
زمانی که ما تکنولوژی و نرم افزار را وارد می کنیم ، طبیعی است که فرهنگ استفاده و زبان طراحی آن را نیز وارد می کنیم .
رابط گرافیکی کاربر پیرو یک سری استانداردها است . مهم ترین خصوصیتی که این استانداردها را شکل می دهند  ، کاربران هستند . مشخص است که کاربران با هم متفاوت اند . اینکه شما بخواهید رابط کاربری برای مخاطبان کهنسال طراحی کنید و یا مخاطب کودک ، کاملا ممکن است در نحوه دیزاین ما تاثیر گذار باشد . یک رابط کاربری مخصوص کودکان یک رابط کاربری مخصوص کودکان می تواینم کاربران را از نقطه نظر جغرافیایی هم نگاه کنیم . نگاهی که مثلا مردم انگلستان به رنگ قرمز دارند با برخوردی که مردم عراق به این رنگ دارند متفاوت است . شاید در انگلستان قرمز یک رنگ سلطنتی باشد و در عراق یک رنگ جذاب برای بسته بندی مواد غذایی . پس به طور مثال طراح گرافیک یا طراح صنعتی که می خواهد یک بسته بندی را دیزاین کند ،  باید سلایق مختلف مردم در کشورهای مختلف را بشناسد و متناسب با آنها برای طراحی اقدام کند . در تاریخ طراحی گرافیک مثال های زیادی می توان یافت که اشتباه یک طراح در عدم شناخت یک جغرافیای خاص یک محصول تجاری را با شکست مواجه کرده است . اما آیا این داستان بومی سازی دیزاین در مورد رابط گرافیک کاربر و طراحی تعاملی هم صدق می کند ؟ هم آری و هم خیر . نرم افزارها و وب سایت ها تا حد زیادی مخاطبان فرامنطقه ای دارند . یعنی اینکه جهانی هستند . به طور مثال Gmail کاربرانی از شرق دنیا تا غرب دنیا با سلایق گوناگون و نژادهای مختلف دارد . زبان طراحی برای این همه مخاطب باید به گونه ای باشد که همه مردم بتوانند با آن در حد معقولی کار کنند . اما اینها دلیل نمی شود که Gmail از طراحی و زبان منطقه ای و بومی غافل شود . چیزی که امروز ما به عنوان رابط کاربری می شناسیم حاصل تلاش طراحان مختلفی است  . UI نرم افزارها و وب سایت ها هر روز در مسیر پیشرفت قرار دارد . ایجاد یک زبان بومی در طراحی رابط کاربری شاید نکته ای باشد که تا به حال زیاد به آن پرداخته نشده است . باید به این نکته توجه کنید که وقتی ما صحبت از طراحی بومی می کنیم ، الزاما به این معنی نیست که یک جغرافیای خاص می تواند طراحی ما را به کار گیرد . بلکه طراحی بومی ، روحی است که می تواند یک طراحی را خاص کند و روحیات کاربران را تغییر دهد . ما مکاتب متعددی در طراحی گرافیک داریم . مثل مکتب لهستان ، مکتب سوئیس و مکتب ژاپن  . در هر یک از این مکاتب ، طراحان مبتنی بر جغرافیا ، فرهنگ و هنر بومی خود اقدام به طراحی کرده اند که نتیجه آن به وجود آمدن مجموعه ای از آثار ارزشمند ، ممتاز و متمایز است . به طور مثال در مکتب  سوئیس که مکتب مورد علاقه من نیز هست ، طراحان گرافیک به "تایپ" اهمیت ویژه ای می دهند . استفاده از حروف به عنوان بخش اصلی اثر ، استفاده از اشکال هندسی و فرم های منظم ، استفاده از فضاهای سفید و استفاده از خطوط از مشخصه های مکتب  سوئیس است . دیزاین در مکتب سویس دیزاین در مکتب سوئیس بر عکس مکتب  سوئیس ، مکتب لهستان قرار دارد که تصویر سازی در آن جایگاه اصلی را دارد و به "تایپ" در حاشیه کار نگاه می شود . به هر حال قصد ندارم که در اینجا در مورد مکتب ها وارد جزییات شوم . هدف ام این بود که فقط بگویم که طراحی گرافیک بومی چیزی است که وجود دارد و می تواند در اقسام مختلف دیزاین و به طور مشخص طراحی UI به کار گرفته شود .

مکتب ایرانی :

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

مهدی خدادادی جولای 18, 2013
نه هر که چهره برافروخت دلبری داند

نه هر که چهره برافروخت دلبری داند

همانطور که متوجه شده اید قالب سایت تغییر کرده است . امسال بهار فرصتی دست داد تا بتوانم قالب پیکسلر را باز طراحی (ReDesign) کنم . در ادامه توضیحات مختصری در مورد قالب جدید و نحوه شکل گیری آن خواهم داد .

چرا تغییر ؟

قالب قبلی ، قالب خوبی بود ، منحصر به فرد و زیبا بود و تقریبا همه افراد از آن رضایت داشتند . اما معایبی داشت که مرا به فکر انداخت به جای مرتفع کردن این معایب ، قالب را دوباره طراحی کنم . یکی از مهم ترین ایرادهای قالب قبلی این بود که responsive نبود . همینطور به نظرم سایت می توانست با چیدمان مناسب تر اطلاعات باز هم کمینه تر و بهینه تر شود . پس شروع کردم بر روی رابط کاربری آن کار کردم . طبق معمول من ابتدا کار را درPhotoshop  دیزاین می کنم . تصویر زیر اولین طرحی بود که در این مورد کار کردم : طرحی-از-قالب-پیکسلر

مهدی خدادادی آگوست 31, 2012
Processing : برخورد هنر و الگوریتم

Processing : برخورد هنر و الگوریتم

substrate substrate   تصویری که در بالا می بینید برداشتی آزاد ، از یک نقاشی قدیمی از جکسون پولاک با نام "لایه ها" است . این تصویر تماما به وسیله روابط ریاضی ، الگوریتم ها و کد نویسی شکل گرفته است .از زبان برنامه نویسی Processing برای خلق این اثر استفاده شده است . پیش از این در پیکسلر در مورد "هنر مولد" یا "Generative Art" صحبت کرده بودم :

هنر مولد هنری است که در آن اثر هنری ، طبق الگوریتمی از پیش تعریف شده تولید می شود . این الگوریتم می تواند توسط نرم افزار و یا سیستم های شبیه سازی ریاضی تعریف شود . هنر مولد در همه زمینه های هنری مثل هنرهای تجسمی ، موسیقی ، مجسمه سازی و… کاربرد دارد .

اگر شما به عنوان یک هنرمند به این شکل از هنر علاقه دارید ولی در مورد یادگیری زبان های برنامه نویسی پیچیده مطمئن نیستید ، Processing یک پیشنهاد خوب ، ساده و دلچسب است. اگر هم یک برنامه نویس هستید ، باز هم Processing را در اموری مثل پردازش تصویر ، صدا و پردازش داده ها ، موثر و ثمر بخش خواهید یافت .
Processing یک زبان برنامه نویسی آزاد و سرگرم کننده برای نوشتن انواع برنامه های گرافیکی و تعاملی است .
با Processing شما یک کاغذ سفید در اختیار دارید که می توانید به ساده ترین شکل ممکن ایده های گرافیکی و هنری خود را به وسیله کُد نویسی بر روی آن پیاده کنید .   نمونه از کار با Processing نمونه از کار با Processing

مهدی خدادادی آوریل 16, 2012
بازگشت به آینده ، سفری در زمان

بازگشت به آینده ، سفری در زمان

Irina Werning یک عکاس متولد شهر بوئنوس آیرس است . او یک پروژه عکاسی با نام  " بازگشت به آینده" را شروع کرده است که در آن اقدام به بازآفرینی عکس های قدیمی می کند . در این پروژه عکس های قدیمی انتخاب شده و سعی می شود در همان شرایط و با آدم هایی که حالا بزرگتر شده اند ، بازآفرینی بشوند . عکس های گرفته شده بسیار دقیق و شگفت انگیز شده اند . شاید شما هر روز که مقابل آیینه قرار می گیرید متوجه تغییرات ظاهری نشوید ، اما عکس ها ، به یک باره به ما گذشت زمان را یادآوری می کنند . با منتخبی از عکس های این هنرمند آرژانتینی در ادامه مطلب همراه می شویم .

مهدی خدادادی مارس 31, 2012
جشنواره وب ایران و رنجی که می برد

جشنواره وب ایران و رنجی که می برد

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

مهدی خدادادی دسامبر 30, 2011
طراحی رابط گرافیکی کاربر برای ویندوز مترو - قسمت نخست

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

مدتی است که ماکروسافت Windows Phone 7 را با رابط گرافیکی جدیدش به بازار عرضه کرده است . این رابط گرافیکی کاربر را ما با نام " مترو" می شناسیم . اهمیت این طراحی انقلابی و همینطور استفاده از مترو در ویندوز بعدی ماکروسافت ، موسوم به ویندوز 8 ، ما را بر آن داشت تا به بررسی این "رابط گرافیکی کاربر " بپردازیم . نمایی از Windows Phone 7   "مترو" یک استاندارد و زبان تازه برای طراحی رابط کاربری است . همانند هر زبانی شما با قوانین و دستور العمل های خاص "مترو" روبرو هستید . به جای اینکه این رابط کاربری ، طبق روش های قبلی برای افراد درگیر با تکنولوژی طراحی شود ، مخاطبان جدیدی را هدف قرار گرفته است . کسانی که مشغول زندگی کردن هستند ، افراد آنلاین و آفلاین و همه کسانی که هر روز به شبکه های اجتماعی می روند تا فعالیت های خود را ثبت و فعالیت های دوستانشان را رصد کنند .

طراحان باید مراقب چه چیزی باشند ؟

نخست آنکه این یک رابط گرافیکی جدید برای خلق و بسط ایده هایی جدید است . زمانی که برای نخستین بار رابط گرافیکی " مترو " را در WP7 دیدم ، دریافتم که یک تغییر و جسارت بزرگ در راه است . برای بسیاری از کاربران که به رابط گرافیکی قبلی ماکروسافت ، عادت کرده بودند ، " مترو " یک جهش ناخوشایند است . اما برای من و دوستانم که اصول طراحی گرافیک ، شیوه نگاه ماست ، "مترو " یک رابط گرافیکی درست و بسیار مناسب است . وقت آن رسیده است که طراحان با استفاده از " مترو " نحوه نگرش مردم را تغییر دهند و واقعا در عمل نشان دهند که کارها چقدر راحت تر و لدت بخش تر شده است . دوم آنکه باید نگاهی به آینده داشته باشیم . ماکروسافت در نظر دارد ، Windows 8 را با رابط کاربری مترو روانه بازار کند . حقیقت این است که رشد صنعت موبایل و تبلت در سال های گذشته باعث شده است تا مشکل بزرگی به نام " هماهنگی " به وجود بیاید . دیگر نمی توان تنها به بازار PC و برنامه های رومیزی چشم دوخت . ماکروسافت پی به این حقیقت برده است که کاربران نیاز دارند از یک رابط گرافیکی واحد در تمامی دستگاه ها استفاده کنند . طراحان باید از این پس محیط کاربری برنامه ها خود را به گونه ای طراحی کنند ، که با اندک تغییرات در هر وسیله ای ، شامل کامپیوتر ، تبلت ، موبایل و تلویزیون بتواند به کار رود . هماهنگی و یکسان سازی در این مورد بسیار مهم است . اگر مایلید در مورد رابط گرافیکی مترو بیشتر بدانید ، در ادامه با ما همراه باشید .

مهدی خدادادی جولای 27, 2011
چگونه یک روزمه خوب طراحی کنیم ؟

چگونه یک روزمه خوب طراحی کنیم ؟

زمانی که شما می خواهید در کاری استخدام شوید ، روزمه یکی از اسناد...

مهدی خدادادی ژوئن 28, 2011
آیا فلش در وب کمرنگ شده است ؟

آیا فلش در وب کمرنگ شده است ؟

همه شما کم و بیش با تکنولوژی فلش و نقش آن در وب آشنا...